/* remark from ISTB*/
/*

1. no expand table componenet in inner page
2. not support ol / 1.1,1.2,1.3.1
3. missing <a> hyperlink style in listing <ul>
4. hyperlink color in table header <th>
5. title <h1> <h2> font size make smaller
*/



.content-container ul li a{
    color: #005180 !important;
    text-decoration: none !important;
}

.content-container ul li  a:hover {
    color: #9B171C !important;
    text-decoration: underline !important;
}


.expand_table .accordion-body a{
    color: #0071B3 !important;
    text-decoration: none !important;
}

.expand_table .accordion-body a:hover {
    color: #D11F25 !important;
    text-decoration: underline !important;
}

.normal_table,.normal_v_table{
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
    
}

.normal_table td,.normal_table th,.normal_v_table td,.normal_v_table th{
    padding: 10px;

}

.normal_table th{
    text-align: left;
    font-weight:600;
	background:#A91010;
	color:#fff;
    border-color:#fff;
    border-style: solid;
    border-width: 1px;
}

.normal_table td,.normal_table th{
    width:10%;
   
}

.page .filter .form-item{
	margin-right: 0em !important;
}

tr:nth-child(even){
    background-color: #FFFBFC;
}

tr:nth-child(odd){
    background-color: #FCECED;
}

.normal_v_table tr td:nth-child(2n-1) {
  background: #A91010;
  color:#ffffff;
  width:20%;
}


.normal_v_table tr th:nth-child(2n-1) {
    background: #A91010;
    color:#ffffff;
    width:20%;
  }

  .normal_v_table th{
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px;
  }

.normal_v_table td{
border-color: #ffffff;
border-style: solid;
border-width: 1px;
color:#000;
}



/* ISTB add */

.btn-navigation  .img-fluid{
    width:190px !important;
}

.btn-navigation {
    border-radius: 100px !important;
}
.content-container a.download {
	text-indent:0px !important;
	padding-left: 1.8em;
    /*padding-top: 0.3em;*/
    /*margin-right: 3.9em;*/
    background-repeat: no-repeat;
	display:initial;
	background-size: contain;
}

/* Logo */
.pdf_logo{
    content: url("img/pdf_logo.png");
    width:30px;
}

.word_logo{
    content: url("img/word_logo.png");
    width:30px;
}

.excel_logo{
    content: url("img/excel_logo.png");
    width:30px;
}

.lang_logo{
    content: url("img/lang_logo.png");
    width:30px;
}

.map_logo{
    content: url("img/map.png");
    width:30px;
}

.online_form_logo{
    content: url("img/online_form.png");
    width:30px;
}

.ppt_logo{
    content: url("img/powerpoint.png");
    width:30px;
}
.jpg_logo{
    content: url("img/jpg_logo.png");
    width:30px;
}
.mp3_logo{
    content: url("img/mp3_logo.png");
    width:30px;
}
.mp4_logo{
    content: url("img/mp4_logo.png");
    width:30px;
}
.ai_logo{
    content: url("img/ai_logo.png");
    width:30px;
}
.link_logo{
    content: url("img/link_logo.png");
    width:30px;
}

/* End Logo */


p.card-title{
	color:#B12E37 !important;
}
.poster_main{
    background:rgb(255,255,255);
    padding:10px;
    text-align: center;
}

.poster_container{
    background:rgb(246,234,220);
    /* height:540px; */
    /* overflow: hidden; */
    border-radius: 10px;
    text-align: center;
}

.poster_img{
    text-align: center;

}

.poster_img img{
    height:400px;
    padding: 10px;
    max-height: 400px;
    max-width: 295px;
}


.poster_title{
    text-align: left;
    padding:10px;
}


.poster_pdf{
    text-align: right;
    padding:10px;
}



.expand_table ul li::before{
        background: none !important;
        content: "\2022" !important;
        color: #D11F25;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        height:auto !important;
    
}

.col-md-4 .img-fluid{
    width:220px !important;
}

.expand_single .accordion-button::after{
    content: "" !important;
}

.ps_4_row{
    margin:auto;
}



/* .content-container ul,.content-container ul li a,.content-container ol,.content-container ol li a{
    font-size:1.08em ;
}

.content-container ol li a{
    font-size:1.0em !important;
}

.content-container ol>li>ul>li>a{
    font-size:1.0em !important;
}

.content-container ol>li>ul>li{
    font-size:0.9em !important;
}


.content-container ul li ul,.content-container ul li ul li a{
    font-size:1.02em !important;
}

.content-container ul>li>ul>li{
    font-size:0.95em !important;
}


.expand_table ul li a{
    font-size:1em !important;
} */



.content-container th a{
/* color:#fff; */
}


.content-container ol{
    /*list-style-position:inside;*/
	margin-left:1.5em;
}


.content-container .accordion ul{
    font-size:1.0em !important;
}


.content-container h3 {
    font-size: 1.4em !important;

}
/*
.pb-item-head{
    position: relative;
	font-size:1.25em;
}

.pb-item-list{
    width: 400px;
    margin: auto;
    
    color:#000000 !important;
	margin-bottom:1em;
	
}
.pb-item-list-ssb{
    width: 350px;
    margin: auto;
}
.content-container .pb-item-list-ssb ul li a {
	color:#000000 !important;
	text-decoration:none !important;
	font-weight:bold;
	font-size:1.08em;
	
}
.content-container .pb-item-list ul li a {
	font-size:0.8em;
	color: #000000 !important;
	text-decoration: none !important;
	font-weight:bold;
}*/
span.item_align {
    padding-left: 4em;
	color: #0071B3 !important;
}
ul.sub_item {
    text-align: left;
}

ol.lower_alphablanket, ol.alphablanket, ol.romanblanket, ol.numblanket, ol.decimalblanket{
    counter-reset: none;
}

ol.numblanket li, ol.decimalblanket li, ol.alphablanket li, ol.lower_alphablanket li, ol.romanblanket li {
    list-style: none;
    position: relative;
    margin-left:2em;
    counter-increment: list-item;
}

ol.numblanket > li::before, ol.decimalblanket > li::before {
	display:flex;
    position:absolute;
    content:"(" counter(list-item, decimal)") ";
    margin-left: -2em;
    color: black;
}

ol.alphablanket > li:before, ol.lower_alphablanket > li::before {
	display:flex;
    position: absolute;
    content: "(" counter(list-item, lower-alpha)") ";
    margin-left: -2em;
    color: black;
}

ol.romanblanket > li::before {
	display:flex;
    position: absolute;
    content:"(" counter(list-item, lower-roman)") ";
    margin-left: -2em;
    color: black;
}
/*
ol.alphablanket{
	counter-reset: alphabeticList;
}

ol.numblanket, ol.decimalblanket {
    counter-reset: decimal;
}
ol.numblanket li, ol.decimalblanket li, ol.alphablanket li {
    list-style: none;
    position: relative;
	margin-left:2em;
}
ol.numblanket > li:before, ol.decimalblanket > li:before {
	position:absolute;
    counter-increment: decimal;
    content:"(" counter(decimal, decimal)") ";
	margin-left: -2em;
}


ol.alphablanket > li:before{
	position: absolute;
    counter-increment: alphabeticList;
    content: "(" counter(alphabeticList, lower-alpha)") ";
    margin-left: -2em;
}

ol.romanblanket {
    counter-reset: list;
}
ol.romanblanket li {
    list-style: none;
    position: relative;
	margin-left:2em;
}
ol.romanblanket > li:before {
    counter-increment: list;
    content:"(" counter(list, lower-roman)") ";
    position: absolute;
    margin-left: -2em;
}
*/
/* 主頁 > 公共服務 > 安老服務 > 社區支援服務 > 長者咭計劃 > 申請辦法 */
ol.cust01 { counter-reset: item; padding-left: 10px; }
li.cust01 { display: block }
li.cust01:before { content: counters(item, ".") " "; counter-increment: item }


.blank-table, .blank-table tr,.blank-table td{
    border:none;
    background: none;
}

.branch_container{
	margin:1em;
	padding:1em;
	border-radius:25px;
}
.branch_bgcolor1{
	background-color:#f6eadc;
	
}
.branch_bgcolor2{
	background-color:#fbf6f0;
}
.branch_title{
	margin-top:1em;
	color:#2f308a !important;
	font-weight:bold !important;
	text-decoration:none !important;
}
.aIndex{
	color: #000000;
	/*font-weight:400 !important;*/
	text-decoration:none;
}

.cat-icon-css {
    /*height:330px;*/
	min-height:330px;
}


.noicon:before{
    display:none !important;
}

.page .district .map {
    margin-top:200px;
}

.dis-sub-li{
    margin-left:20px;
}

/*

ol.lower_alphablanket {
    counter-reset: list;
    padding-left: 4em;
}
ol.lower_alphablanket li {
    list-style: none;
    position: relative;
}
ol.lower_alphablanket > li:before {
    counter-increment: list;
    content:"(" counter(list, lower-alpha)") ";
    position: absolute;
    margin-left: -2.8em;
}

*/

.content-container ul.navigation{
	margin-left:2.5em;
}
.content-container ul.navigation li:before{
	margin-left:-2.5em;
}


.content-container h2:before{
	width: 60px;
    height: 48px;
	background-size: 450px;
    background-position-y: -64px;
}
.content-container h2{
	padding-left: 75px;
}
@media screen and (min-width: 992px) and (max-width: 3000px) {
/* .content-container h2:before {
    width: 3.06666vw;
    height: 2.19vw;
    background-size: 23.854vw;
    background-position-y: -3.558333vw;
    top: -.1625vw;
    left: 0.65vw;
} */

.org-chart ul.lv2 > li{
	margin-top:71px;
}

}


@media screen and (min-width: 300px) and (max-width: 500px) {
.pb-item-list li a{
    font-size:0.9em !important;
}

.cat-icon-css{
    height:auto;
}

.home-container .swiper-wrapper .col-7{
    width:100%;
}


.hide-on-mobile{
	display:none;
}

.home .slider4:after{
	background-size: 80px;
	height: 100px;
}
/* .home .programme .full-container > .row:last-child:before{
	background-size: 100px;
	height: 100px;
} */
.content-container a.btn-navigation.blue{
	background-color:initial;
}
.home .programme .full-container > .row:last-child:before {
    position: relative !important;
    content: '';
    /* position: absolute; */
    display: inline-block;
    width: 100%;
    bottom: 0;
    left: unset;
   
    z-index: 1;
    background-repeat: no-repeat;
    background-position: top center;
}
}

/* End ISTB */



/* remark from ISTB*/
/*

1. no expand table componenet in inner page
2. not support ol / 1.1,1.2,1.3.1
3. missing <a> hyperlink style in listing <ul>
4. hyperlink color in table header <th>
5. title <h1> <h2> font size make smaller
*/



.content-container ul li a{
    color: #005180 !important;
    text-decoration: none !important;
}

.content-container ul li  a:hover {
    color: #9B171C !important;
    text-decoration: underline !important;
}


.expand_table .accordion-body a{
    color: #0071B3 !important;
    text-decoration: none !important;
}

.expand_table .accordion-body a:hover {
    color: #D11F25 !important;
    text-decoration: underline !important;
}

.normal_table,.normal_v_table{
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
    
}

.normal_table td,.normal_table th,.normal_v_table td,.normal_v_table th{
    padding: 10px;

}

.normal_table th{
    text-align: left;
    font-weight:600;
	background:#A91010;
	color:#fff;
    border-color:#fff;
    border-style: solid;
    border-width: 1px;
}

.normal_table td,.normal_table th{
    width:10%;
   
}

.page .filter .form-item{
	margin-right: 0em !important;
}

tr:nth-child(even){
    background-color: #FFFBFC;
}

tr:nth-child(odd){
    background-color: #FCECED;
}

.normal_v_table tr td:nth-child(2n-1) {
  background: #A91010;
  color:#ffffff;
  width:20%;
}


.normal_v_table tr th:nth-child(2n-1) {
    background: #A91010;
    color:#ffffff;
    width:20%;
  }

  .normal_v_table th{
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px;
  }

.normal_v_table td{
border-color: #ffffff;
border-style: solid;
border-width: 1px;
color:#000;
}



/* ISTB add */
/*Homepage banner*/
.swd_img_80{
    height: 70px !important;
}

.swd_img_100{
    height: 80px !important;
}

.home_banner{
    height: 100%;
}
.btn-navigation  .img-fluid{
    width:190px !important;
}
.home .programme .swiper-container > .swiper-element > .card > .card-body .swiper-slide .card-header{
    
    border-radius: 10px 50px !important;
}
.btn-navigation {
    border-radius: 100px !important;
}
.content-container a.download {
	text-indent:0px !important;
	padding-left: 1.8em;
    /*padding-top: 0.3em;*/
    /*margin-right: 3.9em;*/
    background-repeat: no-repeat;
	display:initial;
	background-size: contain;
}

/*Home - District Activities*/
.home .programme .swiper-container .swiper-element {
    width: 90%;  
}

.home .programme .full-container > .row:last-child:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 300px;
    height: 300px;
    bottom: 0;
    left: 3em;
    background: url(../images/home_bg_03.png);
    z-index: 1;
	background-repeat: no-repeat;
    background-size: 70%!important;
} 

.home .programme .swiper-container > .swiper-element > .card {
    border: 0;
    margin-left: auto;
    /*ISTB*/
    width:90%;
}
/*End */



/* Logo */
.pdf_logo{
    content: url("img/pdf_logo.png");
    width:30px;
}

.word_logo{
    content: url("img/word_logo.png");
    width:30px;
}

.excel_logo{
    content: url("img/excel_logo.png");
    width:30px;
}

.lang_logo{
    content: url("img/lang_logo.png");
    width:30px;
}

.map_logo{
    content: url("img/map.png");
    width:30px;
}

.online_form_logo{
    content: url("img/online_form.png");
    width:30px;
}

.ppt_logo{
    content: url("img/powerpoint.png");
    width:30px;
}
.jpg_logo{
    content: url("img/jpg_logo.png");
    width:30px;
}
.mp3_logo{
    content: url("img/mp3_logo.png");
    width:30px;
}
.mp4_logo{
    content: url("img/mp4_logo.png");
    width:30px;
}
.ai_logo{
    content: url("img/ai_logo.png");
    width:30px;
}
.link_logo{
    content: url("img/link_logo.png");
    width:30px;
}

/* End Logo */


p.card-title{
	color:#B12E37 !important;
}
.poster_main{
    background:rgb(255,255,255);
    padding:10px;
    text-align: center;
}

.poster_container{
    background:rgb(246,234,220);
    /* height:540px;
    overflow: hidden; */
    border-radius: 10px;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.poster_img{
    text-align: center;

}

.poster_img p {
    margin-bottom: 0;
    text-align: center;
}

.poster_img img{
    height:400px;
    width: auto;
    padding: 10px;
    max-height: 400px;
    max-width: 295px;
}


.poster_title{
    text-align: left;
    padding:10px;
    flex: 1;
}


.poster_pdf{
    text-align: right;
    padding:10px;
}

.poster_pdf a {
    color: #006EAD;
}

.poster_pdf a:hover {
    color: #D11F25;
}





.expand_table ul li::before{
        background: none !important;
        content: "\2022" !important;
        color: #D11F25;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        height:auto !important;
    
}

.col-md-4 .img-fluid{
    width:220px !important;
}

.expand_single .accordion-button::after{
    content: "" !important;
}

.ps_4_row{
    margin:auto;
}



/* .content-container ul,.content-container ul li a,.content-container ol,.content-container ol li a{
    font-size:1.08em ;
}

.content-container ol li a{
    font-size:1.0em !important;
}

.content-container ol>li>ul>li>a{
    font-size:1.0em !important;
}

.content-container ol>li>ul>li{
    font-size:0.9em !important;
}


.content-container ul li ul,.content-container ul li ul li a{
    font-size:1.02em !important;
}

.content-container ul>li>ul>li{
    font-size:0.95em !important;
}


.expand_table ul li a{
    font-size:1em !important;
} */



.content-container th a{
/* color:#fff; */
}


.content-container ol{
    /*list-style-position:inside;*/
	margin-left:1.5em;
}


.content-container .accordion ul{
    font-size:1.0em !important;
}


.content-container h3 {
    font-size: 1.4em !important;

}

.pb-item-head{
    position: relative;
	font-size:1.25em;
}

.pb-item-list{
    width: 400px;
    margin: auto;
    /*position: absolute;*/
    /*left: 42%;
    top:25px;*/
    color:#000000 !important;
	margin-bottom:1em;
	
}

.pb-item-list-chi{
    width: 300px;
    margin: auto;
    /*position: absolute;*/
    /*left: 42%;
    top:25px;*/
    color:#000000 !important;
	margin-bottom:1em;
	
}

.pb-item-list-ssb{
    width: 350px;
    margin: auto;
}
.pb-item-list-comm{
    width: 500px;
    margin: auto;
}
.content-container .pb-item-list-ssb ul li a,  .content-container .pb-item-list-comm ul li a{
	color:#000000 !important;
	text-decoration:none !important;
	font-weight:bold;
	font-size:1.08em;
	transition: .5s all;
}
.content-container .pb-item-list ul li a, .content-container .pb-item-list-chi ul li a  {
	font-size:0.8em;
	color: #000000 !important;
	text-decoration: none !important;
	font-weight:bold;
	transition: .5s all;
}
.content-container .pb-item-list ul li a:hover, .content-container .pb-item-list-chi ul li a:hover,.content-container .pb-item-list-ssb ul li a:hover,  .content-container .pb-item-list-comm ul li a:hover {
    text-decoration: underline !important;
    color: #D11F25 !important;
}
span.item_align {
    padding-left: 4em;
	color: #0071B3 !important;
}
ul.sub_item {
    text-align: left;
}
/*
ol.alphablanket{
	counter-reset: alphabeticList;
}

ol.numblanket, ol.decimalblanket {
    counter-reset: decimal;
}
ol.numblanket li, ol.decimalblanket li, ol.alphablanket li {
    list-style: none;
    position: relative;
	margin-left:2em;
}
ol.numblanket > li:before, ol.decimalblanket > li:before {
	position:absolute;
    counter-increment: decimal;
    content:"(" counter(decimal, decimal)") ";
	margin-left: -2em;
}


ol.alphablanket > li:before{
	position: absolute;
    counter-increment: alphabeticList;
    content: "(" counter(alphabeticList, lower-alpha)") ";
    margin-left: -2em;
}

ol.romanblanket {
    counter-reset: list;
}
ol.romanblanket li {
    list-style: none;
    position: relative;
	margin-left:2em;
}
ol.romanblanket > li:before {
    counter-increment: list;
    content:"(" counter(list, lower-roman)") ";
    position: absolute;
    margin-left: -2em;
}
*/

/* 主頁 > 公共服務 > 安老服務 > 社區支援服務 > 長者咭計劃 > 申請辦法 */
ol.cust01 { counter-reset: item; padding-left: 10px; }
li.cust01 { display: block }
li.cust01:before { content: counters(item, ".") " "; counter-increment: item }


.blank-table, .blank-table tr,.blank-table td{
    border:none;
    background: none;
}

.branch_container{
	margin:1em;
	padding:1em;
	border-radius:25px;
}
.branch_bgcolor1{
	background-color:#f6eadc;
	
}
.branch_bgcolor2{
	background-color:#fbf6f0;
}
.branch_title{
	margin-top:1em;
	color:#2f308a !important;
	font-weight:bold !important;
	text-decoration:none !important;
}
.aIndex{
	color: #000000;
	/*font-weight:400 !important;*/
	text-decoration:none;
}

.cat-icon-css {
    /*height:330px;*/
	min-height:270px;
}


.noicon:before{
    display:none !important;
}

.page .district .map {
    margin-top:200px;
}

.dis-sub-li{
    margin-left:20px;
}


/*
ol.lower_alphablanket {
    counter-reset: list;
    padding-left: 4em;
}
ol.lower_alphablanket li {
    list-style: none;
    position: relative;
}
ol.lower_alphablanket > li:before {
    counter-increment: list;
    content:"(" counter(list, lower-alpha)") ";
    position: absolute;
    margin-left: -2.8em;
}
*/

.content-container ul.navigation{
	margin-left:2.5em;
}
.content-container ul.navigation li:before{
	margin-left:-2.5em;
}


.content-container h2:before{
	width: 60px;
    height: 48px;
	background-size: 450px;
    background-position-y: -64px;
}
.content-container h2{
	padding-left: 75px;
}
@media screen and (min-width: 992px) and (max-width: 3000px) {
.content-container h2:before {
    width: 3.06666vw;
    height: 2.19vw;
    /*background-size: 33.854vw;*/
    background-size: 23.854vw;
    /* background-position-y: -4.908333vw; */
    background-position-y: -3.558333vw;
    top: -.1625vw;
    left: 0.65vw;
}

.org-chart ul.lv2 > li{
	margin-top:71px;
}

}


@media screen and (min-width: 300px) and (max-width: 500px) {
.pb-item-list li a{
    font-size:0.9em !important;
}

.cat-icon-css{
    height:auto;
}

.home-container .swiper-wrapper .col-7{
    width:100%;
}


.hide-on-mobile{
	display:none;
}

.home .slider4:after{
	background-size: 80px;
	height: 100px;
}
/* .home .programme .full-container > .row:last-child:before{
	background-size: 100px;
	height: 100px;
} */
.content-container a.btn-navigation.blue{
	background-color:initial;
}

.home .programme .full-container > .row:last-child:before {
    content: '';
    position: relative;
    width: 40%;
    height: 150px;
    background: url(../images/home_bg_03.png);
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100% !important;
    
} 
.pb-item-list-comm{
    width: 300px;
    margin: auto;
}
}

/* End ISTB */