/* 
   banner setting start
   home5gb need include this css file
*/
#smt-ui-banner{
    display: none;
}
#smt-ui-banner .MuiButton-containedPrimary {
color: #fff;
}
#smt-ui-banner .MuiButton-outlinedPrimary:hover {
    color: #fff;
}
#smt-ui-banner .MuiButton-outlinedPrimary {
    color: #ff0000;
}

/* for no breadcrumb page */
#smt-ui-banner.padding-top > div{
	padding-top: 30px;
}
@media (max-width: 768px) {
	#smt-ui-banner.padding-top > div{
		padding-top: 0px;
	}
}

/* 
for banner bg color setting
need add class= "bannerBg" to wrapper div"#smt-ui-banner"
https://webstage7a.smartone.com/tc/cyber_security/notifications.jsp
https://webstage7a.smartone.com/tc/Home5GBroadband/#/a/InternetExperienceTips
https://webstage7a.smartone.com/tc/Home5GBroadband/Hot_Topic/
*/

.bannerBg ,
.bannerBg #smt-ui-banner > div {
    background: #f5f6f7;
}
@media (max-width: 768px) {
    .bannerBg ,
    .bannerBg #smt-ui-banner > div {
        background: #fff;
    }
    
}
/* 
/tc/cyber_security/notifications.jsp
*/
.bannerBg2 ,
.bannerBg2 #smt-ui-banner > div {
    background: #f5f6f7;
}
/* banner setting end */


/* 
VAS - Call Guard
https://shopstage.smartone.com/tc/value_added_services/cyber-security/call_guard/service.jsp
https://shopstage.smartone.com/tc/value_added_services/cyber-security/call_guard/charges.jsp
https://shopstage.smartone.com/tc/value_added_services/cyber-security/call_guard/instructions.jsp
https://shopstage.smartone.com/tc/value_added_services/cyber-security/call_guard/faq.jsp

VAS - Add-on Numbers
https://shopstage.smartone.com/tc/value_added_services/7star_services/Add-on_Numbers/service.jsp
https://shopstage.smartone.com/tc/value_added_services/7star_services/Add-on_Numbers/charges.jsp
https://shopstage.smartone.com/tc/value_added_services/7star_services/Add-on_Numbers/access.jsp
https://shopstage.smartone.com/tc/value_added_services/7star_services/Add-on_Numbers/instructions.jsp
https://shopstage.smartone.com/tc/value_added_services/7star_services/Add-on_Numbers/faq.jsp
https://shopstage.smartone.com/tc/value_added_services/7star_services/Add-on_Numbers/mediashowcase.jsp

VAS - Apple Music
https://shopstage.smartone.com/tc/value_added_services/fun_and_entertainment/apple_music/service.jsp
https://shopstage.smartone.com/tc/value_added_services/fun_and_entertainment/apple_music/charges.jsp
https://shopstage.smartone.com/tc/value_added_services/fun_and_entertainment/apple_music/access.jsp
https://shopstage.smartone.com/tc/value_added_services/fun_and_entertainment/apple_music/faq.jsp

VAS - KKBox
https://shopstage.smartone.com/tc/value_added_services/fun_and_entertainment/kkbox/service.jsp
https://shopstage.smartone.com/tc/value_added_services/fun_and_entertainment/kkbox/charges.jsp
https://shopstage.smartone.com/tc/value_added_services/fun_and_entertainment/kkbox/access.jsp
https://shopstage.smartone.com/tc/value_added_services/fun_and_entertainment/kkbox/faq.jsp

VAS - SmarT Share
https://shopstage.smartone.com/en/value_added_services/7star_services/SmartShare/service.jsp
https://shopstage.smartone.com/tc/value_added_services/7star_services/SmartShare/family.jsp
https://shopstage.smartone.com/tc/value_added_services/7star_services/SmartShare/roaming.jsp
https://shopstage.smartone.com/tc/value_added_services/7star_services/SmartShare/charges.jsp
https://shopstage.smartone.com/tc/value_added_services/7star_services/SmartShare/started.jsp
https://shopstage.smartone.com/tc/value_added_services/7star_services/SmartShare/faq.jsp
https://shopstage.smartone.com/tc/value_added_services/7star_services/SmartShare/family_smartshare_faq.jsp


other VAS use css file is: 	/CSS_V3/roaming_common.css

special VAS 


*/
body.v4 .st-container .hide-padding-mobile:first-child, 
body.v4 .st-container .hide-padding-mobile:first-child .page-title {
    margin-top: 0!important;
 }
/* 
/mobile-service-plans/network-for-kids/smart-parenting-academy.jsp
 */
.hideBreadCrumb .st-breadcrumb {
    display: none;
}
.hideBreadCrumb #smt-ui-banner > div{
	padding-top: 30px;
}
@media (max-width: 768px) {
	.hideBreadCrumb #smt-ui-banner > div{
		padding-top: 0px;
	}
}