@charset "UTF-8";

/*
15:05 2020-04-21 method 2
9:13 2020-04-22 method 3
11:08 2021-07-22 scenarioTags margin top remove
16:20 2022-11-09 remove the white blackground in the .scenarioIntro .scenarioContents
*/

body.innerPage .main2.differentScenarioIndex * {
  max-height: 999999px; }
body.innerPage .main2.differentScenarioIndex > nav.contentWrapper:first-child,
body.innerPage .main2.differentScenarioIndex .mainHolder {
  background-color: #fcf3ea; }
body.innerPage .main2.differentScenarioIndex h2.title {
  padding-bottom: 16px; }
body.innerPage .main2.differentScenarioIndex .comparisonTableDesc {
  margin-bottom: 24px; }
body.innerPage .main2.differentScenarioIndex .comparisonContainer {
  margin-bottom: 46px; }
body.innerPage .main2.differentScenarioIndex a {
  font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
  color: #951717;
  text-decoration: underline; }
  body.innerPage .main2.differentScenarioIndex a:hover {
    color: #0316d5; }
body.innerPage .main2.differentScenarioIndex .scenarioIntro p,
body.innerPage .main2.differentScenarioIndex .scenarioContents p {
  margin-bottom: 10px; }
body.innerPage .main2.differentScenarioIndex .scenarioTags {
  font-size: 0;
  text-align: left;
  /* margin-top: 24px; 11:08 2021-07-22 remark */
  margin-top: 0px;
  }
  body.innerPage .main2.differentScenarioIndex .scenarioTags .scenarioTags__item {
    display: inline-block;
    font-family: "Montserrat",微軟正黑體, Arial, sans-serif;
    font-weight: 700;
    background-color: #fff;
    margin: 0 6px 6px 0;
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid #808080;
    cursor: pointer;
    transition: all 0.3s ease; }
    body.innerPage .main2.differentScenarioIndex .scenarioTags .scenarioTags__item:hover, body.innerPage .main2.differentScenarioIndex .scenarioTags .scenarioTags__item.active {
      border: 1px solid #e86e1d;
      background-color: #e86e1d;
      color: #fff; }
@media screen and (max-width: 768px) {
    /*20221109 remove the white blackground in the .scenarioIntro .scenarioContents*/
  body.innerPage .main2.differentScenarioIndex .scenarioIntro .scenarioContents {
    background-color: transparent; }
  
  body.innerPage .main2.differentScenarioIndex .scenarioContents {
    background-color: #fff; } }
body.innerPage .main2.differentScenarioIndex .scenarioContents ul {
  margin-bottom: 28px; }
  body.innerPage .main2.differentScenarioIndex .scenarioContents ul li {
    margin-left: 16px;
    position: relative;
    margin-bottom: 10px;
    line-height: 1.2em; }
    body.innerPage .main2.differentScenarioIndex .scenarioContents ul li:before {
      content: "";
      display: inline-block;
      width: 8px;
      height: 8px;
      background-color: #ed7d15;
      border-radius: 8px;
      left: -16px;
      top: 6px;
      position: absolute; }
body.innerPage .main2.differentScenarioIndex .scenarioContents .contentHeader {
  font-weight: 700;
  padding: 24px 0 18px;
  font-family: "Montserrat",微軟正黑體, Arial, sans-serif;
  border-bottom: 2px solid #e86e1d;
  margin-bottom: 18px; }
  @media screen and (max-width: 768px) {
    body.innerPage .main2.differentScenarioIndex .scenarioContents .contentHeader {
      display: none; } }
body.innerPage .main2.differentScenarioIndex .scenarioContents .contentSection__title {
  overflow: auto; /* 16:51 2020-04-21 clearfix */	
  margin-bottom: 12px;
  position: relative; }
  body.innerPage .main2.differentScenarioIndex .scenarioContents .contentSection__title img {
    
	/* 15:05 2020-04-21 method 1
	display: inline-block;
	*/
	/* 15:05 2020-04-21 method 2 */
	display:block;
	float:left; 
	/* 9:13 2020-04-22 note: no need to change here */
	
    width: 24px;
    height: 24px;
    vertical-align: middle;
	margin: 0 8px 4px 0;
	}
  body.innerPage .main2.differentScenarioIndex .scenarioContents .contentSection__title h3 {
    font-family: "Montserrat",微軟正黑體, Arial, sans-serif;
    font-weight: 700;
	
	/* 15:05 2020-04-21 method 1 */	
    /* display: inline; */
	/* 15:05 2020-04-21 method 2 	
	display:block; */
	/* 9:13 2020-04-22 method 3 */
	display:flex;
	
    vertical-align: middle; }

	/* 15:05 2020-04-21 method 2 (add) */	
  @media screen and (max-width: 768px) {
    body.innerPage .main2.differentScenarioIndex .scenarioContents .contentSection__title h3 { 
     margin-top:3px; } }	



	
body.innerPage .main2.differentScenarioIndex .scenarioContents .contentSection {
  margin: 18px auto 36px; }
body.innerPage .main2.differentScenarioIndex .tagContent {
  display: none; }
  body.innerPage .main2.differentScenarioIndex .tagContent.active {
    display: block; }
  @media screen and (max-width: 768px) {
    body.innerPage .main2.differentScenarioIndex .tagContent {
      padding: 6px 22px; } }
body.innerPage .main2.differentScenarioIndex .scenarioMobileSelect_holder {
  position: relative;
  text-align: center;
  overflow-y: hidden; }
  body.innerPage .main2.differentScenarioIndex .scenarioMobileSelect_holder select {
    width: 100%;
    padding: 20px 0;
    height: 62px; }
    @media screen and (max-width: 768px) {
      body.innerPage .main2.differentScenarioIndex .scenarioMobileSelect_holder select {
        height: 56px; } }
    body.innerPage .main2.differentScenarioIndex .scenarioMobileSelect_holder select:focus {
      outline: none; }
  body.innerPage .main2.differentScenarioIndex .scenarioMobileSelect_holder .scenarioMobileSelect__Mask {
    display: inline-block;
    padding: 18px 6px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    pointer-events: none;
    font-family: "Montserrat",微軟正黑體, Arial, sans-serif;
    font-weight: 700;
    border-bottom: 2px solid #e86e1d;
    color: #e86e1d; }
    body.innerPage .main2.differentScenarioIndex .scenarioMobileSelect_holder .scenarioMobileSelect__Mask:after {
      content: "";
      display: inline-block;
      border: 8px solid transparent;
      border-top: 8px solid #e86e1d;
      margin: 0 12px -5px;
      position: relative; }
body.innerPage .main2.differentScenarioIndex .moreBtn__holder a {
  display: block;
  clear: both;
  width: 250px;
  text-align: center;
  background-color: #e55b00;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 20px 30px;
  border-radius: 30px;
  margin: 10px 5px 15px;
  font-family: "Montserrat",微軟正黑體, Arial, sans-serif; }
  body.innerPage .main2.differentScenarioIndex .moreBtn__holder a:hover {
    background-color: #e55b00aa; }

.hmNewHeader__subMenuHr {
  position: relative;
  width: 100%;
  height: 1px;
  display: block;
  margin: 30px 0;
  padding: 0 10px;
  float: left;
  clear: both; }
  .hmNewHeader__subMenuHr:before {
    content: '';
    position: relative;
    width: 100%;
    height: 1px;
    display: block;
    background: #d2d2d2; }
  @media screen and (max-width: 1200px) {
    .hmNewHeader__subMenuHr {
      display: none; } }

body.innerPage .main2.differentScenarioIndex .blockDetailHolder h1 {
  font-size: 30px; }
  :lang(zh-hk) body.innerPage .main2.differentScenarioIndex .blockDetailHolder h1, :lang(zh-cn) body.innerPage .main2.differentScenarioIndex .blockDetailHolder h1 {
    font-size: 34px; }
body.innerPage .main2.differentScenarioIndex .blockDetailHolder h2 {
  font-size: 21px; }
  :lang(zh-hk) body.innerPage .main2.differentScenarioIndex .blockDetailHolder h2, :lang(zh-cn) body.innerPage .main2.differentScenarioIndex .blockDetailHolder h2 {
    font-size: 22px; }
body.innerPage .main2.differentScenarioIndex .scenarioTags .scenarioTags__item h2 {
  font-size: 15px; }
  :lang(zh-hk) body.innerPage .main2.differentScenarioIndex .scenarioTags .scenarioTags__item h2, :lang(zh-cn) body.innerPage .main2.differentScenarioIndex .scenarioTags .scenarioTags__item h2 {
    font-size: 16px; }
body.innerPage .main2.differentScenarioIndex .scenarioContents {
  font-size: 15px; }
  :lang(zh-hk) body.innerPage .main2.differentScenarioIndex .scenarioContents, :lang(zh-cn) body.innerPage .main2.differentScenarioIndex .scenarioContents {
    font-size: 16px; }
  body.innerPage .main2.differentScenarioIndex .scenarioContents .contentHeader {
    font-size: 21px; }
    :lang(zh-hk) body.innerPage .main2.differentScenarioIndex .scenarioContents .contentHeader, :lang(zh-cn) body.innerPage .main2.differentScenarioIndex .scenarioContents .contentHeader {
      font-size: 22px; }
  body.innerPage .main2.differentScenarioIndex .scenarioContents .contentSection__title h3 {
    font-size: 21px; }
    :lang(zh-hk) body.innerPage .main2.differentScenarioIndex .scenarioContents .contentSection__title h3, :lang(zh-cn) body.innerPage .main2.differentScenarioIndex .scenarioContents .contentSection__title h3 {
      font-size: 22px; }
    @media screen and (max-width: 768px) {
      body.innerPage .main2.differentScenarioIndex .scenarioContents .contentSection__title h3 {
        font-size: 15px; }
        :lang(zh-hk) body.innerPage .main2.differentScenarioIndex .scenarioContents .contentSection__title h3, :lang(zh-cn) body.innerPage .main2.differentScenarioIndex .scenarioContents .contentSection__title h3 {
          font-size: 16px; } }
body.innerPage .main2.differentScenarioIndex .scenarioMobileSelect__Mask {
  font-size: 21px; }
  :lang(zh-hk) body.innerPage .main2.differentScenarioIndex .scenarioMobileSelect__Mask, :lang(zh-cn) body.innerPage .main2.differentScenarioIndex .scenarioMobileSelect__Mask {
    font-size: 22px; }
  @media screen and (max-width: 768px) {
    body.innerPage .main2.differentScenarioIndex .scenarioMobileSelect__Mask {
      font-size: 15px; }
      :lang(zh-hk) body.innerPage .main2.differentScenarioIndex .scenarioMobileSelect__Mask, :lang(zh-cn) body.innerPage .main2.differentScenarioIndex .scenarioMobileSelect__Mask {
        font-size: 16px; } }

@media screen and (max-width: 480px) {
  header nav .subMenu .subMenuCol .infoItem a span {
    font-size: 1rem; } }

/*# sourceMappingURL=style_addon.css.map */