@charset "utf-8";
@import url(reset.css);
@import url(all.min.css);
@import url(bootstrap.css);
@import url(responsiveslides.css);
@import url(jquery-ui.css);
@import url(themes.css);
@import url(jquery.mmenu.css);

html,body{margin:0;padding:0;height:100%;color:#000;-webkit-text-size-adjust:none;line-height:1.5em;}
body{font-size:0.9375em;min-width:320px;}
:lang(en){font-family:"Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;}
:lang(zh-hk){font-family:"Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;}
:lang(zh-cn){font-family:"Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;}
header,section,footer,aside,nav,main,article,figure{display:block;}
img{border:none;}
a{color:#087883;text-decoration:none;}
a:visited{text-decoration:underline;}
a:hover{color:#ff6600;text-decoration:none;}
.access{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.wordBreak{font-weight:inherit;word-wrap:break-word;display:inline-block;max-width:100%;}
.fa,.far,.fas{font-family:"Font Awesome 5 Free";}
.fab{font-family:"Font Awesome 5 Brands"}
h1{font-size:2.5em;margin:20px 0;color:#a23c33;position:relative;}
h2{font-size:1.5em;font-weight:bold;margin:2em 0 1em 0 ;border-left:10px solid #c4c4c4;padding-left:10px;color:#990000;}
h3{font-size:1.2em;font-weight:bold;padding-top:1em;margin-bottom:0.5em;}
p{text-align:justify;padding:1em 0;line-height:1.5em;margin:0;}
ul{list-style-type:disc;margin-left:1.5em;}
ol li{margin-left:1.5em;}
.backBtn{position:absolute;padding:0 !important;right:20px;top:60px;}
.backBtn a{color:#000;text-decoration:none !important;font-weight:normal !important;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.borderBottomNone{border-bottom:1px solid #fff;}
.vertM{vertical-align:middle;}
.noShow{display:none;}
.textBold{font-weight:bold;}
.bUnderline{font-weight:bold;text-decoration:underline;}
.txtItalic{font-style:italic;font-weight:normal;}
.txtUnderline{text-decoration:underline;font-weight:normal;}
.footNote{font-style:italic;text-indent:-13px;margin-left:26px;}
.footNote span{font-weight:normal;width:13px;display:inline-block;}
.tableScroll{overflow-x:auto;text-align:center;}
.tableScroll img{max-width:fit-content;}
.remark{color:#e00000;}
body.m1 .toolBar ul li a.m1,body.m2 .toolBar ul li a.m2,body.m3 .toolBar ul li a.m3,body.m4 .toolBar ul li a.m4,body.m5 .toolBar ul li a.m5{color:#c75300 !important;}
.anchor{display:block;position:relative;top:-60px;visibility:hidden;}
.rectangle{height:10px;background-color:#d97828;position:absolute;top:55px;width:400px;}
.fa-home{color:#000;}
.fa-home:hover{color:#000;}
.container{padding:0;}
.img-photo{width:180px;display:inline-block;vertical-align:top;margin:10px;}
.img-text{width:500px;display:inline-block;vertical-align:top;margin:10px;}

/*Fonts*/
@font-face{
     font-family:'Poppins';
     font-style:normal;
     font-weight:400;
     src:local("Poppins Regular"), local("Poppins-Regular"), url("../webfonts/poppins-v4-latin-regular.woff2") format("woff2"), url("../webfonts/poppins-v4-latin-regular.woff") format("woff");
}
 @font-face{
     font-family:'Poppins';
     font-style:normal;
     font-weight:500;
     src:local("Poppins Medium"), local("Poppins-Medium"), url("../webfonts/poppins-v4-latin-500.woff2") format("woff2"), url("../webfonts/poppins-v4-latin-500.woff") format("woff");
}
 @font-face{
     font-family:'Poppins';
     font-style:normal;
     font-weight:700;
     src:local("Poppins Bold"), local("Poppins-Bold"), url("../webfonts/poppins-v4-latin-700.woff2") format("woff2"), url("../webfonts/poppins-v4-latin-700.woff") format("woff");
}

/*Skip to main content*/
#skiplinkHolder{background-color:#cc4c02;}
#skiplinkHolder div{display:block;margin:0 auto;max-width:1200px;text-align:center;width:100%;}
#skiplinkHolder div .skiplink{display:-moz-inline-stack;display:block;margin:0;max-height:0;color:#fff;}
#skiplinkHolder div .skiplink:focus{max-height:1920px;position:static;display:inline-block;padding:15px;margin:5px;outline:3px solid #fff;text-decoration:underline;}

/*TopBar*/
h1{font-size:2.5em;margin:20px 0;color:#a23c33;position:relative;border-bottom:10px solid #d97828;text-indent:-50px;padding-left:50px;display:inline-table;}
h1 span{padding-left:50px;font-weight:bold;}
#desktop-top{display:none;}
#mobile-top{display:block;z-index:10;margin-top:0;}
#mobile-top .title{padding:10px;display:inline-block;z-index:100;position:fixed;background-color:#fff;width:100%;top:0;}
#mobile-top .title img{float:left;height:40px;}
#mobile-top .title span{text-decoration:none;color:#000;font-weight:bold;font-size:1em;display:block;margin-top:24px;}
:lang(en) #mobile-top .title span{font-size:0.75em;font-family:Arial;}
#mobile-top #searchIcon{display:inline-block;cursor:pointer;position:fixed;right:86px;top:10px;z-index:100;}
#mobile-top #searchIcon a{color:#000;font-size:1.25em;}
#mobile-top #langIcon{display:inline-block;cursor:pointer;position:fixed;right:52px;top:8px;z-index:100;}
#mobile-top #langIcon a{color:#000;font-size:1.4375em;}
#mobile-top #menuBtn{display:inline-block;cursor:pointer;position:fixed;right:9px;top:15px;z-index:100;}
#mobile-top #searchInside{position:fixed;background-color:#fff;padding:50px 25px;width:100%;height:100%;z-index:100;overflow:hidden;display:none;}
#mobile-top #langInside{position:fixed;background-color:#fff;padding:50px 25px;width:100%;height:100%;z-index:100;overflow:hidden;display:none;}
#mobile-top #langInside a{color:#000;font-size:1em;}
#mobile-top #menuBtn{display:inline-block;cursor:pointer;position:fixed;right:0;top:0;z-index:100}
#mobile-top ul{margin-left:0;margin-bottom:0;}
#mobile-top .lang a{}
.search form{width:100%;}
.search .searchBar{-webkit-appearance:none;border-radius:0;background:#fff;border:1px solid #666;border-right:0;display:block;float:left;height:30px;margin:0;padding:0 17px;width:150px;}
.search .searchBtn{box-sizing:border-box;min-width:0;width:30px;height:30px;border:1px solid #666;border-left:0;padding:6px;-webkit-appearance:none;background:white url(../images/search-solid.svg)no-repeat center center;background-size:45%;margin:0;float:left;display:block;text-indent:-9999px;}
.search ::placeholder{color:#dedede;}
nav#menu{left:1200px;z-index:100;font-family:"Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;top:-20px;}
nav#menu a{font-weight:bold;}
.show{display:block;}
.bar1,.bar2,.bar3{width:25px;height:3px;background-color:#333;margin:5px 0;transition:0.4s;}
.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-9px, 6px);margin:3px 0;}
.change .bar2{opacity:0;}
.change .bar3{-webkit-transform:rotate(45deg) translate(-9px, -7px);transform:rotate(45deg) translate(-9px, -7px);margin:11px 0;}
.crossBtn{position:absolute;right:0.25rem;top:0.75rem;z-index:99999;padding:0.25rem 0.75rem;}
.crossBtn .bar1{transform:rotate(-45deg) translate(3px, 3px);}
.crossBtn .bar3{transform:rotate(45deg) translate(-2px, -9px);}

/*Banner*/
.banner{position:relative;}
.banner ul.rslides li>div{color:#fff;}
.banner ul.rslides li{position:relative;list-style-type:none;}
#index .banner{margin-bottom:0;margin-top:60px;}
#inside .banner{margin-bottom:0;margin-top:60px;}
.transparent-btns_tabs{position:relative;bottom:44px;z-index:10;}

/*Icons*/
#index .icons{position:relative;z-index:10;top:-70px;clear:both;}
#index .icons ul{text-align:center;margin:0;}
#index .icons ul li{display:inline-block;margin:10px 5px;list-style-type:none;width:29%;}
#index .icons ul li img{width:100%;}

#inside .icons{position:relative;z-index:10;margin:0 10px 20px 10px;z-index:0;}
#inside .icons ul{position:initial;margin-top:20px;float:right;width:315px;}
#inside .icons ul li{margin:5px 0;display:inline-block;}
#inside .icons ul li a img{padding:0 5px;}
#inside .icons ul li:nth-child(1) img,#inside .icons li:nth-child(3) img{border-right:1px solid #000;}
#inside .icons ul li:nth-child(1),#inside .icons li:nth-child(3){}
#inside .icons .backbtn{float:left;margin-top:20px;}
#inside .icons .backbtn a{color:#666;text-decoration:none;font-weight:bold;font-size:1.25em;}

#index #content-landing{clear:both;}
#inside #content-landing{background-color:#fff;clear:both;margin:60px 20px 50px 20px;}
#inside #content-landing ul.hyphen{margin-left:10px;}
#inside #content-landing ul.hyphen li:before{content:'- ';text-indent:-5px;}
#inside #content-landing ul.dot{list-style-type:disc;margin-left:10px;}
#inside #content-landing ul.dot li{margin-left:10px;}

/*Tab*/
#index #content-landing #tab-landing{background-color:#eaf1cd;max-width:1200px;margin:0 auto;}
.tab{float:left;width:30%;}
.tab button{border-left:5px solid #ebeae8;display:block;background-color:#ebeae8;color:black;padding:22px 16px;width:100%;border:none;outline:none;text-align:left;cursor:pointer;transition:0.3s;font-size:1.0625em;font-weight:bold;}
.tab button.active{border-left:5px solid #ff9900;background-color:#f2e0ae;color:#193482;}
.tabcontent{float:left;width:70%;border-left:none;background-color:#f1f0f1;position:relative;/*min-height:200px;*/height:655px;overflow-y:scroll;}
.tabcontent ul{list-style-type:none;margin:0;}
.tabcontent ul li{padding:22px 10px 22px 20px;border-bottom:2px solid #ff9900;display:block;}
.tabcontent ul li:before{content:'\23F5';font-size:1.0625em;color:#ff9900;vertical-align:top;float:left;margin-left:-12px;}
.tabcontent ul li:last-child{border-bottom:0;}
.tabcontent ul li a{color:#087883;}
.tabcontent ul li a:visited{color:#ff6600;}
.tabcontent ul li>a,.tabcontent ul li>a:visited{font-weight:bold;color:#000;}
.tabcontent p{padding:10px;margin:0;vertical-align:top;}
.tabcontent p:first-child{padding-top:0;}
.tab-container{background-color:#bee986;display:flow-root;padding:50px 10px;position:relative;top:-70px;}
.more{font-weight:bold;text-align:right;padding:10px 20px;}
.more a{color:#cd0000;}
.triangle-right1{width:0;height:0;border-top:10px solid transparent;border-left:10px solid #ff9900;border-bottom:10px solid transparent;position:absolute;top:20px;}
.triangle-right2{width:0;height:0;border-top:10px solid transparent;border-left:10px solid #ff9900;border-bottom:10px solid transparent;position:absolute;top:86px;}

/*Apps*/
.appsimg{text-align:center;}
.appsimg img{padding:20px;}

/*Links*/
#index #content-landing #link-landing{max-width:1200px;margin:0 auto;text-align:center;position:relative;top:-30px;}
#index #content-landing #link-landing div:last-child a{padding:10px 20px;}
#index #content-landing #link-landing a{display:inline-block;vertical-align:top;padding:10px 2px;}

/*Leaflet*/
.leaflet-list>div{width:250px;padding:20px;display:inline-block;text-align:center;background-color:#e3e9ee;border-radius:6px;box-shadow:8px 8px 10px #aaa;margin:20px;vertical-align:top;}
.leaflet-list>div>div{font-weight:bold;}
.leaflet-list img{max-height:220px;padding:10px;}
.leaflet-list a{display:block;}

/*Map*/
.map-table{}
.map-table tr th{background-color:#0d8008;color:#fff;}
.map-table tr{background-color:#d4ecf9;}
/*.map-table tr:nth-child(even){background-color:#ebf6fc;}
.map-table tr:nth-child(odd){background-color:#d4ecf9;}*/
.map-table tr td,.map-table tr th{border:1px solid #fff;width:25%;}
.map-link a{color:#0d8008;font-size:1.25em;font-weight:bold;text-decoration:underline;}

/*Health*/
#inside #content-landing ul.health{margin-left:0;text-align:center;}
#inside #content-landing ul.health>li{display:inline-block;position:relative;width:245px;padding:20px;vertical-align:top;margin:10px 5px;text-align:left;}
#inside #content-landing ul.health>li:nth-child(1){background:url('/images/health/01_1.jpg')no-repeat;background-size:auto;width:194px;height:700px;}
#inside #content-landing ul.health>li:nth-child(2){background:url('/images/health/02_1.jpg')no-repeat;background-size:auto;width:194px;height:700px;}
#inside #content-landing ul.health>li:nth-child(3){background:url('/images/health/03_1.jpg')no-repeat;background-size:auto;width:194px;height:700px;}
#inside #content-landing ul.health>li:nth-child(4){background:url('/images/health/04_tc.jpg')no-repeat;background-size:auto;width:194px;height:700px;}
#inside #content-landing ul.health>li:nth-child(5){background:url('/images/health/05_1.jpg')no-repeat;background-size:auto;width:194px;height:700px;}
:lang(en) #inside #content-landing ul.health>li:nth-child(1){background:url('/images/health/01_1.jpg')no-repeat;background-size:auto;width:194px;height:700px;}
:lang(en) #inside #content-landing ul.health>li:nth-child(2){background:url('/images/health/02_1.jpg')no-repeat;background-size:auto;width:194px;height:700px;}
:lang(en) #inside #content-landing ul.health>li:nth-child(3){background:url('/images/health/03_1.jpg')no-repeat;background-size:auto;width:194px;height:700px;}
:lang(en) #inside #content-landing ul.health>li:nth-child(4){background:url('/images/health/04_1.jpg')no-repeat;background-size:auto;width:194px;height:700px;}
:lang(en) #inside #content-landing ul.health>li:nth-child(5){background:url('/images/health/05_1.jpg')no-repeat;background-size:auto;width:194px;height:700px;}

#inside #content-landing ul.health>li:nth-child(5) a{width:140px;}
#inside #content-landing ul.health>li:nth-child(5) a span{font-size:0.7em;}
:lang(en) #inside #content-landing ul.health>li:nth-child(5) a{width:150px;}

#inside #content-landing ul.health>li h2{border-left:0;padding-left:0;margin:0.2em 0 0 0;}
:lang(en) #inside #content-landing ul.health>li h2{font-size:1.2em;}
#inside #content-landing ul.health>li h3{color:#990000;font-size:1.2em;border-left:0;padding:0;margin:0;}
:lang(en) #inside #content-landing ul.health>li h3{font-size:1em;}
#inside #content-landing ul.health>li ul{padding-bottom:1em;}
#inside #content-landing ul.health>li a{background-color:#00afcc;color:#fff;padding:5px 5px;display:inline-flex;margin:2px 0;}
#inside #content-landing ul.health>li:nth-child(1) a,#inside #content-landing ul.health>li:nth-child(2) a,#inside #content-landing ul.health>li:nth-child(3) a{position:absolute;top:339px;}
:lang(en) #inside #content-landing ul.health>li:nth-child(1) a,:lang(en) #inside #content-landing ul.health>li:nth-child(2) a,:lang(en) #inside #content-landing ul.health>li:nth-child(3) a,:lang(en) #inside #content-landing ul.health>li:nth-child(4) a{position:absolute;top:430px;}
#inside #content-landing ul.health>li p{padding:0.75em 0 0.5em 0;text-align:left;}
:lang(en) #inside #content-landing ul.health>li div{font-size:0.85em;}
:lang(en) #inside #content-landing ul.health>li div a div{line-height:1.5em;}
:lang(en) #inside #content-landing ul.health>li p{line-height:1.2em;}
:lang(en) #inside #content-landing ul.health>li a{font-size:0.85em;}

.health2 {
	margin-left: 0;
}

.health2>li {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	vertical-align: top;
	margin: 0;
	text-align: left;
	border-radius: 20px;
	background-color: #dedee0;
}

.health2>li>div {
	display: flex;
	flex-wrap: wrap;
}

.health2>li>div>div:nth-child(1) {
	width: 15%;
}

.health2>li>div>div:nth-child(2) {
	width: 85%;
	padding-left: 10px;
	padding-right: 10px;
}

.health2>li>div>div:nth-child(3) {
	/*width: 15%;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;*/
}

.health2>li h2 {
	border-left: 0;
	padding-left: 0;
	margin: 0.2em 0 0 0;
}

.health2 h3 {
	color: #990000;
	font-size: 1.2em;
	border-left: 0;
	padding: 0;
	margin: 0;
}

.health2 a {
	background-color: #00afcc;
	color: #fff;
	padding: 5px 5px;
	display: block;
	margin: 2px 0;
	/* width: 100%; */
	min-width: 250px;
}
/*Sitemap*/
.sitemap{background-color:#bee986;color:#000;text-align:center;}
.sitemap>a{color:#474747;}
.sitemap a{text-decoration:none;padding:20px;}
.sitemap a.fas span{font-family:Arial,Verdana,sans-serif;padding-right:5px;float:left;}
.sitemap .site{padding:20px;max-width:1200px;margin:0 auto;text-align:center;}
.sitemap .site div{text-align:left;}
.sitemap .site ul{display:block;vertical-align:top;padding:0 26px;margin:0 auto 0 0;list-style-type:none;text-align:center;}
.sitemap .site ul.first{padding-left:0;}
.sitemap .site ul:last-child{padding-right:0;}
.sitemap .site ul li{margin:0 0 5px 0;text-align:left;}
.sitemap .site ul li.underline{font-weight:bold;margin:25px 0 10px 0;border-bottom:1px solid #000;}
.sitemap .site ul li.level2{margin-left:20px;}
.sitemap .site ul li a{color:#000;padding:0;line-height:1.2em;}

/*Slide*/
.lSAction{display:block !important;}
.lSAction>a{top:0;opacity:1;padding:0;margin:0;width:70px;height:70px;}
.lSAction > .lSPrev{left:0;}
.lSAction > .lSNext{right:0;transform: rotate(180deg);background-position:-70px 0;}

/*nav*/
#breadcrumbs{padding:10px 0;}
#breadcrumbs span{padding:0 10px 0 0;}
#breadcrumbs span:after{content:'>';display:inline-block;font-size:1.125em;margin:0 0 0 10px;}
#breadcrumbs span:last-child:after{content:'';display:inline-block;vertical-align:middle;font-size:1.125em;margin:0 5px;}
#breadcrumbs div a.fa-home span{display:none;}
#breadcrumbs div{max-width:1200px;margin:0 auto;}
#breadcrumbs div a{color:#000;text-decoration:none;margin-bottom:10px;padding:0 10px;}
#breadcrumbs div a.active,nav div a:hover,#breadcrumbs div span.active{color:#f5c008;}
#breadcrumbs div a.fas span{font-family:"Poppins","Microsoft JhengHei",微軟正黑體, 微軟雅黑體,細明體_HKSCS,Arial, ans-serif;padding-right:5px;float:left;}
#breadcrumbs div a:after{content:'>';display:inline-block;font-size:1.125em;margin:0 0 0 10px;}
#breadcrumbs>div>a:last-child:after{content:'';display:inline-block;vertical-align:middle;font-size:1.125em;margin:0 5px;}

/*Content*/
table{border:1px solid #ccc;width:100%;background-color:#fff;}
table caption{caption-side:top;font-size:1.5em;font-weight:bold;padding-top:1em;margin-bottom:0.5em;color:#000;}
table thead tr th{border:1px solid #ccc;padding:8px 10px;background-color:#dee9af;vertical-align:top;}
table tbody tr th{border:1px solid #ccc;padding:8px 10px;background-color:#fff8dc;vertical-align:top;}
table tr td{border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:5px 10px;vertical-align:top;}
table tr td.noColorB{border-bottom:0;border-top:0;}
table tr td.noColorR{border-right:0;}
table tr td span{font-weight:bold;}
table tr td span.dots{font-weight:normal;}
table tr td span.dots:before{content:"\2022";margin-right:10px;}
table.noBorder,table.noBorder tr th,table.noBorder tr td{border:0;vertical-align:top;}
table.noBorder tr th,table.noBorderThin tr th{background-color:transparent;color:#000;}
table.noBorderThin{margin-top:20px;}
table.noBorderThin,table.noBorderThin tr th,table.noBorderThin tr td{border:0;vertical-align:top;padding:0 5px;}
table.disclosureTable tr td ul{margin-bottom:0;}
table.collapseExpandTable{border:0;}
table.collapseExpandTable tr th{background-color:#fcecb8;padding:8px 25px;border:0;font-weight:normal;}
table.collapseExpandTable tr td{background-color:#fcfbf6;padding:1em 25px;border:0;}
ul.pointList{list-style-type:none;margin-left:33px;}
ul.pointList li{text-indent:-5px;margin:5px 0;}
ul.pointList li span:first-child{display:inline-block;text-indent:-27px;padding-right:5px;font-weight:normal;}

/*Quitting Smoking*/
.quitting h3{color:#1d5da2;padding:20px;font-size:1.5rem;text-align:left;}
.quitting h4{color:#3399cc;padding:0 20px;font-size:1rem;margin:1em 0;text-align:left;}
.quitting p{padding:0 20px 20px 20px;text-align:left;}
.q1{background-color:#fbf6e8;margin:20px;}
.q1 h3{background-color:#edd698;}
.q2{background-color:#faf1f0;margin:20px;}
.q2 h3{background-color:#e9bebb;}
.q3{background-color:#ebf7f1;margin:20px;}
.q3 h3{background-color:#aaddc7;}
.q4{background-color:#eef3f7;margin:20px;}
.q4 h3{background-color:#c9d8e7;}
.q5{background-color:#fbfcf5;margin:20px;}
.q5 h3{background-color:#edf3d5;}

/*Quit Month*/
.quitMonth h1{color:#1e769a;border-bottom:10px solid #1e769a;}
.quitMonth h2{color:#1e769a;border:0;font-size:2em;margin:0 auto;}
#quitMonth .qImg{display:none;width:calc(100% - 150px);float:right;}
#quitMonth .qImg img{max-width:100%;}
#quitMonth #q1{display:inline-block;}
#quitMonth>div{display:inline-block;vertical-align:top;padding:0 20px}
#quitMonth .quitBtnLeft{background-color:#1e769a;color:#fff;font-weight:bold;padding:8px 15px;float:left;}
#quitMonth .quitBtnRight{background-color:#1e769a;color:#fff;font-weight:bold;padding:8px 15px;float:right;}
.quitMonthCard{margin:0;text-align:center;}
.quitMonthCard li{list-style-type:none;display:inline-block;}
.quitMonthCard li a{padding:10px;display:block;}
.quitMonthCard li a img{max-width:200px;}
#quitMonth{position:relative;}
#quitMonth #quitDayBar{position:absolute;left:0;}
#quitMonth #quitDayBar img{max-width:100%;width:50px;}
#quitMonth #quitDayBar #dayBar{height:400px;overflow-y:hidden;}
#quitMonth #quitDayBar #arrowUp{position:relative;padding:10px 0;}
#quitMonth #quitDayBar #arrowUp img{width:30px;}
#quitMonth #quitDayBar #arrowDown{position:relative;transform:rotate(180deg);padding:10px 0;}
#quitMonth #quitDayBar #arrowDown img{width:30px;}
div::-webkit-scrollbar {width: 20px;}
/* Track */
div::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;border-radius: 10px;} 
/* Handle */
div::-webkit-scrollbar-thumb {background: #999;border-radius: 10px;}
/* Handle on hover */
div::-webkit-scrollbar-thumb:hover {background: #1e769a;}


/*FAQ*/
#tabsV .accordion{background-color:#fcecb8;transition:0.4s;cursor: pointer;width: 100%;border: none;outline: none;text-align:left;white-space:inherit;padding:8px 25px;border-top:1px solid #fff;}
#tabsV .accordion:first-child{border-top:0;}
.panel{padding: 0 25px;background-color:#fcfbf6;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.ui-widget.ui-widget-content{border:0;}
#tabsV .accordion:after,#ref .accordion:after{content:'\0271A';font-size:0.8125em;color:#d07455;float:right;margin-left:5px;}
#tabsV .active:after,#ref .active:after{content:"\0268A";}
#ref{margin-top:20px;}
#ref .accordion{background-color:#fcecb8;transition:0.4s;cursor: pointer;border: none;outline: none;text-align:left;white-space:inherit;padding:8px 25px;border-top:1px solid #fff;font-size:0.625em;}
#ref .accordion:first-child{border-top:0;}
#ref .panel{font-size:0.625em;}
#ref .panel a{word-break:break-all;}

/*Search*/
#SearchBar_Input { display: block; width: 80%; float: left; }
#SearchBar #SiteGroup { clear: both; margin: 6px 0; }
#SearchBar #SiteGroup span{ margin-right: 15px; margin-bottom: 0; }
#SearchBar #SiteGroup label { margin: 0 15px 0 5px; }
#SearchBar #SiteGroup input { vertical-align: middle; }
#SearchResult { margin: 10px 0px; }
#SearchResult .Search_Sort { margin: 10px 0px;}
#SearchResult .Search_Sort span { padding: 0 10px; display: inline !important; margin: 0; }
#SearchResult .Search_Result_Text { margin: 20px 0px; font-weight: bold; border-bottom: 1px solid #999; padding: 20px 0 10px; }
#SearchResult .Search_Result_Text .Search_Result_Keywords { color: #f00; font-weight: bold; display: inline !important; margin: 0; }
#SearchResult .Search_Result { margin: 10px 0px; }
#SearchResult .Search_Result ul { list-style: none; margin-left: 10px; }
#SearchResult .Search_Result ul li { margin: 20px 0; }
#SearchResult .Search_Result ul li a { text-decoration: none; display: block; }
#SearchResult .Search_Result ul li a span { margin: 0; }
#SearchResult .Search_Result ul li a .Search_Result_Id { float: left; font-weight: bold; width: 40px; }
#SearchResult .Search_Result ul li a .Search_Result_Content { display: block; overflow: hidden; }
#SearchResult .Search_Result ul li a .Search_Result_Title { display: block; font-weight: bold; }
#SearchResult .Search_Result ul li a .Search_Result_Summary { display: block; font-size: 90%; color: #666; padding: 10px 0; overflow-wrap: break-word; }
#SearchResult .Search_Result ul li .Search_Result_Details { display: block; padding-left: 40px; margin: 10px 0 20px; }
#SearchResult .Search_Result ul li .Search_Result_Details span { display: inline; color: #999; font-size:80%; }
#SearchResult .Search_Result ul li .Search_Result_Url { display: block; color: #666; font-size: 100%; overflow-wrap: break-word; }
#SearchResult .Search_Result ul li .Search_Result_Date:before { content: "-"; padding: 0 10px; }
#SearchResult .Search_Result ul li .Search_Result_Cache:before { content: "-"; padding: 0 10px; }
#SearchResult .Search_Result ul li .Search_Result_Cache a { display: inline; }
#SearchResult .Search_Nav { margin: 20px 0px; font-weight: bold; border-top: 1px solid #999; padding: 20px 0 10px; }
#SearchResult .Search_Nav ul { display: block; text-align: center; }
#SearchResult .Search_Nav ul li { display: inline-block; margin: 0 8px; }
#SearchResult .Search_Nav ul li a.Current { font-weight: bold; }
#SearchResult .Search_Related { margin: 20px 0px; font-weight: bold; border-top: 1px solid #999; padding: 20px 0 10px; }
#SearchResult .Search_Related div { padding-bottom: 10px; }
#SearchResult .Search_Related div span { font-weight: bold; color: #f00; }
#SearchResult .Search_Related ul { display: flex; flex-direction: column; flex-wrap: wrap; text-align: left; list-style: none; margin-left: 0; }
#SearchResult .Search_Related ul li a { text-decoration: none; }
#Search_Loading { display: none; position: fixed; background-color: rgba(0,0,0,0.8); top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; }
#Search_Loading .Loader { margin: 0 auto; top: 50%; position: relative; margin-top: -60px; opacity: 0.7; border: 16px solid #fff; border-top: 16px solid #03316f; border-radius: 50%; width: 120px; height: 120px; animation: Spin 2s linear infinite; }

/*Footer*/
#footer{border-top:1px solid #666;clear:both;background-color:#a2d074;}
#footer>div{max-width:1200px;margin:0 auto;}
#footer a{text-decoration:none;font-size:0.875em;}
#footer #backtotop a{color:#fff;font-size:3.75em;position:fixed;right:20px;bottom:10px;text-decoration:none;z-index:999;display:none;}
#footer .left{list-style:none;line-height:4px;position:relative;margin:22px 0 0 20px;color:#000;float:left;z-index:1;}
#footer .left a{color:#000;}
#footer .left ul li{padding-right:10px;position:relative;display:inline-block;padding-bottom:18px;}
#footer .left ul li:after{background-color:#000;content:" ";display:block;width:1px;height:15px;position:absolute;right:0;top:-5px;}
#footer .left ul li:last-child:after{display:none;}
#footer .right{list-style:none;position:relative;color:#000;}
#footer .right ul{padding-bottom:40px;margin:0;text-align:center;}
#footer .right ul:first-child{padding-bottom:0;margin:0;}
#footer .right ul li{padding:10px 10px 10px 0;margin-right:10px;position:relative;display:inline-block;font-size:0.875em;}

@media all and (min-width:414px){
	/*TopBar*/
	#inside .banner{margin-top:44px;}
}
@media all and (min-width:500px){
	/*TopBar*/
	#mobile-top .title a img{margin-right:10px;}
	#mobile-top .title a span{font-size:1.25em;}
}
@media all and (min-width:600px){
	.sitemap .site ul{display:block;vertical-align:top;padding:0 26px;margin:0 auto 0 0;list-style-type:none;text-align:center;width:384px;}
	
	/*Footer*/
	#footer .right ul{text-align:right;}
}
/*Tablet*/
@media all and (min-width:768px){
	h1{font-size:2.5em;margin:20px 0;color:#a23c33;position:relative;}
	h1 span{padding-left:50px;font-weight:bold;}
	/*Video*/
	#index #content-landing #video-landing a{display:inline-block;width:30%;}
	
	/*Apps*/
	.appsimg{text-align:left;}
	
	/*FAQ*/
	.ui-tabs-vertical .ui-tabs-nav{width:20%;}
	.ui-tabs-vertical .ui-tabs-panel{padding:0 1em;width:80%;}
	
	/*Sitemap*/
	.sitemap .site ul{display:inline-block;}

	/*Search*/
	#SearchResult .Search_Related ul {height: 8em;}
}
/*Desktop*/
@media all and (min-width:1024px){
	/*TopBar*/
	#mobile-top #searchIcon{top:19px;right:114px;}
	#mobile-top #langIcon{top:16px;right:68px;}
	#mobile-top #menuBtn{top:7px;right:5px;}
	#inside .banner{margin-top:55px;}

	/*Quit Month*/
	#quitMonth>div{padding:0 50px}
	#quitMonth #quitDayBar img{width:80px;}
	#quitMonth #quitDayBar #dayBar{height:550px;}
	#quitMonth #quitDayBar #arrowUp img{width:auto;}
	#quitMonth #quitDayBar #arrowDown img{width:auto;}
}
@media all and (min-width:1201px){
	.anchor{top:-153px;}
	/*TopBar*/
	nav#menu{display:none;}
	body{overflow:initial !important;}
	#desktop-top{display:block;position:fixed;z-index:100;width:100%;background-color:#fff;}
	#desktop-top .container ul:first-child{margin:0;}
	#desktop-top .container-100{border-bottom:5px solid #dee9af;background-color:#85d9fc;}
	#mobile-top{display:none;}
	#desktop-top #top .leftTitle{display:inline-block;}
	#desktop-top #top ul{padding:10px;}
	#desktop-top #top .leftTitle img{float:left;margin-right:10px;}
	#desktop-top #top .leftTitle a{text-decoration:none;color:#000;}
	#desktop-top #top .leftTitle a span{text-decoration:none;color:#000;font-weight:bold;font-size:1.125em;display:block;margin-top:30px;font-family:Arial;line-height:1.2em;}
	#desktop-top #top .leftTitle a span span{font-size:0.75em;margin-top:0}
	#desktop-top #top .rightTitle{display:inline-block;width:calc(100% - 670px);text-align:right;float:right;}
	#desktop-top #top .rightTitle div{display:inline-block;margin:0 5px;vertical-align:middle;}
	#desktop-top #top .rightTitle div a{color:#000;}
	#desktop-top .toolBar{display:inline-block;width:100%;text-align:center;vertical-align:top;z-index:10;font-size:0.9375em;font-family:"Poppins","Microsoft JhengHei",微軟正黑體, 微軟雅黑體,細明體_HKSCS,Arial, ans-serif;}
	#desktop-top .toolBar>ul{display: flex;left:0;}
	#desktop-top .toolBar ul{z-index:10;margin-left:0;}
	#desktop-top .toolBar ul li{display:inline-block;vertical-align:middle;}
	#desktop-top .toolBar ul li.lang{font-size:0.75em;}
	#desktop-top .toolBar ul li.lang a:first-child{margin-right:12px;}
	#desktop-top .toolBar ul li.textsize a{font-size:0.75em;font-weight:normal;}
	#desktop-top .toolBar ul li a,#desktop-top .toolBar div.search a.fas{text-decoration:none;display:block;font-size:0.9375em;}
	/*#desktop-top .toolBar>ul>li>a{width:225px;height:66px;padding:10px 0;display:block;background-color:#85d9fc;}*/
	#desktop-top .toolBar>ul>li>a:hover{color:#fff;}
	#desktop-top .toolBar div.search{margin-right:10px;display:block;}
	#desktop-top .toolBar div.search a.fas span{font-family:Arial,Verdana,sans-serif;padding-right:5px;float:left;}
	#desktop-top .toolBar ul li a.fa-print,#desktop-top .toolBar ul li a.fa-share-alt{font-size:1.25em;}
	#desktop-top .toolBar ul li:nth-child(2) a.orange{color:#a7640c;}
	#desktop-top .toolBar ul li .dropdown-content{background-color:#85d9fc;width:100%;left:0;z-index:100;position:absolute;margin:42px 0 0 0;list-style:none;box-sizing:border-box;display:none;font-weight:bold;}
	#desktop-top .toolBar ul li.open .dropdown-content{padding:20px 0;width:100%;left:0;z-index:100;position:absolute;margin:0;list-style:none;box-sizing:border-box;display:block;border-top:5px solid #dee9af;}
	#desktop-top .toolBar ul li.open .dropdown-content>div{margin:0 auto;max-width:1140px;width:100%;}
	#desktop-top .toolBar ul li.open .dropdown-content>div>div{box-sizing:border-box;display:block;-webkit-box-flex:0;flex:0 0 66.66666667%;position:relative;padding-right:15px;padding-left:15px;text-align:left;float:left;}
	#desktop-top .toolBar ul li.open:nth-child(1) .dropdown-content>div>div{left:15px;}
	#desktop-top .toolBar ul li.open:nth-child(2) .dropdown-content>div>div{left:142px;}
	#desktop-top .toolBar ul li.open:nth-child(3) .dropdown-content>div>div{left:284px;}
	#desktop-top .toolBar ul li.open:nth-child(4) .dropdown-content>div>div{left:425px;}
	#desktop-top .toolBar ul li.open:nth-child(5) .dropdown-content>div>div{left:567px;}
	#desktop-top .toolBar ul li.open:nth-child(6) .dropdown-content>div>div{left:708px;}
	:lang(en) #desktop-top .toolBar ul li.open:nth-child(1) .dropdown-content>div>div{left:0;}
	:lang(en) #desktop-top .toolBar ul li.open:nth-child(2) .dropdown-content>div>div{left:142px;}
	:lang(en) #desktop-top .toolBar ul li.open:nth-child(3) .dropdown-content>div>div{left:285px;}
	:lang(en) #desktop-top .toolBar ul li.open:nth-child(4) .dropdown-content>div>div{left:425px;}
	:lang(en) #desktop-top .toolBar ul li.open:nth-child(5) .dropdown-content>div>div{left:567px;}
	:lang(en) #desktop-top .toolBar ul li.open:nth-child(6) .dropdown-content>div>div{left:567px;}
	#desktop-top .toolBar ul li.open .dropdown-content>div>div a{color:#000;padding:15px;font-size:0.9375em;font-family:Arial;font-weight:normal;}
	#desktop-top .toolBar ul li.open .dropdown-content>div>div a:hover{background-color:#62b8e6;}
	#desktop-top .toolBar ul li.open .dropdown-content>div>div a:before{margin-right:15px;font-family:"Font Awesome 5 Free";font-weight:bold;}
	#desktop-top .toolBar ul li.closesub .dropdown-content{background-color:#dcf4fc;width:100%;left:0;z-index:100;border-top:4px solid #ff9900;position:absolute;margin:42px 0 0 0;list-style:none;box-sizing:border-box;display:none;}
	#desktop-top .toolBar ul li .activeUl{display:block;}
	#desktop-top .toolBar ul li .dropdown-content li{float:left;width:33.33%;padding:10px 100px;background-color:#f1f3ed;text-align:left;}
	#desktop-top .toolBar ul li .dropdown-content li a{text-decoration:none;color:#000;text-indent:-2px;margin-left:-16px;}
	#desktop-top .toolBar ul li .dropdown-content li a::before{content:"\25A0";color:#ff9900;display:inline-block;width:1em;}
	
   /* #desktop-top .toolBar>.tMenu>li span{font-weight:bold;cursor:pointer;color:#000;font-size:1.125em;width:138px;height:66px;padding:10px 0;display:block;background-color:#85d9fc;border-right:1px solid #fff;}*/
    #desktop-top .toolBar>.tMenu>li span{font-weight:bold;cursor:pointer;color:#000;font-size:1.125em;width:138px;height: 100%;padding:10px 0;display:block;background-color:#85d9fc;border-right:1px solid #fff;vertical-align:middle;}
	#desktop-top .toolBar>.tMenu>li:last-child span{border-right:0;}
	/*#desktop-top .toolBar>.tMenu>li>a{border-right:1px solid #fff;}*/
	#desktop-top .toolBar>.tMenu>li:nth-child(2) span,#desktop-top .toolBar>.tMenu>li:nth-child(3) span,#desktop-top .toolBar>.tMenu>li:nth-child(4) span,#desktop-top .toolBar>.tMenu>li:nth-child(5) span,#desktop-top .toolBar>.tMenu>li:nth-child(6) span,#desktop-top .toolBar>.tMenu>li:nth-child(7) span,#desktop-top .toolBar>.tMenu>li:nth-child(8) span{/* padding-top:22px; */display:block;}
	:lang(en) #desktop-top .toolBar>.tMenu>li span{padding-top:10px;}
	/*:lang(en) #desktop-top .toolBar>.tMenu>li:nth-child(6) span,*/:lang(en) #desktop-top .toolBar>.tMenu>li:nth-child(8) span{padding-top:22px;display:block;}
	/*#desktop-top .toolBar>.tMenu>li>a:last-child{border-right:0;}*/
	#desktop-top .toolBar>.tMenu>li.contactUsAct .contactUsMenuContainer{}
	#desktop-top .toolBar>.tMenu>li.contactUsAct span{color:#000 !important;}
	#desktop-top .toolBar>.tMenu>li.contactUsAct a{text-indent:0;margin-left:0;}
	#desktop-top .toolBar>.tMenu>li.contactUsAct a::before{content:"";width:0;display:contents;color:#000;}
	#desktop-top .toolBar>.tMenu>li.contactUsAct li:first-child{width:30%;padding-right:20px;}
	#desktop-top .toolBar>.tMenu>li.contactUsAct li:last-child{width:70%;padding-left:20px;}
	#desktop-top .toolBar>.tMenu>li.contactUsAct li:last-child a.details{border:1px solid #000;padding:5px 10px;text-indent:0;margin-left:0;}
	#desktop-top .toolBar ul li .dropdown-content li.contactUsMenu span::before{content:"\25A0";color:#ff9900;display:inline-block;width:1em;}
	#desktop-top .toolBar ul li .dropdown-content li.contactUsMenu tr{text-align:left;}
	
	/*Banner*/
	#index .banner{margin-top:153px;}
	#inside .banner{margin-top:153px;}
	
	/*Icons*/
	#index .icons,#inside .icons{max-width:1200px;margin:0 auto;clear:both;}
	
	/*Tab*/
	
	/*Nav*/
	#breadcrumbs{padding:20px 50px;position:relative;z-index:1;}
	#breadcrumbs div a{text-decoration:none;}
	#breadcrumbs div span.active{text-decoration:none;font-size:1.25em;}
	
	#inside #content-landing{background-color:#fff;clear:both;max-width:1200px;margin:150px auto 50px auto;}
	
	/*Content*/
	.inside-frame{margin:0 80px;}

	/*Quitting Smoking*/
	.q1,.q2,.q3,.q4,.q5{width:45%;text-align:center;display:inline-block;vertical-align:top;margin:20px;}
	.q1,.q2{min-height:350px;}
	.q3,.q4{min-height:350px;}
}

@media print{
	#skiplinkHolder,#menu,.sitemap,#mobile-top,#footer{display:none;}	
}