/* main header top */
.main-header-top-wrapper{
    display: block;
    padding: 11px 0px 15px;
	background-color: #fff;
	max-width: 1440px;
    margin: 0 auto;
}
.main-header-top-wrapper,
.main-header-top-wrapper a{
	text-decoration: none;
}
.main-header-top-wrapper__site-link{
	color: var(--black-white-grey-grey-dark, #9C9C9C);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: "Noto Sans TC";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 21px; /* 150% */
}
.main-header-top-wrapper__site-link:first-child{
	padding-left: 0;
}
.main-header-top-wrapper__site-link--active{
	background: #fff;
	position: relative;
}
.main-header-top-wrapper__site-link--active::before{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 3px;
    background: red;
    content: "";
    transform: translateY(-11px);
}
.main-header-top-wrapper__site-link--active,
a.main-header-top-wrapper__site-link--active{
	color: #666;
}
.main-header-top-wrapper__content-wrapper{
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding: 0 60px;
}
.main-header-wrapper{
	z-index: 3;
	background: #fff;
}

.main-header-wrapper-popup .main-header-top-wrapper__content-wrapper{
	justify-content: flex-end;
	padding-left: 40px;
	padding-right: 40px;
}
.main-header-top-wrapper__site-links-wrapper,
.main-header-top-wrapper__common-links-wrapper{
	display: flex;
	flex-direction: row;
	height: 100%;
	gap: 30px;
}
.main-header-top-wrapper__site-link,
.main-header-top-wrapper__common-links-wrapper a{	
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.main-header-top-wrapper__site-link[data-fix-tc='true']{
	padding-bottom: 2px;
}
.main-header-top-wrapper__site-link:not(.main-header-top-wrapper__site-link--active):hover,
.main-header-top-wrapper__common-link:hover{
	color: #ccc;
}
.main-header-top-wrapper .main-header-top-wrapper__common-link{
	color: var(--Color-Grey80-or-disable-text, #9C9C9C);
	text-align: right;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: "Noto Sans TC";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 21px; /* 150% */
}
.main-header-main-wrapper__page-title-wrapper{
	display: flex;
    flex-direction: row;
    align-items: center;
}
/* main cat */
.main-header-main-wrapper__menu-wrapper{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	flex-wrap: nowrap;
	flex-grow: 1;
	align-items: center;
}
.main-header-main-wrapper__menu-item-button{
    text-decoration: none;
    display: block;
    margin: 0;
    color: var(--Color-Black, #333);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Noto Sans TC";
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
	padding: 25px 0;
	position: relative;
}
.main-header-main-wrapper__menu-item{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 15px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
}
.main-header-main-wrapper__menu-item--simple{
	/* position: relative; */
}
.main-header-main-wrapper__menu-item:first-child{
	/* flex-grow: 1; */
	/*padding-left: 150px;*/
}
.main-header-main-wrapper__menu-item:last-child{
	padding-right: 0;
}
.main-header-main-wrapper__hamburger-wrapper{
	display: none;
}
.main-header-main-wrapper__logo-img{
	height: 46px;
}
.main-header-main-wrapper__content-wrapper{
	max-width: 1440px;
	padding: 0 60px;
}
.color-icon{
	width: 20px;
	height: 20px;
}
#user-login .color-icon{
    width: 16px;
    height: 20px;
}
#user-login{
    width: 32px;
    height: 32px;
    background-color: red;
    border-radius: 30px;
}
/* mobile-menu start */
.main-header-main__mobile-menu {
	display: none;
	position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mobile-menu_open {
	display: block;
}

.mobile-menu {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: relative;
    left: 0;
    display: flex;
    flex-direction: column;
	overflow: hidden;
}

.mobile-menu .internal-link {
    font-family: "Noto Sans TC";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    color: var(--Color-Black, #333);
    font-feature-settings: 'clig' off, 'liga' off;
}

.mobile-menu a{
	text-decoration: none;
}

.mobile_shadow {
	height: 100%;
	position: absolute;
    left: 0;
    width: 15%;
	background-color: rgba(0,0,0,.85) !important;
}

.mobile-menu_header {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.mobile-menu_footer {
	width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.mobile-menu_footer span {
    width: 100%;
    font-size: 16px;
    padding: 13px 67px;
    margin: 0px 20px;
}

.mobile-menu_footer a {
	text-decoration: none;
}

.mobile-menu_content {
    overflow-y: scroll;
}

.mobile-menu_content div[data-role^="menu"] > div:first-child {
	display: flex;
	justify-content: space-between;
    padding: 0px;
    border-bottom: 1px solid #D3D2D2;
}

.mobile-menu_content > div div[data-role="menu-row"]{
	display: none;
 }

 /* .mobile-menu_content > div div[data-role="menu-row"] > div{
	display: flex;
	justify-content: space-between;
 } */

.mobile-menu_header_button {
	display: none;
	align-items: center;
}

/*.material-icons {
	font-size: 2rem;
}*/

.mobile-menu_button-bar {
	width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
	padding: 20px;
	border-bottom: 1px solid #fd2d17;
}

.mobile-menu_header-tag {
	display: none;
	width: 100%;
    padding: 20px;
    height: 80px;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #d3d2d2;
}

.mobile-menu_header-tag-button {
	color: #fff;
    padding-right: 10px;
    font-size: 1em;
    height: 25px;
    display: flex;
    align-items: center;
}

.mobile-menu_header-tag .mobile-menu_header-tag-button:first-child {
	border-right: 1px solid;
	padding-right: 10px;
	margin-right: 10px;
}


.mobile-menu_header-tag-button a{
	margin-top: 5px;
	margin-left: 5px;
    text-decoration: none;
	color: #fff;
}

[data-role="tag-name"] {
	display: flex;
	color: #666;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.mobile-menu_button-bar > .internal-link {
	display: none;
}

div[data-current-level="L1"] [data-role="go_home-button"], div[data-current-level="L1"] .mobile-menu_button-bar > .internal-link {
	display: block
}

div[data-current-level="L1"] div[data-role="home-header-tag"] {
	display: flex
}

div[data-current-level="L2"] div[data-role="default-header-tag"] {
	display: flex
}

div[data-current-level="L3"] div[data-role="default-header-tag"] {
	display: flex
}

div[data-current-level="L2"] [data-role="go_back-button"] {
	display: flex
}

div[data-current-level="L3"] [data-role="go_back-button"] {
	display: flex
}
/* main menu */
.main-header-main-wrapper__nested-wrapper{
	background: #fff;
	display: none;
	width:100%;
	max-width: 1260px;
	max-width: 1440px;
	height: 300px;
    margin: 0 auto;
	border-top: 1px solid red;
	position: relative;
	
	/* box-shadow: 0 0 5px rgba(0,0,0,0.3); */
}
.main-header-main-wrapper__nested-wrapper ul{
	padding-left: 20px;
	padding-right: 20px;
    padding-top: 20px;
    position: relative;
    width: 100%;
    list-style: none;
    line-height: 1.5em;
}
.main-header-main-wrapper__nested-wrapper li{
	padding-top: 4px;
	padding-bottom: 4px;
}
.main-header-main-wrapper__menu-item:hover .main-header-main-wrapper__nested-wrapper{
	display: flex;
	align-items: center;
	justify-content: space-between;
}	

.main-header-main-wrapper__nested-wrapper a{
	white-space: nowrap;
	padding: 0;
}

.main-header-main-wrapper__nested-wrapper > div > ul > li ul {
	display: none;
}

.main-header-main-wrapper__nested-wrapper > div > ul > li > ul {
    position: absolute;
    top: 0;
    left: 100%;
}


.main-header_main_menu__box_simple {
	position:absolute;
	width: 200px;
}

.main-header-main-wrapper__background{
	width: auto;
	height: 100%;
	background-color: #fff;
	display: inline-flex;
}

.main-header_main_menu__box {
	position:absolute;
	left: 0;
	width: 100%;
}


.main-header_main_menu__box .main-header-main-wrapper__background {
	width: 30%;
}

.main-header-main-wrapper__background > ul > li > ul > li:hover > a{
	color: red;
}

.main-header-main-wrapper__menu-story {
	display: none;
	height: 100%;
    width: 40%;
	padding: 36px 40px 36px 40px
}

.main-header-main-wrapper__menu-story-simple {
	position: absolute;
	right: 25%;
}

.main-header-main-wrapper__story-content {
	display: none;
	height: 100%;
    width: 100%;
}


.main-header-main-wrapper__menu-story p {
	margin-top: 20px;
}

.main-header_main_menu__box .main-header-main-wrapper__nested-wrapper ul {
	padding-left: 40px;
	padding-right: 40px;
}

.main-header_main_menu__box .main-header-main-wrapper__background {
	background-color: #e9e9e9;
}

.menu_triangle::after {
	content: url('https://www.smartonesolutions.com.hk/images/icon/common/menu_triangle.svg');
	position: absolute;
    right: -12px;
}

/* ######################## */

.main-header-main-wrapper__dropdown-simple{
	display: none;
	position: absolute;
	top: 100%;
	border-top: 1px solid transparent;
	right: 0;
	width: 100%;
    padding: 0 60px;
}
.main-header-main-wrapper__dropdown__simple-link-wrapper{
	position: relative;
	background: #fff;
	padding: 30px 0 80px;
	padding-right: 0;
}
/*
.main-header-main-wrapper__dropdown__simple-link-block + .main-header-main-wrapper__dropdown__simple-link-block{
	margin-top: 25px;
}*/
.main-header-main-wrapper__dropdown__simple-link{
	text-decoration: none;
	display: block;
	padding-top: 25px;
	color: var(--Color-Black, #333);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: "Noto Sans TC";
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px; /* 153.846% */
}
.main-header-main-wrapper__dropdown__simple-link-block:first-child .main-header-main-wrapper__dropdown__simple-link{
	margin-top: -16px;
}
.main-header-main-wrapper__dropdown__simple-link-block:last-child .main-header-main-wrapper__dropdown__simple-link{
	margin-bottom: -16px;
}
.main-header-main-wrapper__dropdown__simple-link:hover{
    color: red;	
}
.main-header-main-wrapper__dropdown{
    display: none;
	position: absolute;
    width: 100%;
    top: 100%;
    z-index: 1;
    left: 0;
    border-top: 1px solid transparent;
    padding: 0 60px;
}
html.touchevents .main-header-main-wrapper__dropdown__touch-bg{
	position: fixed;
	top: 123px;
	/*background: rgba(255,0,0,0.5);*/
	background: transparent;
	left: 0;
	right: 0;
	bottom: 0;
}
.main-header-main-wrapper__dropdown__bg-left-extend {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    right: 0;
    left: -9999px;
}
.main-header-main-wrapper__dropdown-simple .main-header-main-wrapper__dropdown__bg-left-extend {
	background: #fff;
}
.main-header-main-wrapper__dropdown__bg-right-extend {
    position: absolute;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 100%;
    right: -9999px;
}
.main-header-main-wrapper__dropdown__img_box{
	z-index: 10;
    
    margin: 60px 0 60px;
	display: flex;
}
.main-header-main-wrapper__dropdown__img_box>div{
	max-width: 460px;
    width: 100%;
}
.main-header-main-wrapper__dropdown__hr{
	height: 100%;
	width: 1px;
	background: #EBECEE;
	margin: 0 50px;
}
.main-header-main-wrapper__dropdown__img_box img{
	border-radius: 20px;
    width: 100%;
    margin-bottom: 28px;
}
.main-header-main-wrapper__dropdown__img_box p{
    color: var(--Color-Black, #333);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Noto Sans TC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.main-header-main-wrapper__dropdown__left{
	position: relative;
    width: 100%;
    background: #fff;
    padding: 40px 0;
    max-width: 800px;
    padding-right: 0;
    display: flex;
    gap: 150px;
    justify-content: flex-start;
}
.main-header-main-wrapper__dropdown__right{
	position: relative;
	width: 70%;
	background: #fff;
	overflow: hidden;
	max-width: 700px;
}
.main-header-main-wrapper__dropdown__left-link-block{
	position: relative;
}
/*
.main-header-main-wrapper__dropdown__left-link-block + .main-header-main-wrapper__dropdown__left-link-block{
	margin-top: 25px;
}*/
.main-header-main-wrapper__dropdown__left-link{
	text-decoration: none;
	display: block;
	color: var(--Color-Red---Default, #F00);
	font-feature-settings: 'clig' off, 'liga' off;

	/* Header/H9_TC */
	font-family: "Noto Sans TC";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 21px; /* 150% */
}
.main-header-main-wrapper__dropdown__left-link:hover{
	color: red;
}
.main-header-main-wrapper__dropdown__left-link--curent{
	color: red;
}
.main-header-main-wrapper__dropdown__left-link-arrow{
	display: none;
	right: -12px;
    position: absolute;
    width: 0;
    top: 15px;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 12px solid #e9e9e9;
    z-index: 1;
}
/*
.main-header-main-wrapper__dropdown__left-link + .main-header-main-wrapper__dropdown__left-link{
	margin-top: 20px;
}*/
/* html.no-touchevents .main-header-main-wrapper__menu-item:hover .main-header-main-wrapper__dropdown,
html.touchevents .main-header-main-wrapper__menu-item[data-touch-over='true'] .main-header-main-wrapper__dropdown{
	display: flex;
} 
html.no-touchevents .main-header-main-wrapper__menu-item:hover .main-header-main-wrapper__dropdown-simple,
html.touchevents .main-header-main-wrapper__menu-item[data-touch-over='true'] .main-header-main-wrapper__dropdown-simple{
	display: block;
}
*/
.open.main-header-main-wrapper__dropdown{
	display: flex;
}
.open.main-header-main-wrapper__dropdown-simple{
	display: flex;
}
.main-header-main-wrapper__dropdown__right-content-wrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;	
}
.main-header-main-wrapper__dropdown__right-content{
	flex-basis: 0;
	flex-grow: 1;
	order: 2;
}
.main-header-main-wrapper__dropdown__right-content{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 30px;
}
.main-header-main-wrapper__dropdown__child-link-wrapper,
.main-header-main-wrapper__dropdown__intro-wrapper{
	width: 50%;
}
/*liya add in 2019-10-17 start*/
.main-header-main-wrapper__dropdown__intro-wrapper a {
	text-decoration:none;
}
.main-header-main-wrapper__dropdown__intro-wrapper a:hover .main-header-main-wrapper__dropdown__caption-wrapper {
	text-decoration:none;
	color: #333;
}
/*liya add in 2019-10-17 end*/
.main-header-main-wrapper__dropdown__child-link-wrapper{
	padding-right: 30px;
}
.main-header-main-wrapper__dropdown__child-link{
	text-decoration: none;
	display: block;
	padding-top: 25px;
	color: var(--Color-Black, #333);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: "Noto Sans TC";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px; /* 153.846% */
}
.main-header-main-wrapper__dropdown__simple-link--current,
.main-header-main-wrapper__dropdown__child-link--current{
	color: red;
}
.main-header-main-wrapper__dropdown__child-link-block:first-child .main-header-main-wrapper__dropdown__child-link{
	margin-top: -16px;
}
.main-header-main-wrapper__dropdown__child-link-block:last-child .main-header-main-wrapper__dropdown__child-link{
	margin-bottom: -16px;
}
.main-header-main-wrapper__dropdown__child-link:hover {
	color: red;
}
.main-header-main-wrapper__dropdown__child-link-block + .main-header-main-wrapper__dropdown__child-link-block { 
/*	margin-top: 25px;*/
}
.main-header-main-wrapper__dropdown__intro-wrapper{
}
.main-header-main-wrapper__dropdown__thumbnail{
	display: block;
	width: 100%;
	height: auto;
}
.main-header-main-wrapper__dropdown__caption-wrapper{
	margin-top: 20px;
}
.main-header-main-wrapper__dropdown__learn-more-wrapper{
	display: inline-block;
}
.main-header-main-wrapper__dropdown__thumbnail-wrapper + .main-header-main-wrapper__dropdown__learn-more-wrapper,
.main-header-main-wrapper__dropdown__caption-wrapper + .main-header-main-wrapper__dropdown__learn-more-wrapper{
	margin-top: 20px;
}
.main-header-main-wrapper__dropdown__learn-more-button{
	display: inline-block;
}
.main-header-main-wrapper__dropdown__learn-more{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	text-decoration: none;
	align-items: baseline;
}

.main-header-main-wrapper__dropdown__learn-more-arrow{
	font-size: 13px;
	margin-left: 3px;
}

.main-header-main-wrapper__dropdown__learn-more:hover, .main-header-main-wrapper__dropdown__learn-more-arrow:hover{
	color: red;
}
.main-header-main-wrapper__menu-item a:hover, .main-header-main-wrapper__menu-item a:focus {
	text-decoration:none;
	color:red;
}
.main-header-main-wrapper__menu-item-button::before {
	content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0%;
    height: 3px;
    background: red;
    transition: all .2s;
    transition-timing-function: cubic-bezier(1, 0.01, 0.3, 0.8);
}
.main-header-main-wrapper__menu-item-button:hover:before {
	width: 100%
}
.main-header-main-wrapper__menu-item-button--border-color {
	color: red;
}

.main-header-main-wrapper__menu-item-button--current-color {
	position: relative;
}
.main-header-main-wrapper__dropdown[data-list-size='3'] .main-header-main-wrapper__dropdown__right-content-wrapper{
	width: 300%;
}
.main-header-main-wrapper__dropdown[data-current-folder='1'] .main-header-main-wrapper__dropdown__right-content:nth-child(1){
	order: 1;
}
.main-header-main-wrapper__dropdown[data-current-folder='1'] .main-header-main-wrapper__dropdown__left-link-block:nth-child(1) .main-header-main-wrapper__dropdown__left-link{
	/*color: red;*/
}
.main-header-main-wrapper__dropdown[data-current-folder='1'] .main-header-main-wrapper__dropdown__left-link-block:nth-child(1) .main-header-main-wrapper__dropdown__left-link-arrow{
	display: block;
}
.main-header-main-wrapper__dropdown[data-current-folder='2'] .main-header-main-wrapper__dropdown__right-content:nth-child(2){
	order: 1;
}
.main-header-main-wrapper__dropdown[data-current-folder='2'] .main-header-main-wrapper__dropdown__left-link-block:nth-child(2) .main-header-main-wrapper__dropdown__left-link{
	/*color: red;*/
}
.main-header-main-wrapper__dropdown[data-current-folder='2'] .main-header-main-wrapper__dropdown__left-link-block:nth-child(2) .main-header-main-wrapper__dropdown__left-link-arrow{
	display: block;
}
.main-header-main-wrapper__dropdown[data-current-folder='3'] .main-header-main-wrapper__dropdown__right-content:nth-child(3){
	order: 1;
}
.main-header-main-wrapper__dropdown[data-current-folder='3'] .main-header-main-wrapper__dropdown__left-link-block:nth-child(3) .main-header-main-wrapper__dropdown__left-link{
	/*color: red;*/
}
.main-header-main-wrapper__dropdown[data-current-folder='3'] .main-header-main-wrapper__dropdown__left-link-block:nth-child(3) .main-header-main-wrapper__dropdown__left-link-arrow{
	display: block;
}

.mobile-menu div,
.mobile-menu a,
.mobile-menu span {
	font-family: GrotaSansMedium, 'Noto Sans TC', sans-serif;
    font-weight: 500;
}

.main-header-main-wrapper--header-float {
	position: fixed;
	top:0;
	width:100%;
	z-index: 999;
}
/* wallpaper-story */
.wallpaper-story{
	position: relative;
}
.wallpaper-story__content-column{
	position: absolute;
	top: 0;
	left: 0;
	right: 50%;
	bottom: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-left: 6.5vw;
}
.wallpaper-story__content-column--right{
	left: 50%;
	right: 0;
	padding-left: 0px;
	padding-right: 6.5vw;
}
.wallpaper-story__img{
	display: block;
	width: 100%;
	height: auto;
}
.wallpaper-story__img--desktop{
	display: block;
}
.wallpaper-story__img--mobile{
	display: none;
}
.wallpaper-story__title-content-wrapper{
	background: #fff;
	background: rgba(255, 255, 255, 0.95);
	padding: 25px 30px;
	width: 100%;
}

.wallpaper-story + .wallpaper-story{
	margin-top: 0px;
}
/* contactus-footer */
.contactus-footer__info-text{
	font-size: 20px;
}
.contactus-footer__info-text h2{
	font-size: 36px;
}
/* .floating-contactus-button */
.floating-contactus-button, 
.floating-whatsapp-button{
	width: 100px;
	height: 100px;
	max-width: inherit;
	max-height: inherit;
	padding: 25px;
	cursor: pointer;
	opacity: 1;
}
.floating-button-wrapper + .floating-button-wrapper{
	margin-top: 20px;
}
/*
.floating-whatsapp-button {
	top: 62%;
}*/

/* footer */
.main-footer-wrapper{
	padding-top: 30px;
	padding-bottom: 30px;
}
.main-footer-wrapper__content-wrapper{
	max-width: 1260px;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;

	display: flex;
	flex-direction: column;
	

	padding-left: 40px;
	padding-right: 40px;
}
.main-footer-menu-wrapper{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.main-footer-menu__main-cat-wrapper{
	margin-top: 0;
}
.main-footer-menu-wrapper__logo-img{
	height: 56px;
}
.main-footer-menu__main-cats-wrapper{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-grow: 1;
	max-width: 900px;
	padding-left: 50px;
	margin-left: auto;
	margin-right: 0;
}
/* fix IE11 */
.main-footer-menu__main-cats-wrapper-outer{
	width: 100%;
}
.main-footer-bottom-wrapper{
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-top: 50px;
}
.main-footer-links-wrapper{
	margin-left: auto;
	order: unset;
}
.main-footer-links-wrapper a{
	margin-left: 40px;
}
.main-copyright-wrapper{
	order: unset;
	margin-top: 0;
}
_:-ms-fullscreen, :root .main-copyright-wrapper { 
	order: 1;
}
/*
.main-footer-menu__logo-wrapper{
	flex-grow: 1;
}*/
.main-footer-menu__main-cat-wrapper + .main-footer-menu__main-cat-wrapper {
	
}
/* .slide-carousel .action-button */
.slide-carousel .action-button{
	font-size: 16px;
	/*font-size: 20px;*/
	padding: 0 35px;	
	border-radius: 24px;
	line-height: 48px;
	min-width: 140px;
}
.slide-carousel .action-button:hover, 
.slide-carousel .action-button:focus{
	line-height: 46px;
	padding: 0 34px;
}
.slide-carousel .action-button--outline,
.slide-carousel .action-button--outline-grey,
.slide-carousel .action-button--outline-gray{
	line-height: 46px;
	padding: 0 34px;
}
.slide-carousel .action-button--outline:hover:not(:disabled){
	line-height: 48px;
	padding: 0 35px;
}
.slide-carousel .action-button--outline-grey:hover:not(:disabled),
.slide-carousel .action-button--outline-gray:hover:not(:disabled){
	line-height: 46px;
	padding: 0 34px;
}
.slide-carousel .action-button--no-hover:hover{
	line-height: 48px;
	padding: 0 35px;
}
.slide-carousel .action-button--outline-white{
	line-height: 46px;
	padding: 0 34px;	
}
.slide-carousel .action-button--outline-white:hover{
	padding: 0 35px;
	line-height: 48px;
}
.slide-carousel .action-button + .action-button {
	margin-top: 0;
	margin-left: 20px;
}
.slide-carousel__swiper-pagination-wrapper{
	height: 30px;
}
.banner-slide__content-wrapper--desktop .banner-slide__content-canvas--padding-bottom{
	height: calc(100% - 40px);
	padding-bottom: 40px;	
}
/*PullDownMenuStory*/
.PullDownMenuStory-height-size{
	height: 1100px;
}

.PullDownMenu-story.v1{
	position: relative;
	height: 100%;
 margin-top: 50px;
	margin-bottom: 100px;
}

.PullDownMenu-story.v2{
	position: relative;
	height: 100%;
 margin-top: 50px;
}

@media (min-width: 1820px){
	.PullDownMenu-story.v1{
		margin-bottom: 13%;
	}
}


.PullDownMenu-story__img{
	display: block;
	width: 100%;
}
.PullDownMenu-story__img--desktop{
	display: block;
}
.PullDownMenu-story__img--mobile{
	display: none;
}

.PullDownMenuStory-wrapper{
	display: flex;
	justify-content: center;
	width: 80%;
	height: 100%;
	margin: -25% auto 50px;
	z-index: 2;
	opacity: 1;
	min-height: 432px;
}

.PullDownMenu-story .PullDownMenuStory-wrapper{
	margin: -5% auto 0px;
}


.PullDownMenuStory-meun,.PullDownMenuStory-meun-2{
	padding: 80px 0px 80px 50px;
	background: #ffff;
	font-weight: 500;
	font-size: 24px;
	line-height: 142%;
	width: 30%;
	border-bottom: unset;
}


.PullDownMenuStory-wrapper.tc .PullDownMenuStory-meun{
	font-weight: 500;
}

.PullDownMenuStory-wrapper.en .PullDownMenuStory-meun{
	font-weight: 400;
}

.PullDownMenuStory-meun ul{
 list-style-type: none;
	padding-left: 0px;
	display: grid;
	gap: 40px;
}

.PullDownMenuStory-meun .about_title li{
 height: 100%;
	padding-right: 50px;
}

.PullDownMenuStory-wrapper-2.tc .PullDownMenuStory-meun{
	font-weight: 500;
}

.PullDownMenuStory-wrapper-2.en .PullDownMenuStory-meun{
	font-weight: 400;
}

.PullDownMenuStory-meun-2 ul{
 list-style-type: none;
	padding-left: 0px;
}

.PullDownMenuStory-meun-2 .about_title li{
 height: 45px;
 margin-bottom: 20px;
	font-size: 18px;
	display: flex;
	align-items: center;
}

.PullDownMenuStory-meun-2 .about_title .about_meun{
 margin-bottom: 20px;
	margin-right: 50px;
	font-weight: 500;
}

.PullDownMenuStory-list{
	padding: 60px;
	background: rgba(102, 102, 102, 0.80);
	color: #fff;
	font-size: 24px;
 line-height: 150%;
	width: 68%;
	border-left: 2px solid red;
	backdrop-filter: blur(10px);
}

.PullDownMenuStory-wrapper.tc .PullDownMenuStory-list{
	font-weight: 400;
}

.PullDownMenuStory-wrapper.en .PullDownMenuStory-list{
	font-weight: 350;
}

.PullDownMenuStory-list .list-checklist > li{
	list-style-type: none;
 list-style-image: url(https://www.smartonesolutions.com.hk/images/icon/common/Subtract.svg);
}

.PullDownMenuBackup{
	font-size: 16px;
	line-height: 1.5;
}

.about_title .active li{
	color: red;
	border-right: 6px solid red;
}

.icon {
	float: left;
	width: 33px;
	height: 33px;
	border-radius: 30px;
	margin-left: 10px;
	position: relative;
	transition: all .3s;
}

.icon::before {
	position: absolute;
	top: 8px;
	width: 3px;
	height: 17px;
	left: 16px;
	background: #333333;
	content: "";
	transition: all .3s;
}

.icon::after {
	position: absolute;
	top: 15px;
	width: 16px;
	height: 3px;
	left: 9px;
	background: #333333;
	content: "";
	transition: all .3s;
}

.icon.show::before {
	transform: rotate(90deg);
	opacity: 0;
}

.icon.show::after{
	background: red;
	color: red;
}

.mobile_about_dropdown{
	display: none;
}

.about_meun{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.about_meun p{
	width: 80%;
	margin-bottom: 0px;
}

.about_meun.show{
	color: red;
}



.about_meun_item{
	display: none;
}

.about_meun_item.show{
	display: block;
}

.flex-wrap{
	display: flex;
	flex-wrap: wrap;
}

.gap-50{
	gap:50px;
}

.list-col-12-text-title{
	font-weight: 700;
	margin-bottom: 20px;
}

.list-col-12-text-describe{
	font-weight: 400;
}
.desk-close-btn {
    width: 30px;
    height: 70px;
    cursor: pointer;
    position: absolute;
    right: 60px;
    z-index: 10;
}
.desk-close-btn::before,.desk-close-btn::after {
    position: absolute;
    left: 15px;
    top: 28px;
    content: ' ';
    height: 16px;
    width: 2px;
    background-color: #707070;
    transition: all .3s;
}
.desk-close-btn::before {
    transform: rotate(45deg);
}
.desk-close-btn::before {
    transform: rotate(45deg);
}
.desk-close-btn::after {
    transform: rotate(-45deg);
}
@media (min-width:1600px) and (max-width: 1700px){
	.main-header-main-wrapper__menu-item-button{
		font-size: 15px;
	}
	.main-header-main-wrapper__dropdown__left-link{
		font-size: 14px;
	}
	.main-header-main-wrapper__dropdown__child-link{
		font-size: 13px;
	}
	/* .breadcrumb-wrapper__content-wrapper,.main-header-main-wrapper__content-wrapper,.main-header-top-wrapper__content-wrapper{
		padding: 0px 72px;
	} */
}
@media (max-width: 1600px){
	.main-header-main-wrapper__dropdown__img_box>div{
		max-width: 359px;
	}
}

@media (min-width:1366px) and (max-width: 1536px){
	.main-header-main-wrapper__menu-item-button{
		font-size: 13px;
	}
}
@media (min-width:1150px) and (max-width: 1366px){
	.main-header-main-wrapper__menu-item-button{
		font-size: 13px;
	}
	.main-header-main-wrapper__dropdown__child-link{
		font-size: 12px;
	}
	/* .breadcrumb-wrapper__content-wrapper,.main-header-main-wrapper__content-wrapper,.main-header-top-wrapper__content-wrapper{
		padding: 0px 64px;
	} */
}

html[lang='en-us'] .main-header-top-wrapper__site-link,html[lang='en-us'] .main-header-top-wrapper .main-header-top-wrapper__common-link ,html[lang='en-us'] .main-header-main-wrapper__menu-item-button,html[lang='en-us'] .main-header-main-wrapper__dropdown__left-link,html[lang='en-us']  .main-header-main-wrapper__dropdown__child-link{
	font-family: "titling-gothic-fb-condensed", "Noto Sans", "Noto Sans TC", "MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;
    font-weight: 500;
}
html[lang='en-us'] .main-header-main-wrapper__dropdown__img_box p{
	font-family: "titling-gothic-fb-narrow","Noto Sans","Noto Sans TC","MHei","微軟正黑體","Microsoft JhengHei",sans-serif;
    font-weight: 300;
}