@charset "UTF-8";
/** background image file **/
/** benefits background image file **/
/** vip icon background image file **/
/** benefit channel background image file **/
/** hyperlinks anchor **/
/** buttons red **/
/** buttons red in header **/
/** buttons blue **/
/** green **/
/** buttons blink yellow **/
/** other **/
/**  header **/
/** 回饋標示 **/
/**main nav**/
/*query nav*/
/*reputation*/
/** touch **/
/** ax **/
/**
 * respond( $a [ ,$b ] )
 * Generate media quereis string
 *
 * @include respond( 0, 799 ) {}    // <=800  (0~800)
 * @include respond( 800, 1199 ) {} // 800~1199
 * @include respond( 1200 ) {}      // >=1200
 */
/**
 * Cozy Layout ( 1440+ )
 */
/**
 * Cozy Layout ( 0~1280 )
 */
/**
 * Compact Layout ( 0~1280 )
 */
/**
 * Compact Layout ( 0~1024 )
 */
/**
 * pad Layout ( 0~992 )
 */
/**
 * Mobile Layout ( 0~980 )
 */
/**
 * Mobile Layout ( 0~768 )
 */
/**
 * Mobile Layout ( 0~680 )
 */
/**
 * Mobile Layout ( 0~640 )
 */
/**
 * Mobile Layout ( 0~480 )
 */
/**
 * Mobile Layout ( 0~414 )
 */
/**
 * Mobile Layout ( 0~390 )
 */
/**
 * Mobile Layout ( 0~375 )
 */
/**
 * Mobile Layout ( 0~320 )
 */
/**
 * Box-sizing
 */
/**
 * clearfix
 */
/**
 * font-family
 */
/**
 * hide text
 */
/**
 * border-radius
 */
/**
 * box-shadow
 */
/**
 * background-gradient
 */
/**
 * columns
 */
/**
 * Opacity
 */
/**
 * other minins by yougi
 */
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-family: 'Montserrat', 'Noto Sans TC', 'PingFang TC', 'Heiti TC', '微軟正黑體', sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  /* 1. 基礎佈局：移除預設間距 */
  margin: 0;
  padding: 0;

  /* 2. 字體大小：恢復標準 1rem (16px)，解決字體變小的問題 */
  font-size: 1rem;

  /* 3. 字體家族：結合 Montserrat (英文) 與 Noto Sans TC (中文) */
  font-family: 'Montserrat', 'Noto Sans TC', 'PingFang TC', 'Heiti TC', '微軟正黑體', Helvetica, Arial, sans-serif;
  
  /* 4. 字體渲染優化：確保載入效率與平滑度 */
  font-display: swap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* 5. 閱讀舒適度：設定 1.7 倍行高與深灰色字體 */
  line-height: 170%;
  color: #333;
  background: white;

  /* 6. 其他修正：防止字詞溢出 */
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
}


ol, ul {
  list-style: none;
}

.clearfix {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * Add from html5doctor.com Reset Stylesheet
 */
del {
  text-decoration: line-through;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/**
 * Hyperlinks
 */
a {
  color: #76063C;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a[target=_blank]:hover {
  color: #be252c;
}

a.ad,
a.important {
  color: #be252c;
}

a img {
  border: none;
}

/**
 * Form Elements
 */
textarea,
input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=button],
input[type=submit] {
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus {
  outline: none;
}

/**
 * Common Class Names
 */
.hide {
  display: none;
}

.invisible {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  position: absolute;
  left: -99999px;
  top: -99999px;
}

.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.clearself {
  overflow: hidden;
}

/**
 * inner content style reset
 */
.content p {
  margin: 1.2em 0;
}

.content * {
  line-height: 170%;
}

.content ul,
.content ol {
  margin: 1.2em 0 1.2em 2em;
}

.content ul {
  list-style: disc;
}

.content ol {
  list-style: decimal;
}

/**
 * Layouts
 */
.layout-wrapper {
  margin: 0 auto;
  position: relative;
}

.ad {
  background: #fffadc;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.ad .ysm {
  padding: 10px;
}
.ad .ysm dl {
  margin-bottom: 10px;
}
.ad .ysm dd {
  font-size: 12px;
  line-height: 150%;
  color: #666;
}

/**
 * background image prepare
 */
/**
 * message
 */
div[class^=message-] {
  padding: 1em;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

div.center[class^=message-] {
  text-align: center;
}

.message-info {
  background: #dcebf0;
}

/**
 * .button
 * .button.blue
 * .button.grey (or .button.gray)
 * .button.large    // shadow style
 * .button.medium   // shadow style
 * .button.small
 * .button.disabled
 */
.button {
  /** active/pressed **/
  /**
   * Grey
   */
  /**
   * Blue
   */
  /**
   * gray
   */
 /**
* blink yellow button
*/
  /**Header Red **/
  /** Large **/
  /**
   * Medium
   */
  /**
   * Small
   */
}
.button {
  font-size: 12.8px;
  cursor: pointer;
  color: white !important;
  text-decoration: none !important;
  white-space: nowrap;
  width: auto;
  text-align: center;
  line-height: 100%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #be252c;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
}
.button, .button[type] {
  padding: .5em 1em .4em;
}
.button:hover {
  color: white !important;
  text-decoration: none !important;
  background: #ce343f;
}
.button.disabled, .button[disabled] {
  cursor: default !important;
  color: #e5babf;
  background: #cc757f;
}
.button[type=reset], .button[type=button], .button[type=submit] {
  font-family: inherit;
  border: 0 none;
  margin: 0;
}
.button:active, .button.pressed {
  background: #9e1621;
}
.button:active.large, .button.pressed.large {
  -webkit-box-shadow: inset 0 -4px 0 0 #be252c;
  -moz-box-shadow: inset 0 -4px 0 0 #be252c;
  box-shadow: inset 0 -4px 0 0 #be252c;
}
.button:active.medium, .button.pressed.medium {
  -webkit-box-shadow: inset 0 -3px 0 0 #be252c;
  -moz-box-shadow: inset 0 -3px 0 0 #be252c;
  box-shadow: inset 0 -3px 0 0 #be252c;
}
.button.grey, .button.gray {
  /** active/pressed **/
}
.button.grey, .button.gray {
  background: #eee;
  color: #555 !important;
}
.button.grey:hover, .button.gray:hover {
  background: #ddd;
  color: #555 !important;
}
.button.grey.disabled, .button.grey[disabled], .button.gray.disabled, .button.gray[disabled] {
  color: #bbb !important;
  background: #eee !important;
}
.button.grey.large, .button.gray.large {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.grey.large.disabled, .button.grey.large[disabled], .button.gray.large.disabled, .button.gray.large[disabled] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.grey.medium, .button.gray.medium {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.grey.medium.medium.disabled, .button.grey.medium.medium[disabled], .button.gray.medium.medium.disabled, .button.gray.medium.medium[disabled] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.grey:active, .button.grey.pressed, .button.gray:active, .button.gray.pressed {
  background: #333;
  color: white !important;
}
.button.grey:active.large, .button.grey.pressed.large, .button.gray:active.large, .button.gray.pressed.large {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.grey:active.medium, .button.grey.pressed.medium, .button.gray:active.medium, .button.gray.pressed.medium {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.blue {
  /** active/pressed **/
}
.button.blue {
  background: #76063C;
}
.button.blue:hover {
  background: #76063C;
}
.button.blue.disabled, .button.blue[disabled] {
  color: #b1d1e1 !important;
  background: #0066a0 !important;
}
.button.blue.large {
  -webkit-box-shadow: inset 0 -4px 0 0 #0066a0;
  -moz-box-shadow: inset 0 -4px 0 0 #0066a0;
  box-shadow: inset 0 -4px 0 0 #0066a0;
}
.button.blue.large.disabled, .button.blue.large[disabled] {
  -webkit-box-shadow: inset 0 -4px 0 0 #b1d1e1;
  -moz-box-shadow: inset 0 -4px 0 0 #b1d1e1;
  box-shadow: inset 0 -4px 0 0 #b1d1e1;
}
.button.blue.medium {
  -webkit-box-shadow: inset 0 -3px 0 0 #0066a0;
  -moz-box-shadow: inset 0 -3px 0 0 #0066a0;
  box-shadow: inset 0 -3px 0 0 #0066a0;
}
.button.blue.medium.medium.disabled, .button.blue.medium.medium[disabled] {
  -webkit-box-shadow: inset 0 -3px 0 0 #b1d1e1;
  -moz-box-shadow: inset 0 -3px 0 0 #b1d1e1;
  box-shadow: inset 0 -3px 0 0 #b1d1e1;
}
.button.blue:active, .button.blue.pressed {
  background: #0066a0;
}
.button.blue:active.large, .button.blue.pressed.large {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #004e7a;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #004e7a;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #004e7a;
}
.button.blue:active.medium, .button.blue.pressed.medium {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #004e7a;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #004e7a;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #004e7a;
}
.button.gray {
  /** active/pressed **/
}
.button.gray {
  background: #e7e7e7;
}
.button.gray:hover {
  background: #cccccc;
}
.button.gray.disabled, .button.gray[disabled] {
  color: #cccccc !important;
  background: #e7e7e7 !important;
}
.button.gray.large {
  -webkit-box-shadow: inset 0 -4px 0 0 #cccccc;
  -moz-box-shadow: inset 0 -4px 0 0 #cccccc;
  box-shadow: inset 0 -4px 0 0 #cccccc;
}
.button.gray.large.disabled, .button.gray.large[disabled] {
  -webkit-box-shadow: inset 0 -4px 0 0 #cccccc;
  -moz-box-shadow: inset 0 -4px 0 0 #cccccc;
  box-shadow: inset 0 -4px 0 0 #cccccc;
}
.button.gray.medium {
  -webkit-box-shadow: inset 0 -3px 0 0 #cccccc;
  -moz-box-shadow: inset 0 -3px 0 0 #cccccc;
  box-shadow: inset 0 -3px 0 0 #cccccc;
}
.button.gray.medium.medium.disabled, .button.gray.medium.medium[disabled] {
  -webkit-box-shadow: inset 0 -3px 0 0 #cccccc;
  -moz-box-shadow: inset 0 -3px 0 0 #cccccc;
  box-shadow: inset 0 -3px 0 0 #cccccc;
}
.button.gray:active, .button.gray.pressed {
  background: #777777;
}
.button.gray:active.large, .button.gray.pressed.large {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #cccccc;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #cccccc;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #cccccc;
}
.button.gray:active.medium, .button.gray.pressed.medium {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #cccccc;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #cccccc;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #cccccc;
}
.button.blink {
  background: #F39C12;
}
.button.blink:hover {
  background: #FBB03B;
}
.button.blink.disabled, .button.blink[disabled] {
  color: #fffadc !important;
  background: #D35400 !important;
}
.button.blink.large {
  -webkit-box-shadow: inset 0 -4px 0 0 #D35400;
  -moz-box-shadow: inset 0 -4px 0 0 #D35400;
  box-shadow: inset 0 -4px 0 0 #D35400;
}
.button.blink.large.disabled, .button.blink.large[disabled] {
  -webkit-box-shadow: inset 0 -4px 0 0 #9F400C;
  -moz-box-shadow: inset 0 -4px 0 0 #9F400C;
  box-shadow: inset 0 -4px 0 0 #9F400C;
}
.button.blink.medium {
  -webkit-box-shadow: inset 0 -3px 0 0 #D35400;
  -moz-box-shadow: inset 0 -3px 0 0 #D35400;
  box-shadow: inset 0 -3px 0 0 #D35400;
}
.button.blink.medium.medium.disabled, .button.blink.medium.medium[disabled] {
  -webkit-box-shadow: inset 0 -3px 0 0 #9F400C;
  -moz-box-shadow: inset 0 -3px 0 0 #9F400C;
  box-shadow: inset 0 -3px 0 0 #9F400C;
}
.button.blink:active, .button.blink.pressed {
  background: #D35400;
}
.button.blink:active.large, .button.blink.pressed.large {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #9F400C;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #9F400C;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #9F400C;
}
.button.blink:active.medium, .button.blink.pressed.medium {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #9F400C;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #9F400C;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #9F400C;
}
.button.header-red {
  /** active/pressed **/
}
.button.header-red {
  background: #e8414d;
  -webkit-box-shadow: inset 0 -4px 0 0 #8f0100;
  -moz-box-shadow: inset 0 -4px 0 0 #8f0100;
  box-shadow: inset 0 -4px 0 0 #8f0100;
  padding-top: .5em;
  padding-bottom: .8em;
}
.button.header-red:hover {
  background: #ea4f5a;
}
.button.header-red:active, .button.header-red.pressed {
  background: #ea4f5a;
  -webkit-box-shadow: inset 0 4px 1px 0 #8f0100;
  -moz-box-shadow: inset 0 4px 1px 0 #8f0100;
  box-shadow: inset 0 4px 1px 0 #8f0100;
}
.button.large {
  font-size: 15px;
  padding: 9px 22px 11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 -4px 0 0 #9e1621;
  -moz-box-shadow: inset 0 -4px 0 0 #9e1621;
  box-shadow: inset 0 -4px 0 0 #9e1621;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.button.large.disabled, .button.large[disabled] {
  -webkit-box-shadow: inset 0 -4px 0 0 #e5babf;
  -moz-box-shadow: inset 0 -4px 0 0 #e5babf;
  box-shadow: inset 0 -4px 0 0 #e5babf;
}
.button.large:active, .button.large.pressed {
  -webkit-box-shadow: inset 0 4px 1px 0 #7d0b14;
  -moz-box-shadow: inset 0 4px 1px 0 #7d0b14;
  box-shadow: inset 0 4px 1px 0 #7d0b14;
  padding: 11px 22px 9px;
}
.button.medium {
  font-size: 13.2px;
  padding: 8px 16px 9px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 -3px 0 0 #9e1621;
  -moz-box-shadow: inset 0 -3px 0 0 #9e1621;
  box-shadow: inset 0 -3px 0 0 #9e1621;
}
.button.medium.disabled, .button.medium[disabled] {
  -webkit-box-shadow: inset 0 -3px 0 0 #e5babf;
  -moz-box-shadow: inset 0 -3px 0 0 #e5babf;
  box-shadow: inset 0 -3px 0 0 #e5babf;
}
.button.medium:active, .button.medium.pressed {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #7d0b14;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #7d0b14;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #7d0b14;
  padding: 9px 16px 8px;
}
.button.small {
  font-size: 12px;
  padding: .4em .5em .3em;
}

/**
 * ico-
 */
/**
 * collect-button style
 */
/**
 * zIndex setting
 */
#header .area {
  z-index: 30;
}
#header nav ul ul {
  z-index: 11;
}

#header {
  /**
   * General
   */
}
#header a {
  text-decoration: none;
}

#footer {
  /**
   * General
   */
}
#footer {
  clear: both;
}
#footer a {
  color: #999;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#footer a:hover {
  padding-left: .5em;
  color: #FFF;
}
#footer .h1 {
  font-size: 15px;
  margin-bottom: .5em;
}
#footer h2 {
  color: #f0cb00;
}
#footer section {
  float: left;
}
#footer section div {
  float: left;
}
#footer section.latest {
  width: 19%;
}
#footer section.latest div {
  width: 50%;
}
#footer section.features {
  width: 25%;
}
#footer section.features div {
  width: 50%;
}
#footer section.service_new {
  width: 34%;
}
#footer section.service_new div {
  width: 33%;
}
#footer .footer_icon {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
#footer #copyright {
  clear: both;
  font-size: 12px;
  padding-top: 3em;
}
#footer #copyright .logo {
  width: 160px;
  height: 35px;
  float: left;
  text-indent: -9999px;
}
#footer #copyright p {
  margin-left: 180px;
}
#footer #copyright .bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  font-weight: bold;
}

@media only screen and (max-width: 1440px) {
  #Layout-view {
    font-family: "cozy";
  }

  .layout-wrapper {
    width: 1200px;
  }
}
@media only screen and (max-width: 1280px) {
  #Layout-view {
    font-family: "compact";
  }

  .layout-wrapper {
    width: 1000px;
  }
}
@media only screen and (max-width: 1005px) {
  #wrap {
    width: 1030px;
  }
}
@media only screen and (max-width: 768px) {
  .layout-wrapper {
    width: 100%;
  }
}

#Header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  border-bottom: 1px solid #E7e0c9;
  height: 70px;
  z-index: 9999;
  background: #ffffff;
}

.ctall {
  position: relative;
  padding-top: 70px;
}

img {
  display: block;
}

svg {
  width: 100%;
  height: auto;
  display: block;
}

.c1 {
  background-color: #D9E8CB;
}

.c2 {
  background-color: #E8F5DB;
}

.c3 {
  background-color: #F5F4D3;
}

.c4 {
  background-color: #FFEAE9;
}

.c5 {
  background-color: #FFE1D6;
}

.c6 {
  background-color: #EBD1BA;
}

.c7 {
  background-color: #F6EFE5;
}

.c8 {
  background-color: #D2EEFF;
}

.c9 {
  background-color: #F5F1FF;
}

.c10 {
  background-color: #FFF;
}

.c11 {
  background-color: #fbf4e9;
}

.c12 {
  background-color: #E7e0c9;
}

.c13 {
  background-color: #D7CBA6;
}

.c15 {
  background-color: #f8f8f8;
}

.c16 {
  background-color: #f4f4f4;
}

.c17 {
  background-color: #EAEAEA;
}

.menu_wrapper {
  padding: 16px 20px 0;
  background: #ffffff;
}
.menu_wrapper {
  zoom: 1;
}
.menu_wrapper:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.banner_grid {
  margin-bottom: 60px;
  overflow: hidden;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
  height: 40vw;
  background-position: 50%;
  animation: backgroundResize 7s infinite;
}

.bannermask {
  width: 100%;
  height: 100%;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

@keyframes backgroundResize {
  from {
    background-size: 150%;
  }
  to {
    background-size: 100%;
  }
}
.logo_left {
  float: left;
}

.logo_pic {
  width: 200px;
  margin-left: 20px;
  margin-right: 30px;
}
.logo_pic img {
  width: 100%;
}

.ff_logo {
  width: 200px;
}
.ff_logo img {
  width: 100%;
  filter: invert(1) brightness(2);
}

.gosub:hover > .down_menu_product {
  position: absolute;
  left: 0;
}

.menumask {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  inset: 0;
}

.atsx_li {
  margin-left: 20px;
  margin-bottom: 6px;
}
.atsx_li:before {
  content: "．";
  color: #e5d1b6;
  font-size: 2rem;
  vertical-align: bottom;
  margin-left: -32px;
}

.down_menu_product {
  position: absolute;
  top: 36px;
  left: 0;
  width: 100vw;
  display: none;
  background-color: #ffffff;
  box-shadow: 1px 7px 15px rgba(0, 0, 0, 0.1);
  z-index: 10;
  margin-top: 7px;
}

.Contact_menu {
  display: none;
  position: absolute;
  z-index: 10;
  top: 43px;
  left: 0;
  padding: 22px;
  width: 240px;
  background-color: #ffffff;
  box-shadow: 1px 7px 15px rgba(0, 0, 0, 0.1);
}
.Contact_menu li {
  display: block;
  padding: 0 0 !important;
}
.Contact_menu li a {
  color: #333;
}
.Contact_menu li a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}

.AboutUs_menu {
  display: none;
  position: absolute;
  z-index: 10;
  top: 43px;
  left: 0;
  right: auto;
  padding: 22px;
  min-width: 960px;
  background-color: #ffffff;
  box-shadow: 1px 7px 15px rgba(0, 0, 0, 0.1);
}
.AboutUs_menu li {
  display: block;
}

.menu_left {
  float: left;
}
.menu_left a {
  color: #333;
  text-decoration: none;
  font-weight: 600;
}
.menu_left a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}
.menu_left li {
  margin-top: 10px;
  display: inline-block;
  margin-right: 1vw;
  padding: 0 0 20px 0;
  font-size: 14px;
  position: relative;
}
.menu_left > ul > li > a {
  font-size: 1.2em;
}

.menu_right {
  float: right;
  margin-top: 5px;
}

.cop_li {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}
.cop_li i {
  margin-right: 4px;
}

.bk_search {
  margin-top: 10px;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  display: none;
}

.compare_icon {
  background-image: url("../images/compare.svg");
  width: 34px;
  height: 30px;
  background-repeat: no-repeat;
  position: relative;
}

.inquiry_icon {
  background-image: url("../images/Inquiry.svg");
  width: 34px;
  height: 30px;
  background-repeat: no-repeat;
  position: relative;
}

.red_number {
  font-size: 12px;
  background-color: #000000;
  border-radius: 50px;
  color: #ffffff;
  padding: 0px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -7px;
  right: -3px;
  text-align: center;
}

.regionicon {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  margin-top: -3px;
  display: inline-block;
  vertical-align: middle;
}
.regionicon img {
  width: 100%;
}

.regiontxt {
  font-size:0.8em;
  display: inline-block;
}

.footer_bg {
  background-color: #000000;
}

.footer_wrapper {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 5vh 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.footer_top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
}

.footer_left {
  display: flex;
  gap: 1.5rem;
  flex-direction: column;
  justify-content: space-between;
  flex: 0 0 auto;
}

.footer_right {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-end;
}

.footer_bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-top: -20px;
}

.web_share {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
  padding-bottom: 20px;
}

.footer_bottom_row {
  display: flex;
  justify-content: space-between;
  /* ✅ 一左一右排列 */
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 1rem;
}

.footer_desc {
  min-width: 195px;
}
.footer_desc dt {
  font-size: 1rem;
  color: #ffffff;
  margin-bottom: 10px;
  margin-left: 20px;
}
.footer_desc dd {
  font-size: .8rem;
  color: #a9a9a9;
  margin-bottom: 10px;
  margin-left: 20px;
}
.footer_desc dd a {
  color: #a9a9a9;
}
.footer_desc dd a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.footer_last_li {
  color: #a9a9a9;
  font-size: .8rem;
}
.footer_last_li li {
  display: inline-block;
}
.footer_last_li a {
  color: #a9a9a9;
}
.footer_last_li a:hover {
  color: #ffffff;
  text-decoration: none !important;
  cursor: pointer !important;
}

.copyright {
  color: #fff;
  font-size: .8rem;
}

.footer_item {
  font-size: 1rem;
  color: #ffffff;
  margin-bottom: 10px;
}

.footer_li {
  font-size: .8rem;
  color: #a9a9a9;
  margin-bottom: 10px;
}
.footer_li a {
  color: #a9a9a9;
}
.footer_li a:hover {
  color: #ffffff;
  text-decoration: none !important;
  cursor: pointer !important;
}

.che_ckbox {
  margin-bottom: 20px;
}

.share_icon {
  width: 1.5rem;
  display: inline-block;
  margin-right: 20px;
}
.share_icon img {
  width: 100%;
}

.email_input {
  width: 57%;
  display: inline-block;
  padding-bottom: 0;
  margin-left: 26px;
}
.email_input input {
  background-color: #343640;
  color: #ffffff;
}

.sub_mit_icon {
  color: #ffffff;
  display: inline-block;
}

.submit_send {
  display: inline-block;
  width: 31%;
  text-align: center;
}

.e_line {
  border-bottom: 1px solid #272727;
  margin-bottom: 10px;
  background-color: #343641;
  border-radius: 50px;
  padding: 8px;
}

.ck_box {
  width: 10px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.ck_box_font {
  color: #6B6B6B;
  display: inline-block;
  vertical-align: top;
}
.ck_box_font.ftchk {
  color: #8D8D8D;
}
.ck_box_font a {
  color: #ff429a;
}
.ck_box_font a:hover {
  color: #ff429a !important;
}

.show_share {
  margin-top: 20px;
  display: none;
}

.ff_b1 {
  position: relative;
}

.menu_icon {
  display: none;
  float: right;
  margin-top: 10px;
  width: 30px;
  height: 30px;
}
.menu_icon img {
  width: 100%;
}

.lastnews_bg {
  background-color: #F6EFE5;
}

.lastnews_wrapper {
  width: 80%;
  margin: 0 auto;
  padding: 10vh 0;
}

.index_title {
  font-size: 2.6rem;
  text-align: center;
  font-weight: 700;
  line-height: 3.6rem;
}
.index_title.topindex {
  margin-bottom: 30px;
}
.index_title.pv {
  font-size: 2.5rem;
}

.idx_title_line {
  width: 50px;
  height: 2px;
  margin: 0 auto;
  margin: 15px auto 15px auto;
  background-color: #76063C;
}

.lastnew_inside_wrap {
  max-width: 1400px;
  margin: 5vh auto;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  padding-bottom: 60px;
}

.pt_inside_wrap {
  max-width: 1100px;
  margin: 5vh auto;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  padding-bottom: 60px;
}

.date_font {
  font-size: 0.9rem;
  color: #4A463C;
  margin-bottom: 4px;
}

.news_list_desc {
  margin: 0 25px;
}
.news_list_desc h2 {
  font-size: 1.2rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}
.news_list_desc p {
  font-size: .9rem;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.read_more {
  display: inline-block;
  vertical-align: middle;
  height: 27px;
  color: #76063C;
  font-weight: 600;
}

.read_more_icon {
  width: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
}
.read_more_icon img {
  width: 100%;
}

.readmore_fora a {
  color: #76063C;
}
.readmore_fora a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}

.sale_fora a {
  color: #76063C;
}
.sale_fora a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}

.fearture_item_desc h2 {
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: bold;
}
.fearture_item_desc p {
 /*overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
-webkit-box-orient: vertical;*/
  font-size: 1.1rem;
  line-height: 24px;
  display: block;
  min-height: 90px;
}

.Solutions_item_desc h2 {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 700;
}
.Solutions_item_desc p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 20px;
  text-align: justify;
}

.feature_bg {
  background-color: #E7e0c9;
  padding: 5vh 5vh 2vh;
  position: relative;
  border-radius: 15px;
  background-image: linear-gradient(150deg, #ededf5, #ede7e4 60%, #eee8e4 65%, #f4f1ee);
}
.feature_bg.index {
  overflow: hidden;
}
.feature_bg.bg2 {
  background-color: #D7CBA6;
}
.feature_bg a {
  color: inherit;
}
.feature_bg a:hover {
  text-decoration: none !important;
}

.feature_new {
  color: #76063C;
  font-size: .9rem;
  font-weight: 900;
  display: none;
}
.feature_new.pInfo {
  font-size: .5rem;
  text-align: left;
}

.feature_pic {
  width: 85%;
  margin: 0 auto;
  height: 85%;
  margin-top: 30px;
}
.feature_pic img {
  width: 100%;
  mix-blend-mode: darken;
}
.feature_pic.zoom img {
  transform: scale(1, 1);
  transition: all 300ms ease-out;
}
.feature_pic.zoom img:hover {
  transform: scale(1.2, 1.2);
}

.feat_nextbtn {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 10;
}

.res_right_nextbtn {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.fea_ct {
  display: inline-block;
  width: 30px;
}

.breadcrumb_bg {
  padding: 1vh 0;
  width: 90%;
  max-width: 1500px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.6);
  padding-bottom: 10px;
}

.breadcrumb_none_bg {
  padding: 1vh 0;
  position: relative;
  width: 90%;
  z-index: 5;
  /* top: 73px; */
  width: 90%;
  max-width: 1500px;
  margin: 0 auto;
}

.breadcrumb {
	font-size:0.8em;
  margin-bottom: 0;
}

.nopad_wrapper {
  max-width: 950px;
  margin: 0 auto;
}

.page_wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 10vh 0;
}
.page_wrapper.newsview {
  padding-bottom: 5vh;
}
.page_wrapper.nopadtop {
  padding-top: 0;
}
.page_wrapper.nopadbot {
  padding-bottom: 0;
}
.page_wrapper.nopadall {
  padding: 0;
}
.page_wrapper.newstop {
  padding-top: 40px;
}
.page_wrapper.soltop {
  max-width: 100% !important;
}
.page_wrapper.soltop .page_title {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.page_wrapper.soltop .solcontent h2, .page_wrapper.soltop .solcontent h3, .page_wrapper.soltop .solcontent h4 {
  max-width: 1100px !important;
  margin-left: auto;
  margin-right: auto;
}
.page_wrapper.soltop .solcontent .h3_font {
  max-width: 1100px !important;
  margin-left: auto;
  margin-right: auto;
}
.page_wrapper.soltop .solcontent p {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.page_wrapper.soltop .solcontent p.text-center {
  text-align: center;
}
.page_wrapper.soltop .solcontent p.text-left {
  text-align: left;
}
.page_wrapper.soltop .solcontent p.text-right {
  text-align: right;
}
.page_wrapper.soltop .solcontent .crs_box {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.page_wrapper.soltop .solcontent .solut_pic {
  width: 100%;
}

.Pview_wrapper {
  width: 90%;
  margin: 30px auto 0;
  padding: 0 0;
  max-width: 760px;
}

.opti__wrapper {
  width: 68%;
  padding: 10vh 0;
  margin: 0 auto;
}

.bk_color {
  color: #000000;
}

.opt_2__wrapper {
  width: 68%;
  padding: 10vh 0;
  margin: 0 auto;
  max-width: 1100px;
}

.partner_wrapper {
  width: 80%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 10vh 0;
}

.feedback_wrapper {
  max-width: 950px;
  margin: 0 auto;
  padding: 10vh 0;
}

.job_wrapper {
  width: 50%;
  margin: 0 auto;
  padding: 10vh 0;
}

.product_wrapper {
  width: 90%;
  max-width: 950px;
  margin: 0 auto;
  padding: 10vh 0 0 0;
}
.product_wrapper.notop {
  padding-top: 0;
}

.rpRelateP {
  display: inline-block;
  width: 100%;
  margin: 0 10px;
  max-width: 300px;
  margin-bottom: 50px;
}

.feedbak_banner_Bg {
  background-color: #F6EFE5;
}

.page_title {
  font-size: 2.6rem;
  font-weight: 800;
  margin-bottom: 4vh;
  line-height: 1.1em;
}
.page_title.wwo {
  margin-top: -60px;
  position: absolute;
}

.index_Banner {
  margin-bottom: 10vh;
}

.bn1 {
  background-size: cover;
  background-image: url("../images/banner.jpg");
  background-position: center center;
  width: 100vw;
  height: 75vh;
}

.swiper-container {
  position: relative;
}

.Solu_pic {
  width: 100%;
  border-radius: 177% 0 0% 180%;
  overflow: hidden;
}
.Solu_pic img {
  width: 100%;
}

.feat_left {
  margin-left: 20vw;
  margin-top: 30px;
}
.feat_left a:hover {
  text-decoration: none;
}

.cust_pic {
  width: 100%;
  padding-bottom: 100%;
  margin-top: 40px;
  border-radius: 50%;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
}
.cust_pic img {
  width: 100%;
}

.adv_item {
  font-size: 1.2rem;
  line-height: 22px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-weight: 600;
  text-align: center;
  margin-top: 20px;
}

.pro_pic img {
  width: 100%;
}

.mask1 {
  -webkit-mask: url("../images/mask.png") no-repeat center center/contain;
  mask: url("../images/mask.png") no-repeat center center/contain;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.Solutions_row {
  margin: 0 auto;
  --bs-gutter-x: 0;
}

.clip-img {
  -webkit-clip-path: url(#clipImg);
  clip-path: url(#clipImg);
}

.banner_bg {
  width: 100%;
  margin-bottom: 5vh;
  height: 41.6vw;
}
.banner_bg .videocont {
  width: 100%;
  height: 39.7vw;
  overflow-y: hidden;
  position: relative;
}
.banner_bg .videocont video {
  width: 100%;
  height: auto;
}
.banner_bg .videocont .darkmask {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  /* 子元素設置為絕對定位 */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* 使用 top, left, right 和 bottom 將子元素撐滿父元素 */
  display: flex;
  /* 使用 flexbox */
  justify-content: center;
  /* 水平置中 */
  align-items: center;
  /* 垂直置中 */
}
.banner_bg .videocont .bannerwords {
  position: absolute;
  /* 內部內容設置為絕對定位 */
  top: 50%;
  /* 移動到父元素高度的50% */
  left: 50%;
  /* 移動到父元素寬度的50% */
  transform: translate(-50%, -50%);
  font-size: 3rem;
  line-height: 3.5rem;
  color: #ffffff;
  text-shadow: 0 0 10px black;
  font-weight: bolder;
  text-align: center;
}

.bn_left {
  position: absolute;
  top: 45%;
  left: 0;
}

.bn_right {
  position: absolute;
  top: 45%;
  right: 0;
}

.eb_pic {
  float: right;
  width: 90%;
  height: 90%;
}
.eb_pic img {
  width: 100%;
  object-fit: cover;
  border-radius: 500px 0 0% 500px;
  height: 100%;
}

.list_btn {
  display: inline-block;
  background-color: #E7e0c9;
  color: #1F1F1F;
  border: none;
  border-radius: 50px;
  padding: 8px 20px;
  font-weight: 600;
  margin: 0 2px 10px;
  transition: background-color 300ms linear, color 300ms linear;
  cursor: pointer;
  font-size: 1rem;
}
.list_btn.cptable {
  background-color: #E7e0c9;
}
.list_btn:hover {
  background-color: #76063C;
  color: #ffffff !important;
}
.list_btn.red {
  background-color: #76063C;
  color: #ffffff;
}
.list_btn.red_outline {
  border: 1px solid #76063C;
  color: #76063C;
  background-color: #ffffff;
}
.list_btn.red_outline:hover {
  background-color: #76063C !important;
  color: #ffffff !important;
}

.productlist_btn {
  display: inline-block;
  background-color: #EAEAEA;
  color: #1F1F1F;
  border: none;
  border-radius: 50px;
  padding: 8px 20px;
  font-weight: 600;
  margin: 0 2px 10px;
  transition: background-color 300ms linear, color 300ms linear;
  cursor: pointer;
  font-size: 1rem;
}
.productlist_btn.cptable {
  background-color: #E7e0c9;
}
.productlist_btn:hover {
  background-color: #76063C;
  color: #ffffff !important;
}
.productlist_btn.red {
  background-color: #76063C;
  color: #ffffff;
}
.productlist_btn.red_outline {
  border: 1px solid #76063C;
  color: #76063C;
  background-color: #ffffff;
}
.productlist_btn.red_outline:hover {
  background-color: #76063C !important;
  color: #ffffff !important;
}

.com_ku_icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.com_ku_icon img {
  width: 100%;
}

.com_ku_bn {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.1em;
}

.fearture_wrapper {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 10vh;
  padding-left: 30px;
}
.fearture_wrapper.faq p {
  font-size: 1rem;
  line-height: 1.6;
}
.fearture_wrapper.faq p span {
  display: inline-block;
  padding-right: 5px;
}

.vard_title {
  font-size: 2rem;
  padding: 20px;
  font-weight: bold;
  text-align: center;
}

.kiwi_font {
  font-size: 1rem;
}

.opt_title {
  font-size: 2.3rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}
.opt_title p {
  font-size: 1rem;
  margin-bottom: 20px;
  text-align: justify;
  line-height: 28px;
}

.com_btn {
  display: inline-block;
  background-color: #EAEAEA;
  color: #1F1F1F;
  border-radius: 50px;
  padding: 8px 16px;
  margin-top: 20px;
  font-size: 1.2em;
  font-weight: bold;
}
.com_btn.red {
  background-color: #76063C;
  color: #ffffff;
}
.com_btn.gold {
  background-color: #C5B687;
  color: #ffffff;
}

.pdgrid_btn {
  display: inline-block;
  background-color: #E7e0c9;
  color: #1F1F1F;
  border-radius: 50px;
  padding: 8px 16px;
  margin-bottom: 40px;
}
.pdgrid_btn.red {
  background-color: #76063C;
  color: #ffffff;
}
.pdgrid_btn.red .pdgrid_ku_icon.grid {
  background-image: url("../images/grid_on.svg");
}
.pdgrid_btn.red .pdgrid_ku_icon.list {
  background-image: url("../images/list_on.svg");
}
.pdgrid_btn.gold {
  background-color: #C5B687;
  color: #ffffff;
}

.pdgrid_ku_bn {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
}

.pdgrid_ku_icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-size: 20px;
}
.pdgrid_ku_icon.grid {
  background-image: url("../images/grid.svg");
}
.pdgrid_ku_icon.list {
  background-image: url("../images/list.svg");
}

.breadcrumb-item {
  color: #5B6770;
  font-weight: normal;
}
.breadcrumb-item a {
  color: #5B6770;
  text-decoration: underline;
}
.breadcrumb-item a:hover {
  color: #000000;
  cursor: pointer !important;
}
.breadcrumb-item.brc_white {
  color: #c2c2c2 !important;
}
.breadcrumb-item.brc_white:before {
  color: #c2c2c2;
}
.breadcrumb-item.brc_white a {
  color: #c2c2c2 !important;
}
.breadcrumb-item.active {
  font-weight: bold;
}

.articles_con {
  margin-bottom: 10vh;
  padding-top: 30px;
}

.articles_box {
  background-color: #f4f4f4;
  border-radius: 20px;
  height: 85%;
}
.articles_box.cs {
  height: auto;
}
.articles_box.publication {
  height: 90%;
}

.art_pic {
  position: relative;
  width: 100%;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 0 30px -14px #000000 inset;
  -webkit-box-shadow: 0 0 30px -14px #000000 inset;
  -moz-box-shadow: 0 0 30px -14px #000000 inset;
  -o-box-shadow: 0 0 30px -14px #000000 inset;
  overflow: hidden;
  /* >>> 漸層遮罩 <<< */
}
.art_pic.cs {
  padding-bottom: 60%;
  background-size: cover;
  background-position: center center;
}
.art_pic.publication {
  background-size: cover;
  background-position: center center;
}
.art_pic.publication img {
  height: auto !important;
}
.art_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  /* 放大動畫 */
}
.art_pic::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.1));
  transition: opacity 0.6s ease;
  /* 遮罩淡出動畫 */
}

.art_padding {
  padding: 2em;
  padding-bottom: 5em;
  position: relative;
  height: 50%;
  min-height: 210px;
  margin-bottom: 40px;
}
.art_padding a:hover {
  text-decoration: none;
}
.art_padding h2 {
  font-size: 1.4em;
  line-height: 1.2;
  margin-bottom: 20px;
  font-weight: 600;
  color: #000;
}
.art_padding h2 a {
  color: #000000;
  text-decoration: none;
}
.art_padding h2 a:hover {
  cursor: pointer !important;
  color: #76063C;
}
.art_padding h2.Pubtit {
  min-height: calc(1.5em * 2);
}
.art_padding .godownload {
  display: block;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* ===========================
   滑鼠靠近文字也觸發圖片 hover
=========================== */
.articles_box:hover .art_pic img,
.articles_box .art_padding:hover ~ .art_pic img {
  transform: scale(1.08);
  filter: brightness(1.2);
}

.articles_box:hover .art_pic::after,
.articles_box .art_padding:hover ~ .art_pic::after {
  opacity: 0;
}

.art_item_name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .9rem;
  margin-bottom: 6px;
  color: #76063C;
}

.white_btn {
  display: inline-block;
  background-color: #ffffff;
  color: #76063C;
  border-radius: 50px;
  padding: 8px 16px;
  box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.1);
  font-weight: 600;
  margin-top: 15px;
  transition: background 0.5s, color 0.5s;
  font-size: 1rem;
}
.white_btn a {
  color: #76063C;
}
.white_btn a:hover {
  text-decoration: none !important;
  cursor: pointer !important;
  color: #ffffff !important;
}
.white_btn:hover {
  background: #76063C;
  color: #ffffff;
}
.white_btn:hover a {
  color: #ffffff;
}
.white_btn:hover a:hover {
  color: #ffffff;
}

.red_btn {
  display: inline-block;
  background-color: #76063C;
  color: #ffffff;
  border-radius: 50px;
  padding: 8px 16px;
  font-weight: 600;
  font-size: 1rem;
  border: 1px solid #76063C;
  transition: background 0.5s, color 0.5s;
  cursor: pointer;
}
.red_btn a {
  color: #fff;
}
.red_btn a:hover {
  text-decoration: none !important;
  cursor: pointer !important;
  color: #76063C !important;
}
.red_btn:hover {
  background-color: #fff;
  color: #76063C;
}
.red_btn:hover a {
  color: #76063C;
}
.red_btn:hover a:hover {
  color: #76063C;
}
.red_btn.hoverWhite:hover {
  background-color: white;
  color: #76063C;
}
.red_btn.bordertype {
  background-color: inherit;
  color: #76063C;
}
.red_btn.bordertype:hover {
  background-color: #76063C;
  color: #ffffff;
}
.red_btn.casest {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}
.red_btn.np {
  font-size: 16px;
}

.Expansion_btn {
  width: 130px;
  margin: 0 auto;
  text-align: center;
  background-color: #76063C;
  color: #ffffff;
  border-radius: 50px;
  padding: 8px 16px;
  font-weight: 600;
  font-size: 1rem;
}

.online_bg {
  border: 1px solid #EdE1D1;
  border-radius: 15px;
  padding: 10%;
}

.book_pic {
  width: 100%;
  margin: 0 auto;
}
.book_pic img {
  width: 100%;
}

.bookname {
  margin-top: 20px;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.2;
  margin-bottom: 20px;
  font-weight: 600;
}

.center {
  text-align: center;
}

.litbox_wt_p_box {
  margin: 4em 0;
}

.gray_Papers_bg {
  background-color: #f4f4f4;
  border-radius: 30px;
  padding: 2em;
  height: 100%;
}

.White_Papers_bg {
  background-color: #f4f4f4;
  border-radius: 30px;
  padding: 4em;
  margin-bottom: 4em;
}

.mg_20 {
  margin-bottom: 20px;
}

.c11_Papers_bg {
  border-radius: 30px;
  padding: 2em;
  margin-bottom: 2em;
}
.c11_Papers_bg.c12_bg {
  background-color: #E7e0c9;
}
.c11_Papers_bg.c13_bg {
  background-color: #D7CBA6;
}
.c11_Papers_bg.c13_bg {
  background-color: #D7CBA6;
}
.c11_Papers_bg.c10_bg {
  background-color: #F3F6FF;
}

.wht_paper_box {
  padding: 25px 0;
}
.wht_paper_box h3 {
  font-size: 1.7em;
  line-height: 1.2;
  margin: 0 25px 10px 20px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.wht_paper_box p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: .9rem;
  line-height: 22px;
  margin: 0 25px 0 20px;
}
.wht_paper_box.border {
  border: 1px solid #ccc;
  border-radius: 10px;
}

.download_icon {
  width: 5em;
  margin: 0 auto;
}
.download_icon img {
  width: 100%;
}

.xm_download_icon {
  width: 4em;
  margin: 0 auto;
}
.xm_download_icon img {
  width: 100%;
}

.iso_icondownload {
  width: 2em;
  margin: 0 auto;
}
.iso_icondownload img {
  width: 100%;
}

.newproduct_box h2 {
  font-size: 1.1rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: bold;
  margin-top: 20px;
}
.newproduct_box p {
  font-size: .9rem;
  margin-bottom: 20px;
}
.newproduct_box a {
  color: inherit;
}
.newproduct_box a:hover {
  text-decoration: none !important;
}

.prod_colors_bg {
  background-color: #EAEAEA;
  border-radius: 30px;
  padding: 20%;
}

.prod_colors_icon {
  width: 100%;
}
.prod_colors_icon img {
  width: 100%;
}

.whatsnews_bg {
  background-color: #f4f4f4;
  border-radius: 30px;
  padding: 15%;
  position: relative;
}

.last_icon {
  display: inline-block;
  width: 28px;
  margin-top: 30px;
}
.last_icon img {
  width: 100%;
}

.product_bg {
  background-color: #ffffff;
  border-radius: 30px;
  padding: 10%;
}
.product_bg a:hover {
  text-decoration: none !important;
}

.productwhite_bg {
  background-color: #ffffff;
  border-radius: 30px;
  padding: 10%;
}

.whatsnews_pic {
  aspect-ratio: 1 / 1;
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  overflow: hidden;
  padding: 5%;
}
.whatsnews_pic.bggray1 {
  background-color: #f4f4f4;
}
.whatsnews_pic.bggray4 {
  background-color: #f4f4f4;
}
.whatsnews_pic img {
  mix-blend-mode: darken;
  width: 100%;
  transform: scale(1, 1);
  transition: all 300ms ease-out;
}
.whatsnews_pic img:hover {
  transform: scale(1.2, 1.2);
  background-color: #EAEAEA;
}

.hover-zoom img {
  mix-blend-mode: darken;
  transition: transform 0.3s ease;
}
.hover-zoom:hover img {
  transform: scale(1.2);
}

.img-zoom {
  transition: transform 0.3s ease;
}
.img-zoom:hover {
  transform: scale(1.2);
}

.ipc_title {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 600;
  margin-top: 20px;
}

.pr_wrap {
  width: 90%;
  max-width: 1500px;
  margin: 0 auto;
  padding-top: calc( 2vh + 45px );
  padding-bottom: 2vh;
}
.pr_wrap h1 {
  font-size: 2.6rem;
  line-height: 1.2;
  margin-bottom: 30px;
  font-weight: 800;
  margin-top: 20px;
}
.pr_wrap p {
  font-size: 1rem;
  font-weight: normal;
  max-width: 800px;
}

.also_like_box {
  margin: 5vh 0;
  text-align: center;
}
.also_like_box a {
  color: inherit;
}

.Industrial_item_desc h2 {
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 600;
}
.Industrial_item_desc p {
  font-size: .9rem;
  margin-bottom: 20px;
}

.Industrial_pic {
  width: 100%;
  padding-bottom: 64%;
  background-size: cover;
  background-position: center center;
  box-shadow: 0 0 30px #000000 inset;
  -webkit-box-shadow: 0 0 30px #000000 inset;
  -moz-box-shadow: 0 0 30px #000000 inset;
  -o-box-shadow: 0 0 30px #000000 inset;
}

.Industrial_box h2 {
  font-size: 1.2rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 400;
  margin-top: 20px;
}

.dot_li {
  margin-top: 5vh;
}
.dot_li ul li {
  font-size: 1rem;
  margin-bottom: 10px;
  list-style-image: url("../images/dot.svg");
  line-height: 1.6rem;
}
.dot_li ul.about {
  margin-left: 30px;
}

.Introduction_bg {
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
  padding: 10px;
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.Introduction_bg a {
  color: inherit !important;
}
.Introduction_bg a:hover {
  text-decoration: none !important;
}

.fullwidth {
  width: 100%;
}

.mg_bottom_6v {
  margin-bottom: 6vh;
}

.mg_bottom {
  margin-bottom: 4vh;
}
.mg_bottom._6v {
  margin-bottom: 6vh;
}
.mg_bottom._8v {
  margin-bottom: 8vh;
}
.mg_bottom .pp {
  margin-bottom: 60px;
  height: 100%;
}

.color_bg {
  padding: 10vh 3vw;
  border-radius: 20px;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.white_font {
  color: #ffffff;
}

.black_font {
  color: #000000;
}

.Introduction_item_desc {
  padding: 100px 30px 0;
}
.Introduction_item_desc h2 {
  font-size: 2.3rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}
.Introduction_item_desc h3 {
  font-size: 1.6rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 600;
}
.Introduction_item_desc p {
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 30px;
  font-weight: 400;
}

.Introduction_item_features {
  padding: 120px 30px 0;
}
.Introduction_item_features h2 {
  font-size: 2.3rem;
  line-height: 1.2;
  margin-bottom: 20px;
  font-weight: 500;
}

.case_box a:hover {
  text-decoration: none !important;
  cursor: pointer !important;
}
.case_box.mt10vh {
  margin-top: 10vh;
}

.aid_pic {
  flex: 0 0 auto;
  text-align: center;
  width: 150px;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
}
.aid_pic img {
  width: 70%;
  margin: 0 auto 10px;
  border-radius: 20px;
}
.aid_pic h2.aid_font {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 600;
}

.ft_line {
  color: #2b2b2b;
  padding: 0 10px;
}

.search_gray {
  background-color: #ECECEC;
  border-radius: 50px;
  width: 180px;
  overflow: hidden;
  float: left;
  border-radius: 50px 0 0 50px;
  height: 34px;
}

.search_bar {
  float: left;
  padding-left: 13px;
}
.search_bar input {
  background-color: #ECECEC;
  margin-top: 5px !important;
}

.mic_icon {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 20px;
  cursor: pointer;
}

.gosearch_icon {
  height: 34px;
  float: left;
  background-color: #76063C;
  border-radius: 0 50px 50px 0;
  padding: 8px 15px 11px 11px;
}

.bg-light {
  background-color: #ffffff !important;
  border-bottom: 1px solid #DBDBDB;
}

.tag_white_border {
  margin-top: 30px;
}
.tag_white_border.pr {
  margin-top: 0;
}
.tag_white_border.pr a {
  color: #8D8D8D;
}
.tag_white_border.pr a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}
.tag_white_border.pr a:hover li {
  border: 1px solid #76063C;
}
.tag_white_border a {
  color: #8D8D8D;
}
.tag_white_border a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}
.tag_white_border a:hover li {
  border: 1px solid #76063C;
}
.tag_white_border li {
  font-weight: 600;
  padding: 4px 16px;
  border: 1px solid #E4E4E4;
  border-radius: 50px;
  display: inline-block;
  font-size: .9rem;
  margin-right: 8px;
  margin-bottom: 10px;
}

.navbar-expand-lg .navbar-collapse {
  font-size: 1rem;
}

.Page_navigation {
  text-align: center;
}
.Page_navigation li {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 50px;
  border: 1px solid #D9D9D9;
}
.Page_navigation li.current {
  border: 1px solid #76063C;
}
.Page_navigation.pInfo {
  margin-top: 25px;
}
.Page_navigation a {
  margin: 0 4px;
}
.Page_navigation a.prev, .Page_navigation a.next {
  margin: 0 8px;
}

.nav_ros {
  border: 2px solid #D9D9D9;
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50px;
  margin: 0 4px;
  color: #76063C;
  font-size: 1rem;
  font-weight: normal;
}
.nav_ros:hover {
  border: 1px solid #76063C;
  font-weight: 900;
}
.nav_ros.on {
  border: 1px solid #76063C;
  color: #76063C;
  font-weight: 900;
}
.nav_ros.on a {
  color: #76063C;
}
.nav_ros a {
  color: #8D8D8D;
  display: block;
  margin-top: 8px;
  text-align: center;
  font-size: .9rem;
}

.nav_prev {
  display: inline-block;
  padding: 0 8px;
  font-size: .9rem;
}
.nav_prev a {
  color: #8D8D8D;
}
.nav_prev a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}
.nav_prev a:hover li {
  border: 1px solid #76063C;
}

.series_video {
  position: relative;
  background-position: center center;
  width: 100%;
  padding-bottom: 56.25%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.video_title {
  font-size: 2.5em;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}

.videonew {
  font-size: 1.4rem;
  margin-bottom: 20px;
  border-radius: 30px;
  display: inline-block;
  color: #76063C;
  padding: 5px 0;
}

.series_play_ic {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12%;
  margin-top: -12%;
  width: 24%;
}
.series_play_ic.lic {
  width: 12%;
  margin-left: -6%;
  margin-top: -6%;
}
.series_play_ic img {
  width: 100%;
}

.video_grid {
  margin-top: 40px;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 2em;
  /* 設定左右間距 */
  grid-row-gap: 2em;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.video_bottom_Bg {
  background-color: #F6EFE5;
  width: 100%;
}

.other_video_grid {
  position: relative;
  margin-top: 40px;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 2em;
  /* 設定左右間距 */
  grid-row-gap: 2em;
  /* 設定上下間距 */
}

.video_p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  font-size: .9rem;
  margin-bottom: 20px;
  margin-top: 10px;
  font-weight: 500;
}

.select_h2 {
  font-size: 1.2rem;
  margin-bottom: 10px;
  font-weight: bolder;
}

.btn-secondary {
  color: #646464;
  background-color: #FFFFFF;
  border-color: #E4E4E4;
  font-family: "Montserrat", sans-serif;
}

.Product_Series_box {
  margin-bottom: 40px;
}

.flo_left {
  float: left;
}

.h2_font {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 20px;
  font-weight: 600;
}
.h2_font.center {
  text-align: center;
}

.h3_font {
  font-size: 1.8rem;
  line-height: 1.3;
  margin-bottom: 20px;
  font-weight: 600;
}
.h3_font.ffbox {
  margin-right: 60px;
}
.h3_font.subsize {
  font-size: 1.4rem;
}

.h4_font {
  font-size: 1rem;
  font-weight: 500;
}

.Drivers_h2 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 20px;
}

.drivers_table {
  width: 100%;
}
.drivers_table th {
  background-color: #E7e0c9;
  font-size: 1rem;
  padding: 16px;
  font-weight: 600;
  text-align: center;
}
.drivers_table td {
  background-color: #f4f4f4;
  padding: 16px;
  font-weight: 600;
  border-bottom: 1px solid #ffffff;
  text-align: center;
}
.drivers_table .active {
  background-color: #76063C;
  color: #ffffff;
}

.tb_mgbottom_10 {
  margin-bottom: 10vh;
}

.tb_mgbottom_5 {
  margin-bottom: 5vh;
}

.sm_p {
  font-size: 1.2em;
}

/* 讓外層有個明確總寬度，三欄才能正確等分。
   假設容器最大寬度 1200px，您可依實際需求調整。 */
.partner_block {
  display: flex;
  flex-wrap: nowrap;
  /* 不允許自動換行 */
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

/* 每個欄位強制 1/3 寬度，確保三等分 */
.Partnership_box {
  width: 33.3333%;
  box-sizing: border-box;
  position: relative;
  /* 用於放置分隔線 */
  /* 內部改成水平排 (圖左、文右) */
  display: flex;
  align-items: center;
  /* 圖片與文字的垂直對齊方式 */
  padding: 20px;
  /* 四邊空白 */
}

/* 相鄰欄之間的垂直分隔線 (除了最後一欄) */
.Partnership_box:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background-color: #ccc;
}

/* 圖片區固定寬度，例如 120px */
.par_logo {
  width: 120px;
  flex-shrink: 0;
  /* 避免圖片區被壓縮 */
  box-sizing: border-box;
  margin-right: 20px;
  /* 與文字區留間距 */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 讓圖片不超過 par_logo 區 */
.par_logo img {
  max-width: 100%;
  height: auto;
}

.Partnership_padding {
  flex-shrink: 0;
  /* 避免在空間不足時被壓縮 */
  width: calc(100% - 140px);
  /* 120px 圖片寬 + 20px margin-right = 140 */
  box-sizing: border-box;
  /* 文字可自動換行，避免撐太寬 */
  white-space: normal;
  word-wrap: break-word;
  /* 或 overflow-wrap: break-word; */
}
.Partnership_padding h2 {
  margin: 0 0 10px;
  font-size: 2em !important;
  font-weight: bold !important;
  line-height: 1.2em !important;
}
.Partnership_padding p {
  display: -webkit-box;
  /* 以伸縮盒呈現 */
  -webkit-box-orient: vertical;
  /* 垂直方向 */
  -webkit-line-clamp: 8;
  /* 顯示 3 行後就截斷 */
  overflow: hidden;
  /* 超過高度則隱藏 */
  text-overflow: ellipsis;
  /* 文字溢出使用省略號表示 */
  white-space: normal;
  word-wrap: break-word;
  /* 或 overflow-wrap: break-word; */
  box-sizing: border-box;
  line-height: 1.4em;
}

.Privacy h2 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 8px;
  font-weight: 500;
  margin-bottom: 11px;
  margin-top: 60px;
}
.Privacy h3 {
  font-size: 1.1rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 600;
  margin-bottom: 10px;
}
.Privacy p {
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 1.5;
}

.css3_content {
  margin-bottom: 20px;
  font-size: 1rem;
}
.css3_content li {
  list-style-type: none;
  line-height: 1.2;
  margin-bottom: 3px;
  margin-left: 14px;
}
.css3_content li:before {
  content: "‧";
  color: #C5B687;
  font-size: 1.4rem;
  padding-right: 8px;
  margin-left: -15px;
}

.sitemap_font h2 {
  font-size: 1.4rem;
  line-height: 1.2;
  margin-bottom: 8px;
  font-weight: 500;
  margin-bottom: 14px;
}
.sitemap_font li {
  list-style-type: none;
  font-size: 1rem;
  margin-bottom: 8px;
}

.feedbak_inputbg {
  background-color: #f4f4f4;
  border-radius: 4px;
  width: calc( 100% - 10px );
  padding: 10px 20px;
  margin-bottom: 20px;
  margin-top: 5px;
}
.feedbak_inputbg.alert {
  border: 1px solid red;
}
.feedbak_inputbg.ptselect {
  min-height: 100px;
  margin-bottom: 30px;
}
.feedbak_inputbg.nobg {
  background-color: inherit;
}
.feedbak_inputbg.ws {
  width: 60%;
}
.feedbak_inputbg input {
  width: 100%;
  background-color: #f4f4f4;
  border-radius: 4px;
}
.feedbak_inputbg textarea {
  width: 100%;
  background-color: #f4f4f4;
  border-radius: 4px;
}

.feed_grid {
  width: 60%;
  margin: 0 auto;
  padding: 5vh 0;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}
.feed_grid p {
  font-size: 1.4em;
  font-weight: 500;
  margin-bottom: 2vh;
  line-height: 1.3em;
  color: #333;
}

.ax_pic {
  width: 100%;
}
.ax_pic img {
  width: 100%;
  border-radius: 20px;
}

.ax_leader {
  width: 100%;
}
.ax_leader img {
  width: 70%;
  margin: auto;
}

.send_btnall {
  margin-top: 20px;
  cursor: pointer;
}

.send_btn {
  display: inline-block;
  background-color: #76063C;
  color: #ffffff;
  font-weight: 600;
  border-radius: 50px;
  padding: 8px 20px;
  margin-left: 10px;
}
.send_btn.gray {
  background-color: #C5B687 !important;
}
.send_btn.inquiry {
  padding: 8px 20px !important;
}

.google_robot {
  width: 340px;
}
.google_robot.mgauto {
  margin: 0 auto;
}

.mas_box {
  margin-top: 20px;
  width: 100%;
  margin: 0 auto;
}

.red_font {
  color: #E95151;
}

.tx_right {
  text-align: right;
  float: right;
}

.search_p {
  margin-top: 30px;
  font-size: 1rem;
  margin-bottom: 20px;
}

.search_graybg {
  background-color: #f4f4f4;
  border-radius: 30px;
  padding: 4em;
  margin-bottom: 4em;
}

.search_box h2 {
  font-size: 1.7em;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.search_box h3 {
  font-size: 1.2em;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.search_box p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .9rem;
}

.search_grid {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: start;
  margin-top: 30px;
}

.search_grid_nopic {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

.search_result_bar {
  border: 1px solid #dcdcdc;
  border-radius: 7px;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.search_result_bar {
  zoom: 1;
}
.search_result_bar:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.sc_inpt {
  float: left;
}

.sc_icon {
  float: right;
}

.sc_ft {
  float: right;
  font-weight: 600;
  margin-left: 5px;
}

.dot_btli {
  font-size: 1rem;
  margin-bottom: 40px;
  margin-left: 38px;
}
.dot_btli.axc {
  margin-left: 10px;
  margin-bottom: 10px;
}
.dot_btli.axc li {
  margin-left: 15px;
}
.dot_btli.axc li:before {
  content: "‧";
  color: #333 !important;
}
.dot_btli.ptindex {
  margin-left: 15px;
}
.dot_btli li {
  text-indent: -18px;
  list-style-type: none;
  line-height: 28px;
  margin-bottom: 3px;
  margin-left: 25px;
}
.dot_btli li:before {
  content: "‧";
  color: #333;
  font-size: 1.5rem;
  padding-right: 8px;
  vertical-align: sub;
  margin-left: -15px;
}
.dot_btli li a.bk {
  color: #333 !important;
}
.dot_btli li a.bk:hover {
  color: #76063C !important;
}

.menu_dot_btli {
  font-size: 1rem;
  margin-bottom: 40px;
}
.menu_dot_btli li {
  list-style-type: none;
  line-height: 0.1;
  margin-bottom: 3px;
  margin-left: 19px;
}
.menu_dot_btli li:before {
  content: "‧";
  color: #000000;
  font-size: 1.4rem;
  padding-right: 8px;
  margin-left: -15px;
}
.menu_dot_btli li a {
  color: #000000;
}
.menu_dot_btli li a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}

.inside_dot {
  font-size: 1rem;
  margin-left: 20px;
}
.inside_dot.noml {
  margin-left: 0;
}
.inside_dot li {
  list-style-type: none;
  line-height: 28px;
  margin-left: 19px;
}
.inside_dot li:before {
  content: "‧";
  color: #000000;
  font-size: 1.4rem;
  padding-right: 8px;
  margin-left: -15px;
}
.inside_dot li a {
  color: #000000;
}
.inside_dot li a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}

.Sche_icon {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 20px;
}
.Sche_icon img {
  width: 100%;
}
.Sche_icon img.withbrown {
  filter: brightness(0) saturate(0%) invert(60%) sepia(50%) saturate(200%) hue-rotate(365deg) brightness(90%) contrast(120%);
}

.chassis_pic {
  width: 70%;
  margin: 0 auto 30px;
  mix-blend-mode: darken;
}
.chassis_pic img {
  width: 100%;
}

.bk_dot_btli {
  font-size: 1rem;
  margin-bottom: 40px;
}
.bk_dot_btli li {
  list-style-type: none;
  line-height: 28px;
  margin-bottom: 3px;
  margin-left: 30px;
  font-size: 1rem;
  text-indent: -15px;
}
.bk_dot_btli li:before {
  content: "‧";
  color: #76063C;
  font-size: 1.4rem;
  padding-right: 8px;
  margin-left: -15px;
}
.bk_dot_btli li a {
  color: #000000;
  line-height: 28px;
}
.bk_dot_btli li a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}

.c11_dot_btli {
  font-size: 1rem;
  margin-bottom: 40px;
}
.c11_dot_btli li {
  list-style-type: none;
  line-height: 1.2;
  margin-bottom: 3px;
  margin-left: 19px;
}
.c11_dot_btli li:before {
  content: "‧";
  color: #EBD1BA;
  font-size: 1.4rem;
  padding-right: 8px;
  margin-left: -15px;
}

.Stock_Information_box {
  width: 100%;
  margin-bottom: 40px;
}
.Stock_Information_box h2 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 8px;
  font-weight: bolder;
  margin-bottom: 20px;
}
.Stock_Information_box h3 {
  font-size: 1.1rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 600;
  margin-bottom: 10px;
}
.Stock_Information_box p {
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 1.4;
  text-align: justify;
  text-justify: inter-ideograph;
}
.Stock_Information_box p > span {
  font-weight: 500;
}

.line_table_sample {
  margin-bottom: 10vh;
}
.line_table_sample th {
  font-size: 1.1rem;
  padding: 16px;
  font-weight: 500;
  border-bottom: 1px solid #B1B1B1;
  vertical-align: middle;
}
.line_table_sample td {
  font-size: 1rem;
  padding: 16px;
  border-bottom: 1px solid #B1B1B1;
  vertical-align: middle;
}
.line_table_sample .content_table th, .line_table_sample .content_table td {
  text-align: left;
  font-size: 0.9rem;
}
.line_table_sample .content_table th {
  font-weight: bolder;
}
.line_table_sample .content_table th.bg1 {
  background-color: #EAEAEA;
}
.line_table_sample .content_table td {
  padding: 10px;
}

.pd1x_table_sample {
  border-collapse: collapse;
  border: 1px solid #EAEAEA;
}
.pd1x_table_sample.noborder {
  border: 0;
}
.pd1x_table_sample th {
  border: 1px solid #EAEAEA;
  font-size: 1rem;
  padding: 16px;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
}
.pd1x_table_sample td {
  border: 1px solid #EAEAEA;
  font-size: .9rem;
  padding: 16px;
  font-weight: 500;
  text-align: center;
}
.pd1x_table_sample td.bgc1 {
  background-color: #EAEAEA;
}
.pd1x_table_sample td.bgc2 {
  background-color: #f4f4f4 !important;
}
.pd1x_table_sample td.bgc3 {
  background-color: #FAFAFA;
}
.pd1x_table_sample .bggray3 td {
  background-color: #FAFAFA;
}

.table_sample th {
  font-size: 1rem;
  padding: 16px;
  font-weight: bold;
  text-align: center;
  border: 2px solid #ffffff;
  vertical-align: middle;
}
.table_sample th.bgc1 {
  background-color: #E9DBC7;
}
.table_sample th.bgc2 {
  background-color: #F6EFE5;
}
.table_sample th.bgc3 {
  background-color: #E7e0c9;
}
.table_sample td {
  font-size: .9rem;
  vertical-align: middle;
  padding: 16px;
  font-weight: normal;
  border: 2px solid #ffffff;
  text-align: center;
}
.table_sample td.bgc1 {
  background-color: #EAEAEA;
}
.table_sample td.bgc2 {
  background-color: #f4f4f4;
}
.table_sample td.bgc3 {
  background-color: #FAFAFA;
}
.table_sample td a {
  color: #000;
}
.table_sample td a:hover {
  color: #76063C;
}
.table_sample table {
  border-collapse: collapse;
}
.table_sample table.table_about.tb1 {
  margin-bottom: 40px;
  margin-top: 15px;
  width: 100%;
}
.table_sample table.table_about.tb1 tr.jumpcolor:nth-child(even) th {
  background-color: #F6EFE5;
}
.table_sample table.table_about.tb1 tr.jumpcolor:nth-child(even) td {
  background-color: #f4f4f4;
}
.table_sample table.table_about.tb1 th {
  font-weight: 500;
  text-align: center;
}
.table_sample table.table_about.tb1 th.bgc1 {
  background-color: #E9DBC7;
}
.table_sample table.table_about.tb1 th.bgc2 {
  background-color: #F6EFE5;
}
.table_sample table.table_about.tb1 th.bgc3 {
  background-color: #fbf4e9;
}
.table_sample table.table_about.tb1 td.bgc1 {
  background-color: #EAEAEA;
}
.table_sample table.table_about.tb1 td.bgc2 {
  background-color: #f4f4f4;
}
.table_sample table.table_about.tb1 td.bgc3 {
  background-color: #FAFAFA;
}
.table_sample table.table_about.gofix {
  table-layout: fixed;
}
.table_sample table .w20 {
  width: 20% !important;
}
.table_sample table .aleft {
  text-align: left !important;
}
.table_sample table .aleft a {
  display: inline-block;
  width: 130px;
}
.table_sample table.autoColor tr th {
  background-color: #E7e0c9;
}
.table_sample table.autoColor tr td {
  background-color: #f4f4f4;
}
.table_sample table.autoColor tr:nth-child(even) th {
  background-color: #fbf4e9;
}
.table_sample table.autoColor tr:nth-child(even) td {
  background-color: #FAFAFA;
}

.Spokesperson_table_sample th {
  font-size: 1.1rem;
  padding: 16px;
  font-weight: 500;
  border-bottom: 1px solid #E6D7C1;
  vertical-align: middle;
}
.Spokesperson_table_sample td {
  padding: 16px;
  font-weight: 500;
  border-bottom: 1px solid #E6D7C1;
  font-size: 1.1rem;
}

.StockTransfer_bg {
  background-color: #F6EFE5;
  border-radius: 30px;
  padding: 3.1em;
  margin-bottom: 4em;
  display: inline-block;
}

.solutions_flexblox {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  /* 可以依需求調整間距 */
  justify-content: flex-start;
}

.solutions_fone {
  flex: 0 0 calc( 33.333% - 60px );
  /* 三個一排，扣除間距 */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.so_order {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.solutions_pic {
  width: 100%;
  height: 100%;
  padding-top: 100%;
  /* 讓高度等於寬度，變成正方形 */
  background-size: cover;
  background-position: center;
  border-radius: 15px;
}
.solutions_pic::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  /* 黑色半透明遮罩 */
  border-radius: 15px;
  /* 與容器同圓角 */
  transition: background 0.5s ease;
  /* hover 過渡效果 */
}
.solutions_pic:hover::after {
  /*color:#123456;*/
  background: transparent;
}

.solutions_font {
  text-align: center;
  padding: 20px;
}
.solutions_font h2 {
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: bolder;
  color: #000;
  text-decoration: none;
}
.solutions_font:hover h2 {
  color: #76063C;
}

a .solutions_font h2 {
  text-decoration: none;
}
a:hover .solutions_font {
  text-decoration: none;
}
a:hover .solutions_font h2 {
  color: #76063C;
  text-decoration: none;
}

.job_p {
  margin-bottom: 40px;
  font-size: 1rem;
}

.Positions_wrapper {
  width: 50%;
  margin: 0 auto;
  padding: 0 0 10vh 0;
}

.Open_Positionsbg {
  background-color: #E7e0c9;
  border-radius: 30px;
  padding: 20px;
  margin-bottom: 40px;
}
.Open_Positionsbg.whitepaper {
  display: flex;
  align-items: center;
}
.Open_Positionsbg.whitepaper .papericon {
  float: none;
  flex: 0 0 10em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 25px;
  padding: 35px 25px;
  background: #D7CBA6;
  border-radius: 30px;
}
.Open_Positionsbg.whitepaper .papericon img {
  width: 70%;
  filter: brightness(0) invert(1);
}
.Open_Positionsbg.whitepaper .jogicon {
  float: none;
  flex: 0 0 10em;
  display: flex;
  align-items: center;
  /* 元素自身內部內容的垂直置中 */
  justify-content: center;
  /* 若需要水平置中可加上這一行 */
}
.Open_Positionsbg.whitepaper .wht_paper_box {
  flex: 1;
  /* 自動填滿剩餘空間 */
}
.Open_Positionsbg.whitepaper .download_icon {
  width: auto;
  display: flex;
  align-items: center;
  /* 元素自身內部內容的垂直置中 */
  justify-content: center;
  /* 若需要水平置中可加上這一行 */
  font-size: 4em;
  padding: 20px;
}
.Open_Positionsbg.c7_bg {
  background-color: #F6EFE5;
}
.Open_Positionsbg:nth-child(odd) {
  background-color: #E7e0c9;
}
.Open_Positionsbg:nth-child(even) {
  background-color: #F6EFE5;
}

.open_grid {
  border-radius: 30px;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 4fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.job_font {
  float: left;
  margin-top: 24px;
  width: 18em;
}
.job_font h3 {
  font-size: .8rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 400;
}
.job_font h2 {
  font-size: 1.3rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 400;
}
.job_font p {
  font-size: 1rem;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.jogicon {
  float: left;
  margin-right: 30px;
  width: 10em;
}
.jogicon img {
  width: 100%;
}

.job_right {
  float: right;
  margin-top: 39px;
  width: 4em;
}
.job_right img {
  width: 100%;
}

.ax_p {
  font-size: 1.0rem;
  margin-bottom: 20px;
  line-height: 30px;
  text-align: center;
  max-width: 1000px;
  /* 控制段落最大寬度 */
  margin-left: auto;
  /* 置中 */
  margin-right: auto;
  /* 置中 */
}

.country_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.cou_selestyle {
  height: 44px;
}
.cou_selestyle select {
  width: calc( 100% - 10px );
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 4px;
  border: none;
  font-size: 0.9rem;
  padding-left: 10px;
}

.ask_h3 {
  font-size: 1.1rem;
  margin-bottom: 20px;
  margin-top: 30px;
  font-weight: 600;
}

.other_line {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.other_line input {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 4px;
}

.busiess_ipt {
  display: inline-block;
  margin-right: 10px;
}

.ipt_p {
  font-size: 0.9rem;
}
.ipt_p input {
  margin-right: 10px;
}

.banner_font {
  width: 60%;
  margin: 0 auto;
}
.banner_font h2 {
  color: #ffffff;
  font-size: 3.5rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 700;
}
.banner_font p {
  color: #ffffff;
  font-size: 1.2rem;
  margin-bottom: 20px;
  line-height: 1.5;
}

.bn_new {
  color: #ffffff;
  padding: 4px 8px;
  margin-bottom: 10px;
  border-radius: 50px;
  background-color: #750739;
  display: inline-block;
}

.uikit_bg {
  background-color: #f2f2f2;
  padding: 10vh;
}

.sel_p {
  font-size: 1rem;
  display: inline-block;
}

.sel_down {
  display: inline-block;
}
.sel_down select {
  font-size: 1rem;
  cursor: pointer;
}

.float_right {
  float: right;
}

.float_left {
  float: left;
}

.clean {
  zoom: 1;
}
.clean:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.fortoptitle {
  padding: 10vh 0 5vh 0;
}

.address_google_Bg {
  margin-bottom: 5vh;
  border-radius: 30px;
  width: 100%;
  background-color: #f4f4f4;
}

.google_sale_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.sale_map_ofl {
  border-radius: 30px;
  overflow: hidden;
}

.sale_mapfont {
  padding: 30px;
}
.sale_mapfont h2 {
  color: #000000;
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}
.sale_mapfont h3 {
  color: #000000;
  font-size: 1.3rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}
.sale_mapfont p {
  color: #1D1D1F;
  font-size: .9rem;
  margin-bottom: 20px;
}

.line {
  background-color: #CBCBCB;
  width: 100%;
  height: 1px;
  margin: 20px 0;
}

.add_ft {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 500;
}

.add_icon {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
}
.add_icon img {
  width: 100%;
}

.add_gogmp {
  display: inline-block;
  vertical-align: middle;
  color: #76063C;
}

.map_table td {
  font-size: .9rem;
}
.map_table th {
  font-size: .9rem;
  font-weight: 600;
}

.channel_parteners_map {
  width: 100%;
}
.channel_parteners_map img {
  width: 100%;
}

.partner_Bg {
  background-image: url("../images/partnerzone_bg.jpg");
  width: 100%;
  background-size: cover;
}

.partner_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.partner_font {
  width: 80%;
  margin: 0 auto;
}
.partner_font h1 {
  color: #ffffff;
  font-size: 2.8rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}
.partner_font h2 {
  color: #ffffff;
  font-size: 2.8rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}
.partner_font p {
  color: #ffffff;
  font-size: .9rem;
  margin-bottom: 20px;
}
.partner_font h3 {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}

.parwhite_bg {
  padding: 40px;
  background-color: #ffffff;
  border-radius: 30px;
  box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.parwhite_bg h2 {
  color: #545454;
  font-size: 1.5rem;
  margin-top: 11px;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}
.parwhite_bg p {
  color: #545454;
  font-size: .9rem;
  margin-bottom: 20px;
  font-weight: 400;
}

.par_login_Box {
  width: 75%;
  margin: 0 auto;
}

.login_btn {
  background-color: #76063A;
  border-radius: 50px;
  padding: 8px 40px !important;
  color: #ffffff;
  display: inline-block;
  font-weight: 600;
}

.logbtn_box {
  margin-top: 30px;
}
.logbtn_box.npsw {
  margin-top: 0;
}

.email_bg {
  border-radius: 50px;
  background-color: #EFEFEF;
  padding: 13px 30px;
  margin-bottom: 20px;
}
.email_bg.np {
  padding: 5px 10px;
}

.mail_input {
  width: 90%;
}
.mail_input input {
  background-color: #EFEFEF;
  width: 100%;
}

.padding_2x {
  padding: 0 20px;
}

.pic_log {
  padding: 25px;
  display: inline-block;
  border-radius: 100px;
  background-color: #ffffff;
  box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.log_top {
  margin-top: -90px;
}

.pd_c11_Bg {
  background-color: #F6EFE5;
  border-radius: 30px;
  padding: 3vw;
}

.Ltd_c8_bg {
  background-color: #E8F6FF;
}

.exta_product_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 30px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: top;
  margin-top: 20px;
}
.exta_product_grid a {
  color: inherit !important;
  text-decoration: none !important;
}

.extafont_box h3 {
  font-size: 1.2rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: bold;
  margin-top: 20px;
}
.extafont_box h2 {
  font-size: 2.1rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 600;
  margin-top: 20px;
}
.extafont_box p {
  font-size: 1rem;
  margin-bottom: 20px;
}
.extafont_box p.elp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.extafont_box:hover {
  text-decoration: none;
}
.extafont_box:hover p.pdis {
  color: #76063C;
}

.mg_right {
  margin-right: 10px;
}

.oder_p {
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
}

.oder_sel {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 10px;
}
.oder_sel select {
  font-size: 0.9rem;
  padding: 10px;
  border: 1px solid #CECECE;
  height: 42px;
  border-radius: 4px;
  color: #515151;
}
.oder_sel.cp {
  display: block;
}

.oder_box {
  margin-bottom: 40px;
}

.submit_redbtn {
  color: #ffffff;
  padding: 4px 14px;
  margin-bottom: 10px;
  border-radius: 50px;
  background-color: #750739;
  display: inline-block;
  font-weight: 600;
}

.tabview_table {
  width: 100%;
}
.tabview_table th {
  background-color: #EDEDED;
  font-size: .9rem;
  padding: 16px;
  font-weight: bold;
  text-align: center;
}
.tabview_table td {
  background-color: #ffffff;
  font-size: .8rem;
  padding: 16px;
  font-weight: normal;
  border-bottom: 1px solid #DEDEDE;
  text-align: left;
  vertical-align: middle;
}
.tabview_table td:nth-child(1) {
  text-align: center;
}
.tabview_table td:nth-child(1) img {
  text-align: center;
}
.tabview_table td:nth-child(2) {
  text-wrap: nowrap;
  font-weight: bold;
}
.tabview_table td:nth-child(8) {
  text-wrap: nowrap;
  font-weight: bold;
}
.tabview_table .active {
  background-color: #D7CBA6;
  color: #5C4D1D;
}

.ky_pic {
  width: 80px;
}
.ky_pic img {
  width: 100%;
}

.cg_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 30px;
  /* 設定左右間距 */
  grid-row-gap: 30px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}
.cg_grid a {
  color: #333;
}
.cg_grid a:hover {
  text-decoration: none;
  color: #76063C;
}

.cg_graybg {
  background-color: #FAFAFA;
  padding: 20px;
  min-height: 100%;
  position: relative;
  padding-bottom: 100px;
  border-radius: 15px;
}

.cgpd_pic {
  position: relative;
  width: 80%;
  margin: 0 auto;
  mix-blend-mode: darken;
  max-width: 280px;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.cgpd_pic img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.cgpd_pic.zoom img {
  transform: scale(1, 1);
  transition: all 300ms ease-out;
}
.cgpd_pic.zoom img:hover {
  transform: scale(1.2, 1.2);
}

.pinfopid {
  position: relative;
}

.new_badge {
  position: absolute;
  top: -25px;
  right: 0;
  width: 30px;
  text-align: center;
  background: #76063A;
  color: #fff;
  font-size: 0.5rem;
  z-index: 10;
  font-weight: bold;
  border-radius: 5px;
}

.prodcutname {
  font-size: 1.2rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: bold;
  margin-top: 20px;
}

.pink_new {
  color: #ffffff;
  padding: 4px 8px;
  margin-bottom: 10px;
  border-radius: 50px;
  background-color: #76063C;
  display: inline-block;
  height: 30px;
}
.pink_new.nobg {
  background-color: transparent;
}

.red_new {
  color: #ffffff;
  padding: 4px 8px;
  margin-bottom: 10px;
  border-radius: 50px;
  background-color: #76063C;
  display: inline-block;
}

.blue_new {
  color: #3985CB;
  padding: 4px 8px;
  margin-bottom: 10px;
  border-radius: 50px;
  border: 1px solid #3985CB;
  display: inline-block;
}

.cgpd_table {
  width: 100%;
}
.cgpd_table th {
  font-size: 1rem;
  padding: 16px;
  font-weight: bold;
  border-bottom: 1px solid #DEDEDE;
}
.cgpd_table td {
  padding: 16px;
  font-weight: normal;
  border-bottom: 1px solid #DEDEDE;
  vertical-align: middle;
}
.cgpd_table .active {
  background-color: #D7CBA6;
  color: #5C4D1D;
}

.addtocompare {
  margin: 30px 0;
  font-size: 1rem;
  text-align: center;
  font-weight: 500;
  position: absolute;
  bottom: 0px;
  width: 90%;
}

.sorry_face {
  width: 110px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.sorry_face img {
  width: 100%;
}

.sorry_font {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.sorry_font h2 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 8px;
  font-weight: 500;
  margin-bottom: 20px;
}
.sorry_font h3 {
  font-size: 1.15rem;
  line-height: 1.2;
  margin-bottom: 8px;
  margin-top: 40px;
  font-weight: 400;
}
.sorry_font p {
  font-size: .9rem;
  margin-bottom: 20px;
  line-height: 1.5;
}

.sorry_dot_li {
  font-size: .8rem;
  margin-bottom: 40px;
}
.sorry_dot_li li {
  list-style-type: none;
  line-height: 1;
  margin-left: 25px;
}
.sorry_dot_li li:before {
  content: "‧";
  color: #D7CBA6;
  font-size: 1.4rem;
  padding-right: 8px;
  margin-left: -15px;
}

.limit_sel {
  text-align: center;
  padding-bottom: 20px;
  margin-right: 8px;
  font-size: 1.4em;
}

.limit_p {
  display: inline-block;
}

.limit_wrap {
  margin: 40px;
}

.chk_bx {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.chk_p {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
}

.full_graybg {
  background-color: #f4f4f4;
  padding: 4vh 0;
}

.Comparison_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 60px;
  /* 設定左右間距 */
  grid-row-gap: 30px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.comwhite_Bg {
  position: relative;
  padding: 10%;
  background-color: #ffffff;
  box-shadow: 6px 7px 19px 2px rgba(0, 0, 0, 0.1);
  margin: 20px;
}

.comp_wrapper {
  width: 90%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 10vh 0;
}
.comp_wrapper.pb3vh {
  padding-bottom: 3vh;
}
.comp_wrapper.bnh {
  height: 450px;
  display: flex;
}
.comp_wrapper.mw1100 {
  max-width: 1100px;
}
.comp_wrapper.pt3vh {
  padding-top: 3vh;
}
.comp_wrapper.bigbanner {
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 0 !important;
}

.Comparisonfont_box {
  margin-top: 5vh;
}
.Comparisonfont_box h2 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 8px;
  font-weight: 500;
  margin-bottom: 20px;
  border-bottom: 1px solid #C3C3C3;
  padding-bottom: 20px;
}

.jun_font {
  margin-bottom: 40px;
  margin-left: 20px;
}
.jun_font h3 {
  font-size: 1.15rem;
  line-height: 1.2;
  margin-bottom: 8px;
  margin-top: 40px;
  font-weight: 600;
}
.jun_font p {
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 28px;
}

.close_comicon {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 29px;
  cursor: pointer;
}
.close_comicon img {
  width: 100%;
}

.comp_addtocompare {
  text-align: center;
}
.comp_addtocompare label {
  font-size: 1rem;
  text-align: center;
  font-weight: normal;
  color: #333;
}

.year_bow {
  display: inline-block;
  margin-right: 10px;
  width: 100px;
  height: 100px;
  background-color: #F6EFE5;
  text-align: center;
  padding-top: 40px;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: normal;
}
.year_bow a {
  color: #000;
}
.year_bow.on {
  background-color: #D7CBA6;
}

.Annua_p {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 20px;
}

.ann_mg {
  margin-bottom: 40px;
}

.Investor_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 20% 80%;
  /*設定 Grid 的寬度*/
  grid-column-gap: 30px;
  /* 設定左右間距 */
  grid-row-gap: 30px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.inv_year {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 1px;
}

.inv_p {
  font-size: 1rem;
  line-height: 1.5;
}
.inv_p a {
  color: #000;
}
.inv_p a:hover {
  color: #76063C;
}

.Inv_c11_Papers_bg {
  background-color: #f4f4f4;
  border-radius: 30px;
  padding: 3.1em;
  max-width: 1100px;
  margin: 0 auto;
  margin-bottom: 2em;
}

.Parent_year_box {
  max-width: 90%;
  margin: 30px auto 4vh auto;
  overflow: hidden;
}
.Parent_year_box .par_year {
  float: left;
  margin: 0 10px 20px 0;
  width: 70px;
  height: 70px;
  background-color: #E7e0c9;
  text-align: center;
  font-size: 0.9rem;
  line-height: 70px;
  color: #666666;
  font-weight: 500;
  border-radius: 20px;
  transition: background-color 0.4s ease, color 0.4s ease;
}
.Parent_year_box .par_year a {
  color: #000;
  display: block;
}
.Parent_year_box .par_year:hover {
  background-color: #fbf4e9;
  color: #76063C;
}
.Parent_year_box .par_year:hover a {
  text-decoration: none !important;
}
.Parent_year_box .par_year.deep {
  width: 140px;
  height: 140px;
  margin-right: 30px;
  background-color: #E7e0c9;
}
.Parent_year_box .par_year.deep a {
  color: #76063C;
  font-weight: bold;
  line-height: 140px;
  font-size: 1.4rem;
  background-color: #D7CBA6;
  border-radius: 20px;
}

.Company_bg {
  background-size: cover;
  background-image: url("../images/taipeicity.jpg");
  background-position: 20% 45%;
  min-height: 435px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -40px;
}
.Company_bg.career_bg {
  background-size: cover;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/careers_bg.jpg);
  background-position: 20% 100%;
}
.Company_bg.world_map {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/worldwide_bg.jpg");
  background-size: cover;
  background-position-y: 55%;
}
.Company_bg.Management_bg {
  background-size: cover;
  background-image: url("../images/management_bg.jpg");
  background-position: center center;
}
.Company_bg.Case_bg {
  background-size: cover;
  background-image: url("../images/casestudies.jpg");
  background-position: center center;
}

.Company_font_box {
  max-width: 950px;
  padding: 40px;
  text-align: center;
}
.Company_font_box h3 {
  text-align: center;
  font-size: 1.5em;
  font-weight: 400;
  margin-bottom: 4vh;
  line-height: 1.1em;
  color: #ffffff;
}
.Company_font_box h1, .Company_font_box h2 {
  text-align: center;
  font-size: 3.2em;
  font-weight: 700;
  margin-bottom: 2vh;
  line-height: 1.1em;
  color: #ffffff;
}
.Company_font_box p {
  color: #ffffff;
  font-size: 1.5rem;
  margin-bottom: 20px;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-ideograph;
  text-align: left;
}
.Company_font_box p.ta_cn {
  text-align: center;
}
.Company_font_box .bannerbtn {
  text-decoration: none;
  min-width: 100px;
}

.company_grid {
  margin-top: 40px;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 3em;
  /* 設定左右間距 */
  grid-row-gap: 6em;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.cpblock.ff {
  margin: 0 40px;
}
.cpblock p {
  font-size: 1.8em !important;
  font-weight: 500;
  line-height: 1em;
  font-family: inherit;
}
.cpblock p.cpcp {
  font-weight: normal;
  line-height: 1.2em;
 }
.cpblock img {
  width: 100%;
  border-radius: 10px;
}

.gray_scye_bg {
  background-color: #FAFAFA;
  padding: 6vh 0;
}

.c11_bg {
  background-color: #F6EFE5;
  padding: 6vh 0;
}
.c11_bg.f4_bg {
  background-color: #f4f4f4;
}

.Ltd_c11_bg {
  background-color: #F6EFE5;
}

.vision_box {
  background-color: #F6EFE5;
  border-radius: 30px;
  height: 100%;
  padding: 40px;
  display: flex;
  align-items: center;
}
.vision_box.c7_bg {
  background-color: #F6EFE5;
}
.vision_box.f4_bg {
  background-color: #f4f4f4;
}

.vis_left {
  display: inline-block;
  vertical-align: middle;
  width: 29%;
}
.vis_left img {
  width: 100%;
}

.Embedded_pic {
  width: 100%;
}
.Embedded_pic img {
  width: 100%;
}

.right_line {
  border-right: 1px solid #DCE2F4;
}

.darken_pic {
  margin: 30px auto 40px;
  width: 70%;
  height: 160px;
  margin-bottom: 10px;
  mix-blend-mode: darken;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darken_pic img {
  width: 100%;
  max-width: 100%;
  /* 确保图片不会超出容器 */
  max-height: 100%;
}

.vis_right {
  display: inline-block;
  vertical-align: middle;
  width: 70%;
}

.pink_bg {
  background-color: #FFEAE9;
}

.white_bg {
  background-color: #ffffff;
}

.GoGreen_box {
  width: 75%;
  margin: 0 auto;
}

.GoGreen_left {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  margin-right: 30px;
}
.GoGreen_left img {
  width: 100%;
}

.jf_font {
  text-align: justify;
}

.gode_mg {
  margin-bottom: 10vh;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 40px;
}
.gode_mg .qppic {
  display: flex;
  flex: 0 0 25%;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.gode_mg .qppic img {
  flex: 1;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.gode_mg .qpword {
  flex: 1 1 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.Revenue_box a {
  color: #333;
}
.Revenue_box a:hover > .Revenue_year {
  background-color: #76063C;
  color: #FFFFFF;
  text-decoration: none !important;
  cursor: pointer !important;
}

.Revenue_year {
  display: inline-block;
  margin-right: 10px;
  background-color: #E7e0c9;
  text-align: center;
  font-size: 1rem;
  padding: 10px 20px;
  color: #666666;
  font-weight: 500;
  margin-bottom: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  border-radius: 15px;
}
.Revenue_year a {
  color: #000;
}
.Revenue_year:hover {
  background-color: #F6EFE5;
  color: #FFFFFF;
  text-decoration: none !important;
  cursor: pointer !important;
}
.Revenue_year:hover a {
  text-decoration: none;
}

.ManagementTeambg_grid {
  margin-bottom: 5vh;
  background-color: #f4f4f4;
  display: flex;
  flex-direction: row;
  /* 預設：圖片在左 */
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  gap: 0px;
}
.ManagementTeambg_grid:nth-child(odd) {
  flex-direction: row-reverse;
}
.ManagementTeambg_grid .op_order {
  flex: 0 0 40%;
}
.ManagementTeambg_grid > div:not(.op_order) {
  flex: 0 0 60%;
}

.op_order {
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 25px;
}

.Team_boxfont {
  padding: 30px;
  padding-left: 80px;
}
.Team_boxfont h2 {
  font-size: 2.5em;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 600;
}
.Team_boxfont h3 {
  font-size: 1.5em;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}
.Team_boxfont h4 {
  font-size: 1.5em;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 600;
}
.Team_boxfont p {
  font-size: .9rem;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /**-webkit-line-clamp: 3;**/
  -webkit-box-orient: vertical;
}
.Team_boxfont .mt_mg {
  margin-bottom: 40px;
}

.Case_bg {
  background-size: cover;
  background-image: url("../images/casestudies.jpg");
  background-position: center center;
  position: relative;
  display: flex;
  justify-content: center;
  /* 水平置中 */
  align-items: center;
  /* 垂直置中 */
  text-align: center;
  /* 讓裡面的文字也置中 */
  /* 建議給一個高度，才看得到垂直置中效果 */
  min-height: 435px;
}

.CSR_bg {
  background-size: cover;
  background-image: url("../images/csr_bg.jpg");
  background-position: center center;
  position: relative;
}

.Optimized_bg {
  width: 100%;
  aspect-ratio: 1920 / 760;
  /* banner 專用 */
  background-size: cover;
  background-position: center 55%;
  position: relative;
}

.Casebanner_box {
  max-width: 1100px;
  width: 70%;
  text-align: left;
}
.Casebanner_box h1 {
  font-size: 3.5em;
  font-weight: 800;
  margin-bottom: 2vh;
  line-height: 1.1em;
  color: #ffffff;
}
.Casebanner_box p {
  font-size: 1.2em;
  font-weight: 500;
  margin-bottom: 2vh;
  line-height: 1.3em;
  color: #ffffff;
  padding-right: 30%;
}

.csrbanner_box {
  max-width: 950px;
  margin: 0 auto;
  padding: 140px 0 100px;
  text-align: center;
}
.csrbanner_box h1 {
  font-size: 3.5em;
  font-weight: 800;
  margin-bottom: 2vh;
  line-height: 1.1em;
  color: #363636;
}
.csrbanner_box h2 {
  font-size: 2em;
  font-weight: 600;
  margin-bottom: 1vh;
  line-height: 1.1em;
  color: #76063C;
}
.csrbanner_box .color_f {
  color: #fff !important;
}

.crs_p {
  font-size: 1rem;
  margin-bottom: 20px;
  text-align: justify;
  line-height: 28px;
}

.crs_box {
  margin-bottom: 10vh;
}
.crs_box.rplistbox {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.crs_box .mb30 {
  margin-bottom: 30px !important;
}

.ax_inside_8x {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 6vh;
}
.ax_inside_8x img {
  width: 100%;
}

.chk_pic {
  float: left;
  width: 48px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.chk_pic img {
  display: block;
  width: 100%;
  height: auto;
}

.chk_box {
  width: calc(100% + 5px);
}
.chk_box {
  zoom: 1;
}
.chk_box:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.efre_p {
  float: left;
  width: auto;
  margin-top: 10px;
  font-size: 1rem;
}

.c7_bg {
  background-color: #F6EFE5;
}

.technical_grid {
  margin-bottom: 5vh;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 50px;
  /* 設定左右間距 */
  grid-row-gap: 30px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.FeaturedCases_bg {
  background-size: cover;
  background-image: url("../images/featuredcases.jpg");
  background-position: center center;
  padding-bottom: 42%;
  position: relative;
  margin-bottom: 70px;
  border-radius: 15px;
}
@media (max-width: 767px) {
    .FeaturedCases_bg {
        padding-bottom: 80%;      /* 手機版高度更高 */
        background-position: center 50%; /* 保持中間對齊 */
    }
}

.feat_pin {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.feat_pin h2 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1em;
  color: #ffffff;
}
@media (max-width: 768px) {
  .feat_pin h2 {
    font-size: 1.6rem;   
    line-height: 1.3;
  }
}
.feat_pin h3 {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 1.1em;
  color: #ffffff;
}

.hash_tag {
  margin-bottom: 40px;
}

.hash_btn {
  display: inline-block;
  margin-right: 10px;
  font-weight: 600;
  background-color: #D5D5D5;
  color: #333;
  border-radius: 50px;
  padding: 8px 16px;
  font-weight: 600;
  transition: background-color 300ms linear, color 300ms linear;
  cursor: pointer;
}
.hash_btn.on {
  background-color: #76063C;
  color: #ffffff;
}
.hash_btn:hover {
  background-color: #76063C;
  color: #ffffff;
}

.press_fontbox {
  padding: 3vh 0 5vh;
}
.press_fontbox a {
  color: #333;
}
.press_fontbox a:hover {
  color: #76063C !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.press_fontbox a:hover h3 {
  color: #76063C !important;
}
.press_fontbox h3 {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.4em;
  color: #333;
  margin-bottom: 10px;
}
.press_fontbox h3.top {
  font-size: 1.4rem;
  line-height: 1.4em;
}
.press_fontbox h2 {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}
.press_fontbox p {
  font-size: .9rem;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.press_fontbox.top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* 垂直置中內部 h2 與 p */
  text-align: left;
  /* 文字靠左 */
  margin: 0 20px 0 30px;
}

.spei_fontbox h3 {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.1em;
  color: #1F1F1F;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}
.spei_fontbox h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1em;
  color: #1F1F1F;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}
.spei_fontbox p {
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.spei_fontbox a:hover {
  color: #76063C;
  text-decoration: none;
}

.Press_whitebg {
  background-color: #ffffff;
  height: 95%;
  position: relative;
  padding-bottom: 20px;
  margin: 0 30px;
}
.Press_whitebg.top {
  display: flex;
  align-items: center;
  /* 垂直置中 bbb 和 ccc */
  justify-content: space-between;
  /* 若有空間分配需求，可調整 */
}
.Press_whitebg.nobg {
  background-color: inherit;
}

.Press_whitebg_pd {
  background-color: #ffffff;
  box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 32px;
  margin-bottom: 4vh;
}

.press_pic {
  width: 100%;
  padding-bottom: 63%;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
  overflow: hidden;
  filter: brightness(0.85);
  transition: filter 0.4s ease;
}
.press_pic.top {
  display: flex;
  align-items: center;
  /* 垂直置中圖片 */
  aspect-ratio: 16 / 10;
  padding-bottom: 0;
  margin: 30px;
  border-radius: 15px;
  height:100%;
}
.press_pic.top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.bgy_tg {
  background-color: #F6EFE5;
  padding: 4px 20px;
  display: inline-block;
  margin-bottom: 20px;
}

.calender_icon {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.calender_icon img {
  width: 100%;
}

.calender_p {
  display: inline-block;
  vertical-align: middle;
  font-size: .8rem;
  color: #1F1F1F;
}

.calender_box {
  text-align: right;
  position: absolute;
  bottom: 20px;
  right: 25px;
}
.calender_box.top {
  bottom: auto;
  top: 3px;
  right: 0;
}

.pre_mg {
  margin-bottom: 10vh;
}
.pre_mg.mb0 {
  margin-bottom: 0vh;
}

.Press_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 2fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 20px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.press_ex_pic {
  width: 100%;
  padding-bottom: 63%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.press_Wrapper {
  max-width: 950px;
  margin: 0 auto;
}

.presstoptitle {
  position: relative;
  padding-bottom: 30px;
  color: #76063C;
}

.gray_bg {
  background-color: #f4f4f4;
  width: 100%;
}

.follow_wp h2 {
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}
.follow_wp p {
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 28px;
}

.follow_box {
  text-align: center;
}

.follow_icon {
  display: inline-block;
  width: 40px;
  margin: 0 10px;
}
.follow_icon img {
  width: 100%;
}

.Issues_pic {
  max-width: 270px;
  max-height: 280px;
  border-radius: 15px;
  overflow: hidden;
}
.Issues_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Issues_item {
  margin: 0 15px;
}
.Issues_item h2 {
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #333;
}
.Issues_item h2:hover {
  color: #76063C;
}
.Issues_item p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 1rem;
  letter-spacing: 2px;
  font-weight: 500;
  color: #717171;
}

.issu_p {
  font-size: 1rem;
  letter-spacing: 2px;
  font-weight: bold;
  color: #76063C;
  margin: 8px 0;
}

.Newsletter_bg {
  background-color: #F6EFE5;
  width: 100%;
}

.Newsletter_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 4em;
  /* 設定左右間距 */
  grid-row-gap: 2em;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.npinp {
  padding: 10px !important;
}

.Newsletter_input {
  background-color: #ffffff;
  border-radius: 4px;
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #e0e0e0;
}
.Newsletter_input input {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 4px;
}
.Newsletter_input input.ens {
  height: auto;
}

.letterNews_ckbox {
  margin: 20px 0;
}

.letterNewsck_box {
  width: 10px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 20px;
}

.letterNewsck_box_font {
  color: #6B6B6B;
  width: 90%;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
}

.Ltd_mg {
  margin-bottom: 10vh;
}
.Ltd_mg p {
  font-size: 1rem;
  margin-bottom: 40px;
  line-height: 28px;
  text-justify: inter-ideograph;
  /*font-weight: 500;*/
}
.Ltd_mg h1 {
  font-size: 1.8rem;
  font-weight: bold;
}
.Ltd_mg h2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 28px;
}
.Ltd_mg h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.Ltd_mg ul, .Ltd_mg ol {
  margin-left: 20px;
  padding: 20px;
 }
.Ltd_mg li {
  list-style-image: url(/images/icon_right.png);
  list-style-type: none;
  margin-bottom: 5px;
  /*font-weight: 500;*/
  line-height: 28px;
}
.Ltd_mg .advblock {
  margin: 20px 20px 60px;
}
.Ltd_mg .advblock h3 {
  margin-bottom: 20px;
}
.Ltd_mg .advblock .red_btn {
  margin-left: 40px;
}

.Press_h2 {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.opr_date {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.1em;
  letter-spacing: 3px;
  margin-bottom: 15px;
  color: #7d7d7d;
}

.share_graybg {
  background-color: #646464;
  padding: 7px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  width: 36px;
  margin-bottom: 4px;
}
.share_graybg img {
  width: 100%;
}

.share_font {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-weight: 600;
}

.ebs_share {
  float: right;
}

.PressReleases_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 4em;
  /* 設定左右間距 */
  grid-row-gap: 2em;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.testimonial-quote {
  margin: 40px 0;
  padding: 20px 0;
}

.quote-content-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  padding-left: 150px;
}

.quote-content-wrapper::before {
  content: '“';
  position: absolute;
  top: -10px;
  left: 0;
  font-size: 200px;
  line-height: 1;
  color: #EAEAEA;
  font-family: Montserrat, Georgia, serif;
  font-weight: 700;
}

.quote-text {
  font-size: 18px;
  line-height: 30px;
  color: #333;
  margin: 0 0 15px 0;
  border: none;
  padding: 0;
  font-weight: 500;
  font-style: italic;
}

.quote-author {
  font-size: 1rem;
  color: #333;
  margin: 15px 0 0 0;
  border: none;
  padding: 0;
  font-weight: 500;
  font-style: italic;
}

.quote-source {
  font-size: 1rem;
  color: #333;
  text-align: right;
  margin-top: 5px;
  font-style: normal;
}

.quote-source strong {
  color: #333;
  font-weight: bold;
}

.close-text {
  margin-top: 4px;
  /* small space between h3 and div */
  font-size: 1rem;
  line-height: 1.5;
  color: #333;
  /*font-weight: 500;*/
}

.Cir_p {
  font-size: 1rem;
  line-height: 1.8rem;
  text-align: left;
  text-justify: inter-ideograph;
}

.upcom_p {
  border-bottom: 1px solid #E7e0c9;
  padding-bottom: 10px;
  margin-bottom: 16px;
}
.upcom_p h2 {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
}
.upcom_p h2.upe {
  font-size: 1.5rem !important;
  line-height: 1.5;
  font-weight: 600;
}
.upcom_p p {
  font-size: .9rem;
}

.upbc_box {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E7e0c9;
}

.upc_icon {
  width: 20px;
  flex-shrink: 0;
}
.upc_icon img {
  width: 100%;
  height: auto;
  display: block;
}

.upc_date {
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 500;
}

.ue_bg {
  border-radius: 30px;
  padding: 30px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6efe6+0,fefefd+100 */
}

.solut_pic {
  width: 70%;
  margin: 6vh auto;
}
.solut_pic img {
  width: 100%;
}

.Recomm_pic {
  width: 60%;
  margin: 0 auto;
  mix-blend-mode: darken;
}
.Recomm_pic img {
  width: 100%;
}

.Various_pic {
  width: 100%;
  margin: 0 auto;
  mix-blend-mode: darken;
}
.Various_pic img {
  width: 100%;
}

.mix-blend {
  mix-blend-mode: unset;
}

.recomm_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.Maximize_grid {
  width: 100%;
  margin: 0 auto;
  padding: 5vh 0;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.Maximize_title {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 800;
  margin-top: 20px;
}

.Maximize_font {
  font-size: 1.4rem;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 1.2em;
}

.amr_grid {
  margin-bottom: 10vh;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 40px;
  /* 設定左右間距 */
  grid-row-gap: 40px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.siu_mg {
  margin-bottom: 10vh;
}

.chev_line {
  width: 93%;
  margin: 0 auto;
  margin-top: 30px;
  border-top: 1px solid #D7CBA6;
}

.chevron_icon {
  cursor: pointer;
  width: 20px;
  margin: 0 auto;
}
.chevron_icon img {
  width: 100%;
}

.Milestones_bg {
  background-size: cover;
  background-image: url("../images/rectangle1009.jpg");
  background-position: center center;
  position: relative;
  top: -40px;
}

.Milestones_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 40px;
  /* 設定左右間距 */
  grid-row-gap: 40px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.milest_wt_box h1, .milest_wt_box h2 {
  font-size: 3.2em;
  color: #ffffff;
  font-weight: 800;
  margin-bottom: 2vh;
  line-height: 1.1em;
}
@media (max-width: 768px) {
  .milest_wt_box h1,
  .milest_wt_box h2 {
    font-size: 2.2rem;
  }
}
.milest_wt_box h1.bk, .milest_wt_box h2.bk {
  color: #333333;
}
.milest_wt_box h3 {
  font-size: 1.5em;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.1em;
}
.milest_wt_box p {
  font-size: 1.2em;
  color: #ffffff;
}
.milest_wt_box p.bk {
  color: #333333;
}

.price_big {
  font-size: 4.5em;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 2vh;
  line-height: 1.1em;
  margin-right: 10px;
}

.mies_pic {
  width: 50%;
  margin: 0 auto;
}
.mies_pic img {
  width: 100%;
}

.year_list {
  padding: 30px 20px 30px;
}
.year_list.wwo {
  margin-bottom: 80px;
}
.year_list ul {
  margin: 0 auto;
  text-align: center;
}
.year_list ul li {
  font-size: 1rem;
  display: inline-block;
  margin-right: 5px;
}
.year_list ul li a {
  color: #333333;
}
.year_list ul li a:hover {
  text-decoration: none;
}

.miles_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 40px;
  /* 設定左右間距 */
  grid-row-gap: 40px;
  /* 設定上下間距 */
  justify-content: center;
}

.miles_graybg {
  background-color: #f4f4f4;
  border-radius: 30px;
  padding: 30px;
  height: 100%;
}
.miles_graybg h2 {
  font-size: 1.2rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 600;
  margin-top: 20px;
  display: inline;
}
.miles_graybg h2.first {
  margin-top: 0px;
}
.miles_graybg p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-size: .9rem;
  margin-bottom: 20px;
}

.Retail_title {
  margin-right: 20px;
  display: inline-block;
  font-size: 2.5em;
  font-weight: 800;
  line-height: 1.1em;
  padding-top: 10px;
}

.Retail_box {
  display: inline-block;
}
.Retail_box a:hover {
  text-decoration: none !important;
  cursor: pointer !important;
}

.Retail_wrapper {
  width: 90%;
  margin: 0 auto;
  max-width: 1500px;
}
.Retail_wrapper.onFix {
  position: fixed;
  padding: 0;
  z-index: 100;
  max-width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

.over_bg {
  background-size: cover;
  background-position: center center;
  height: 500px;
}
.over_bg h2 {
  font-size: 3.2em;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  padding-top: 150px;
  line-height: 40px;
}

.full_wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 8vh 0 5vh;
}
.full_wrapper.nopadtop {
  padding-top: 0;
}

.parte_logo {
  width: 90%;
  margin: 0 auto;
}
.parte_logo img {
  width: 100%;
}

.partners_logobox {
  margin-bottom: 10vh;
}

.par_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 20px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.Resources_grid {
  max-width: 970px;
  position: relative;
  margin-bottom: 60px;
  overflow: hidden;
  border-radius: 30px;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  min-height: 310px;
}

.Resour_font {
  padding: 40px;
  min-height: 280px;
  font-size: 1.2em;
}
.Resour_font a {
  color: inherit;
}
.Resour_font h2 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}
.Resour_font p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: .9rem;
}

.rel_bg {
  border-radius: 30px;
  padding: 20px;
  margin: 15px 0;
}

.rel_active {
  background-color: #FAFAFA;
}

.related_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 40px;
  /* 設定左右間距 */
  grid-row-gap: 40px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.rel_p {
  text-align: center;
  font-size: 1.1rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
  position: relative;
  z-index: 1;
}

.Applicat_item {
  font-size: 1.0rem;
  line-height: 24px;
}
.Applicat_item h2 {
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 6px;
  font-weight: 500;
}
.Applicat_item p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 1rem;
  line-height: 28px;
  margin-bottom: 20px;
}

.Applicat_bg {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c7dfc9+0,f6faf1+100 */
  background: #c7dfc9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c7dfc9 0%, #f6faf1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c7dfc9 0%, #f6faf1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c7dfc9 0%, #f6faf1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7dfc9', endColorstr='#f6faf1',GradientType=0 );
  /* IE6-9 */
  padding: 5vh;
  border-radius: 20px;
  height: 100%;
}
.Applicat_bg.red {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebd3d3+0,f4eeee+100 */
  background: #ebd3d3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ebd3d3 0%, #f4eeee 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ebd3d3 0%, #f4eeee 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ebd3d3 0%, #f4eeee 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd3d3', endColorstr='#f4eeee',GradientType=0 );
  /* IE6-9 */
}

.appi_pic {
  width: 70%;
  margin: 0 auto;
}
.appi_pic img {
  width: 100%;
}

.Quickpic_bg {
  width: 100%;
  padding-bottom: 39%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  border-radius: 30px;
}

.quei_grid {
  width: 100%;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 40px;
  /* 設定左右間距 */
  grid-row-gap: 40px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.Ambu_bg {
  padding: 5vh;
  border-radius: 20px;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 100% center;
}
.Ambu_bg > .Applicat_item {
  width: 50%;
  padding-right: 35px;
}

.nyn_pic {
  width: 100%;
  overflow: hidden;
  display: inline-block;
}
.nyn_pic img {
  width: 100%;
}

.wy_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 40px;
  /* 設定左右間距 */
  grid-row-gap: 40px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: start;
}
.wy_grid .gcont {
  height: 100%;
}

.iun_bg {
  background-color: #f4f4f4;
  border-radius: 30px;
  padding: 40px 40px 50px;
  height: 100%;
  position: relative;
}
.iun_bg h2 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}
.iun_bg p {
  font-size: 1rem;
  line-height: 28px;
}

.nunmb_wrapper {
  width: 68%;
  margin: 0 auto;
  margin-top: -16vh;
}

.over_outsidbox {
  margin-bottom: 10vh;
  padding-top: 50px;
}

.Overview_pic {
  display: none;
  width: 40%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -80px;
}
.Overview_pic img {
  width: 100%;
}

.job_bg {
  background-size: cover;
  background-image: url("../images/job.jpg");
  background-position: center center;
  padding: 10vh;
}

.job_box {
  background-color: #FBFBFB;
  border-radius: 30px;
  height: 100%;
  padding: 40px;
}
.job_box h2 {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 300;
  margin-bottom: 20px;
  font-family: 'Noto Sans TC', sans-serif;
}
.job_box p {
  font-size: 1rem;
  margin-bottom: 20px;
}

.fuli_bg {
  background-size: cover;
  background-position: center center;
  padding: 40px;
}

.fuli_fontbox h2 {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 400;
  margin-bottom: 20px;
  font-family: 'Noto Sans TC', sans-serif;
}
.fuli_fontbox p {
  font-size: 1rem;
  margin-bottom: 20px;
}

.flu_wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 10vh 0;
}

.bora_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 4fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 2em;
  /* 設定左右間距 */
  grid-row-gap: 1em;
  /* 設定上下間距 */
  justify-content: center;
}
.bora_grid a {
  color: #333;
}
.bora_grid a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}

.bora_c11 {
  background-color: #F6EFE5;
  width: 100%;
  padding-top: 18px;
  padding-bottom: 20px;
}

.bo_font {
  float: left;
  font-size: 1.0rem;
  font-weight: 600;
}
.bo_font a {
  color: #333;
}
.bo_font a:hover {
  color: #333 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.bo_icon {
  float: right;
  display: none;
}

.aeh_li {
  text-decoration: none !important;
  cursor: pointer !important;
}
.aeh_li li {
  display: flex;
  margin-bottom: 10px;
  font-size: 1.0rem;
  font-weight: 600;
}
.aeh_li li a {
  color: #333;
}
.aeh_li li a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}

.board_box {
  padding: 16px 27px 16px calc( 1vw + 25px );
}
.board_box {
  zoom: 1;
}
.board_box:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.biu_line {
  background-color: #ede1d1;
  width: 90%;
  margin: 0 auto;
  height: 1px;
}

.white_active {
  background-color: #ffffff;
}

.Modules_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: auto auto auto auto;
  /*設定 Grid 的寬度*/
  grid-column-gap: 60px;
  /* 設定左右間距 */
  grid-row-gap: 0;
  /* 設定上下間距 */
  justify-content: left;
  padding: 4vh 4vw 4vh 0;
}

.iunyygte {
  margin-bottom: 30px;
}

.mu_top {
  margin-top: 40px;
}

.mu_sol_title {
  font-size: 1.0rem;
  margin-bottom: 10px;
  line-height: 1.2;
  font-weight: 71.2em00;
}
.mu_sol_title a {
  color: #76063C;
  font-weight: 700;
}
.mu_sol_title a:hover {
  font-weight: 700;
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}

.application_menu_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 2em;
  /* 設定左右間距 */
  grid-row-gap: 1em;
  /* 設定上下間距 */
  justify-content: center;
}
.application_menu_grid.sol {
  grid-template-columns: 1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
}

.aeh_title {
  font-size: 1.0rem;
  margin-bottom: 10px;
  line-height: 1.2;
  font-weight: 700;
}

.solut_rec_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 1em;
  /* 設定左右間距 */
  grid-row-gap: 1em;
  /* 設定上下間距 */
  justify-content: center;
  width: 96%;
}

.slu_bg {
  height: 11em;
  border-radius: 20px;
  width: 11em;
  padding: 5px;
}

.slu_pic {
  width: 64%;
  height: 64%;
  margin: 0 auto;
  mix-blend-mode: darken;
}
.slu_pic img {
  width: 100%;
}

.slu_name {
  font-size: .8rem;
  line-height: 1.2;
  text-align: center;
  font-weight: 600;
  height: 32px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.bora_padding {
  padding: 34px 0;
}

.whatnews_menu {
  position: absolute;
  top: 79px;
  left: 50%;
  width: 214px;
  margin-left: -549px;
  background-color: #ffffff;
  padding: 20px;
}
.whatnews_menu a {
  color: #333;
}
.whatnews_menu a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}

.whet_ft {
  margin-bottom: 20px;
  line-height: 1.6;
  margin-bottom: 10px;
}

.Resources_menu {
  position: absolute;
  top: 79px;
  left: 50%;
  width: 214px;
  margin-left: -449px;
  background-color: #ffffff;
  padding: 20px;
}

.Support_menu {
  position: absolute;
  top: 79px;
  left: 50%;
  width: 214px;
  margin-left: -359px;
  background-color: #ffffff;
  padding: 20px;
}

.abo_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 1em;
  /* 設定左右間距 */
  grid-row-gap: 1em;
  /* 設定上下間距 */
  justify-content: center;
  width: 96%;
}
.abo_grid a {
  color: #333;
}
.abo_grid a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}

.ap_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 1em;
  /* 設定左右間距 */
  grid-row-gap: 1em;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.nap_wrapper {
  width: 90%;
  max-width: 1150px;
  margin: 0 auto;
  padding: 10vh 0;
}
.nap_wrapper.notop {
  padding-top: 0;
}

.ap_bg {
  background-color: #F6EFE5;
  padding: 5vh;
  border-radius: 20px;
}

.newwhite {
  font-size: .8rem;
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #ffffff;
  color: #76063C;
  border-radius: 50px;
  padding: 1px 10px;
  font-weight: 600;
  z-index: 10;
}

.ipc_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 30px;
  /* 設定左右間距 */
  grid-row-gap: 30px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.mil_wrap {
  position: relative;
}

.mil_rightbtn {
  position: absolute;
  z-index: 10;
  top: 90px;
  right: -25px;
  width: 50px;
}
.mil_rightbtn img {
  width: 100%;
}

.mil_leftbtn {
  position: absolute;
  z-index: 10;
  top: 90px;
  left: -25px;
  width: 50px;
}
.mil_leftbtn img {
  width: 100%;
  transform: scaleX(-1);
}

.sk_sch_p {
  margin-top: 30px;
  font-size: .9rem;
  margin-bottom: 9px;
  font-weight: 500;
  color: #a6a6a6;
}

.head_office_bg {
  position: fixed;
  top: 180px;
  right: 0;
  border-radius: 18px 0 0 18px;
  box-shadow: 1px 7px 15px rgba(0, 0, 0, 0.1);
  width: 40%;
  background: #fff;
  z-index: 1001;
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
  will-change: transform;
}
.head_office_bg.is-open {
  transform: translateX(0);
}

.head_pinwrap {
  position: relative;
}

.side_contacts_btn {
  position: absolute;
  top: 21px;
  left: -43px;
  width: 43px;
  cursor: pointer;
}
.side_contacts_btn img {
  width: 100%;
}

.head_inside {
  padding: 30px;
}

.sel_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 30px;
  /* 設定左右間距 */
  grid-row-gap: 30px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.contact_side_font h2 {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 20px;
}
.contact_side_font p {
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 1.4;
}

.cont_table {
  margin-bottom: 20px;
}
.cont_table th {
  font-size: .9rem;
  font-weight: 600;
}

.sales_graybg {
  background-color: #EAEAEA;
  border-radius: 20px;
  padding: 25px;
}
.sales_graybg h2 {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 7px;
}
.sales_graybg p {
  font-size: .8rem;
  margin-bottom: 20px;
  line-height: 1.35;
}

.sale_btn {
  display: inline-block;
  background-color: #76063C;
  color: #ffffff;
  border-radius: 50px;
  padding: 4px 14px;
  font-weight: 500;
  font-size: 0.8rem;
}
.sale_btn a {
  color: #fff;
  text-decoration: none !important;
}
.sale_btn a:hover {
  color: #76063C;
}
.sale_btn:hover {
  background-color: #fff;
  border-color: #76063C;
}
.sale_btn:hover a {
  color: #76063C;
}

.kd_wrap {
  width: 80%;
  margin: 0 auto;
  position: relative;
  margin-top: 20px;
}

.kd_pic {
  position: absolute;
  aspect-ratio: 1 / 1;
  width: 80%;
  border-radius: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  z-index: 2;
}

.kd_voter {
  width: 40%;
  aspect-ratio: 1 / 1;
  background-color: #d8ecd0;
  border-radius: 100%;
  position: absolute;
  right: 0;
  z-index: 1;
}

.asia_mgtop {
  margin-top: 50px;
}

.Partners_Bg {
  margin-bottom: 5vh;
  border-radius: 30px;
  width: 100%;
  background-color: #f4f4f4;
}

.Partners_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 2fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.part_bg_logo {
  background-color: #ffffff;
  width: 70%;
  margin: 0 auto;
  padding: 10%;
  aspect-ratio: 4 / 3;
}

.part_complogo {
  width: 100%;
  vertical-align: middle;
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
.part_complogo img {
  width: 100%;
}

.part_p {
  font-size: 1rem;
  margin-bottom: 40px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.cookie_fixed {
  background-color: #586770;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.cookie_grid {
  width: 90%;
  max-width: 1100px;
  margin: 20px auto;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 5fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.cok_p {
  color: #ffffff;
}
.cok_p a {
  color: #ffffff;
  text-decoration: underline;
}
.cok_p a:hover {
  cursor: pointer !important;
}
.cok_p a:hover li {
  border: 1px solid #333;
}

.pe_dot {
  text-align: center;
  position: relative;
  z-index: 999;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -107px;
}

.nu_dot_bg {
  display: inline-block;
  vertical-align: middle;
  background-color: #8D8D8D;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  margin-right: 10px;
}
.nu_dot_bg.red {
  background-color: #75073C;
}

.pe_left {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 80px;
}
.pe_left img {
  width: 100%;
}

.pe_right {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 80px;
}
.pe_right img {
  width: 100%;
}

.clean {
  zoom: 1;
}
.clean:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.search_down {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  padding: 1vh 20vw;
  display: none;
}

.ahd_td {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 1.0rem;
  color: #000000;
}

.red_search {
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  width: 36px;
}
.red_search img {
  width: 100%;
}

.sarch_bar_white {
  position: relative;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  width: 100%;
  height: 52px;
  border-radius: 5px;
}
.sarch_bar_white input {
  max-width: 83%;
  width: 83%;
  height: 100%;
}

.search_outside_box {
  float: right;
  width: 100%;
}

.red_topsearch {
  display: inline-block;
  vertical-align: middle;
  height: 34px;
  width: 34px;
}
.red_topsearch img {
  width: 100%;
}

.np_fe {
  margin-top: 80px;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 700;
}

.study_pic {
  width: 86%;
}
.study_pic img {
  display: block;
  /* 區塊元素 */
  margin-left: 0;
  /* 靠左 */
  margin-right: auto;
  /* 可以留 auto */
  margin-bottom: 40px;
  /* 下方間距 */
  border-radius: 20px;
}

.es_pic {
  margin-bottom: 30px;
  width: 100%;
}
.es_pic img {
  width: 100%;
}

.face_all {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 1em;
  /* 設定左右間距 */
  grid-row-gap: 1em;
  /* 設定上下間距 */
  justify-content: center;
  max-width: 640px;
  margin: 0 auto;
}

.face_sme {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.2;
  margin-bottom: 40px;
  font-weight: 500;
}

.face_pic {
  width: 100%;
}
.face_pic img {
  width: 100%;
}

.diss_box {
  max-width: 710px;
  margin: 0 auto;
}
.diss_box {
  zoom: 1;
}
.diss_box:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.diss_left {
  float: left;
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 600;
}

.diss_right {
  float: right;
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 600;
}

.face_send {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.2;
  margin-top: 120px;
  font-weight: 600;
}

.Initial_grid {
  margin-bottom: 60px;
  overflow: hidden;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  margin-bottom: 30px;
}

.ini_bg {
  width: 100%;
  background-color: #D7CBA6;
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
  border-radius: 25px;
}

.inside_h2 {
  margin-top: 10px;
  font-size: 1.2em;
  margin-bottom: 10px;
  font-weight: 600;
}

.int_number {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-weight: 600;
  font-size: 2rem;
  color: #ffffff;
}

.int_dot {
  font-size: 1rem;
}
.int_dot li {
  list-style-type: none;
  text-indent: -16;
  margin-left: 25px;
  font-size: 0.9rem;
}
.int_dot li:before {
  content: "‧";
  color: #000000;
  font-size: 1.4rem;
  padding-right: 5px;
  margin-left: -15px;
}
.int_dot li a {
  color: #333;
}
.int_dot li a:hover {
  color: #76063C;
  text-decoration: none !important;
  cursor: pointer !important;
}

.wht_h2 {
  font-weight: 600;
  font-size: 1rem;
}

.int_pic {
  width: 100%;
}
.int_pic img {
  width: 80%;
  margin: 0 auto;
  padding: 20px;
}

.embe_pic {
  width: 100%;
}
.embe_pic img {
  width: 100%;
}
.embe_pic.np1 {
  width: auto;
}

.Embedded_Bg {
  background-color: #FAFAFA;
  width: 80%;
  margin: 0 auto;
  border-radius: 30px;
  padding: 2em;
  margin-bottom: 5vh;
}
.Embedded_Bg.np1 {
  width: 40%;
}

.nid_grid {
  overflow: hidden;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  padding: 0 20px;
}

.ValueAdded_grid {
  overflow: hidden;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 20px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
}

.ValueAdded {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.vaflexbox {
  flex: 1 1 calc(33.33% - 20px);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.ic_name {
  font-weight: 600;
  font-size: 1rem;
}

.Dividend_wrapper {
  width: 68%;
  margin: 0 auto;
  max-width: 1100px;
}

.dv_mgpd {
  padding-bottom: 10vh;
}

.Videos_rightbtn {
  position: absolute;
  top: 40%;
  right: -40px;
  width: 30px;
  z-index: 10;
}
.Videos_rightbtn img {
  width: 100%;
}

.Videos_leftbtn {
  position: absolute;
  top: 40%;
  left: -40px;
  width: 30px;
  z-index: 10;
}
.Videos_leftbtn img {
  width: 100%;
}

.helf_bg {
  background-image: url("../images/helf_line.jpg");
  width: 100%;
}

.gray_bgsxga {
  background-color: #F0F0F0;
  width: 100%;
  padding-bottom: 60px;
}

.product_ic {
  max-width: 400px;
  width: 85%;
  margin-top: -50px;
  margin: 0 auto;
}
.product_ic img {
  width: 100%;
}

.product_ic_3X {
  max-width: 600px;
  width: 85%;
  margin-top: -50px;
  margin: 0 auto;
}
.product_ic_3X img {
  width: 100%;
}

.product_ic_4X {
  max-width: 800px;
  width: 85%;
  margin-top: -50px;
  margin: 0 auto;
}
.product_ic_4X img {
  width: 100%;
}

.sxgafont h2 {
  font-size: 2.2rem;
  text-align: center;
  font-weight: 700;
  margin: 30px 0;
}
.sxgafont h3 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}

.gei_icon {
  width: 180px;
  margin: 0 auto;
  padding: 30px 0;
}
.gei_icon img {
  width: 100%;
  object-fit: contain;
  /* ⭐ 關鍵 */
  display: block;
  /* 消除底部空隙 */
  border-radius: 50%;
}

.gei_font {
  text-align: center;
  font-size: 1.2rem;
  margin-top: 25px;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 600;
}

.Credit_pic {
  width: 80%;
  margin: 0 auto;
}
.Credit_pic img {
  width: 100%;
}

.RichExpansion_bg {
  background-color: #F0F0F0;
}

.gb_star {
  width: 100%;
  background-position: center center;
  background-size: cover;
}

.ne_prod_pic {
  width: 100%;
  margin: 0 auto;
}
.ne_prod_pic img {
  width: 100%;
}

.desing_inhead_Bn {
  background-size: cover;
  background-position: center center;
}

.nem_mg {
  margin-top: 30px;
}

.Modular_c11_Papers_bg {
  background-color: #F6EFE5;
  border-radius: 30px;
  padding: 6em 2em;
  margin-bottom: 2em;
}

.proventitle {
  margin: 10px 0;
  display: inline-block;
  background-color: #5F5C5C;
  color: #ffffff;
  border-radius: 50px;
  padding: 8px 16px;
  font-weight: 600;
  font-size: 1rem;
}
.proventitle.lightcolor {
  background-color: #F6EFE5 !important;
  color: #333;
}

.side_line {
  border-right: 1px solid #afafaf;
}

.solution_icon_pic {
  margin: 0 auto;
  width: 50%;
}
.solution_icon_pic img {
  width: 100%;
}

.emchanical_title {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.2;
}

.emchanicalred_line {
  width: 50px;
  height: 2px;
  margin-top: 15px;
  background-color: #76063C;
}

.Value_Bg {
  background-color: #D7CBA6;
  border-radius: 30px;
  padding: 25px;
}

.Value_Bg_light {
  background-color: #EBE5D3;
  border-radius: 30px;
  padding: 25px;
}

.mg_top {
  margin-top: 30px;
}

.server_title {
  margin-top: 20px;
  font-size: 1.1rem;
  font-weight: 700;
}

.f5X_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr  1fr 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.wdt_icon {
  width: 60%;
  margin: 0 auto;
}
.wdt_icon img {
  width: 100%;
}

.wdt_number {
  margin-top: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
}

.wdt_font {
  margin-top: 20px;
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
}

.dve_bkfont {
  margin-top: 20px;
  font-size: 1rem;
  font-weight: 700;
  color: #333;
}

.dve_big {
  font-size: 1.6rem !important;
  font-weight: 700;
  color: #333;
}

.helf_c11_Papers_bg {
  background-color: #F6EFE5;
  border-radius: 30px;
  margin-bottom: 2em;
}

.white_Emb {
  background-color: #ffffff;
  border-radius: 0 30px 30px 0;
}

.inside_padding {
  padding: 2rem;
}

.Embedded_grid {
  margin-bottom: 40px;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.ef_icon {
  width: 9rem;
  margin: 0 auto;
}
.ef_icon img {
  width: 100%;
}

.wsewht_Bg {
  background-color: #ffffff;
  border-radius: 30px;
  padding: 25px;
}

.wsewht_icon_pic {
  margin: 0 auto;
  width: 100px;
  margin-top: -60px;
}
.wsewht_icon_pic img {
  width: 100%;
}

.topwse_top {
  margin-top: 60px;
}

.contro_grid {
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 1fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
}

.lorm_bg_white {
  background-color: #ffffff;
  border-radius: 30px;
  padding: 30px;
  margin-bottom: 2em;
}
.lorm_bg_white.lorm_hover {
  background-color: #F6EFE5;
}

.pag_mg {
  margin: 40px 100px;
}

.be_ic_icon {
  width: 100px;
}
.be_ic_icon img {
  width: 100%;
}

.be_ic_font {
  font-size: 1.2rem;
  margin-top: 20px;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 500;
}

.beo_grid {
  margin-bottom: 30px;
  display: grid;
  /* 設定 CSS grid 的第一步 */
  grid-template-columns: 1fr 4fr;
  /*設定 Grid 的寬度*/
  grid-column-gap: 10px;
  /* 設定左右間距 */
  grid-row-gap: 20px;
  /* 設定上下間距 */
  justify-content: center;
  align-items: center;
}

.Value_gray_bg {
  background-color: #f4f4f4;
}

.filterpic {
  mix-blend-mode: darken;
}

.swk_wrap {
  text-align: center;
}

.swk_next {
  display: inline-block;
  width: 40px;
}
.swk_next img {
  width: 100%;
}

.swk_Prev {
  display: inline-block;
  width: 40px;
}
.swk_Prev img {
  width: 100%;
}

.swiper {
  width: 100%;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 450px;
  height: 450px;
}

.swiper-slide img {
  display: block;
  width: 100%;
}

.product_wrapper .swiper-slide img {
  display: block;
  width: auto;
  height: 100%;
}

.swiper_topbanner .swiper-slide {
  height: 100% !important;
}

.Warehouse_pic {
  background-size: cover;
  background-position: center center;
  position: relative;
}

.redclip_bg {
  clip-path: polygon(0 0, 100% 0, 81% 100%, 0% 100%);
  background-color: #76063C;
  width: 60%;
}

.clip_side_pd {
  padding: 20% 20% 20% 10%;
}

.clt_white_logo {
  margin-top: 40px;
}

.bv_number {
  font-size: 4rem;
  font-weight: 800;
}

.bv_smP {
  font-size: 1rem;
  font-weight: 500;
  display: block;
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.axred {
  color: #76063C;
}

a:hover {
  color: #76063C !important;
}
a.black {
  color: #333333;
}

.swiper-button-next.topbanner {
  right: 12px;
}

.swiper-button-next:after, .swiper-button-prev:after {
  content: "" !important;
  background-color: #76063A;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.swiper-button-next:hover::after, .swiper-button-prev:hover::after {
  opacity: 0.7;
  /* 調整透明度來達到所需的效果 */
}

.swiper_solution {
  position: relative;
  height: 630px;
  overflow: hidden;
}

.swiper_feaProduct {
  position: relative;
  height: 679px;
}

.swiper_partnership {
  height: 140px;
}

.swiper_news {
  position: relative;
  height: 50vh;
  overflow: hidden;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px !important;
}

.swiper-pagination.sol {
  z-index: 100;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #76063C !important;
}
.swiper-pagination.topbanner {
  bottom: 80px;
}
.swiper-pagination.topbanner .swiper-pagination-bullet {
  width: 40px !important;
  height: 8px !important;
  border-radius: 10px;
  background-color: #ffffff;
  opacity: 1;
}
.swiper-pagination.partnership {
  bottom: 0;
}

.npgrid {
  margin-bottom: 7vh;
}

.next_lastproduct {
  position: absolute;
  bottom: 0;
  z-index: 10;
}

.no_result {
  font-size: 1.2em;
  text-align: center;
  margin: 20px 0;
  color: #b60057;
  font-weight: bolder;
}

.view_block {
  display: none;
}

.contentP_Wrap {
  padding-bottom: 80px;
}

.title_ord {
  font-weight: bold;
}
.title_ord span {
  font-weight: normal;
}

i.mdi.pdownload {
  font-size: 1.2em;
  border-radius: 30px;
  background: #76063A;
  color: #ffffff;
  width: 28px;
  display: inline-block;
  height: 28px;
  margin-left: 5px;
  text-align: center;
  vertical-align: middle;
  padding-top: 3px;
}

h3.RPnote {
  font-size: 1.5em;
}

.swiper_solpt {
  height: 250px;
}

.solcontent p {
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 30px;
  font-weight: 400;
  /* 段落普通字重 */
}
.solcontent p strong {
  font-weight: 700;
  /* 強制粗體 */
}
.solcontent li {
  font-size: 1rem;
  line-height: 30px;
  margin-bottom: 10px;
}
.solcontent h2 {
  font-size: 2.3rem;
  line-height: 1.2;
  margin-bottom: 20px;
  font-weight: 500;
  /*padding-top: 40px;*/
}
.solcontent h3 {
  font-size: 1.5rem;
  line-height: 1.3;
  margin: 30px 0 20px 0;
  font-weight: 600;
}
.solcontent h4 {
  font-size: 1.2rem;
  line-height: 1.3;
  margin-bottom: 16px;
  font-weight: 600;
}

.mg_top_10vh {
  margin-top: 10vh;
}

.redft {
  color: #76063C;
}

.wordsellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  /* 顯示的行數 */
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.fwb {
  font-weight: bold !important;
}

.piconlist {
  width: 100%;
  max-width: 1200px;
  margin: 50px auto;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  overflow-x: auto;
  justify-content: center;
}

.ptcont {
  font: 1.2em;
}
.ptcont > span > p {
  width: 49%;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.6rem;
}

.kiwi_title {
  font-size: 2rem;
  padding: 20px 0 10px;
  font-weight: bold;
}

.kiwi_font {
  margin: 10px 0 30px;
}

.footermenu {
  margin-left: 50px;
}

.pinput {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 46vw;
  width: 100%;
}

.pinskin {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 46vw;
}

.pinblock {
  position: absolute;
  top: 0;
  left: 0;
}

.chou_icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 36px;
  height: 36px;
  cursor: pointer;
}
.chou_icon span {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 36px;
  height: 36px;
  animation: fadein 0.5s;
  animation: pulse 1.5s infinite;
  border-radius: 50px;
}
.chou_icon img {
  width: 100%;
}

.pinekuxice {
  position: absolute;
  top: 0px;
  left: 40px;
  width: 220px;
  border: 1px solid #fff;
  border-radius: 10px 10px 0 0;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
.pinekuxice.pinleft {
  left: -220px;
}
.pinekuxice.pinbottom {
  top: auto;
  bottom: -40px;
}

.pinblocktitle {
  background-color: #e6e6e6;
  padding: 20px 15px 15px;
  color: #333;
  font-weight: bolder;
  border-radius: 10px 10px 0 0;
}

.pinpanel {
  display: none;
}

.xi_got_title {
  background-color: #fff;
  color: #75073c;
  padding: 8px 8px 2px 8px;
}
.xi_got_title span {
  display: inline-block;
  width: 150px;
  vertical-align: middle;
}
.xi_got_title li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 9px;
  font-weight: 600;
  font-size: 18px;
}

.xi_got_list {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 22px;
}
.xi_got_list p {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: inherit !important;
  margin-bottom: 0 !important;
  font-size: 1em !important;
  text-align: inherit !important;
}

.xi_got_pic {
  width: 40px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  padding-bottom: 6px;
}
.xi_got_pic img {
  width: 100%;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes pulse {
  from {
    -webkit-box-shadow: 0 0 0 0px white;
    box-shadow: 0 0 0 0px white;
  }
  to {
    -webkit-box-shadow: 0 0 0 15px transparent;
    box-shadow: 0 0 0 15px transparent;
  }
}
@keyframes pulse {
  from {
    -webkit-box-shadow: 0 0 0 0px white;
    box-shadow: 0 0 0 0px white;
  }
  to {
    -webkit-box-shadow: 0 0 0 15px transparent;
    box-shadow: 0 0 0 15px transparent;
  }
}
.icon .st0, .icon .st1 {
  transition: stroke 0.5s ease, fill 0.5s ease;
}
.icon:hover .st0, .icon:hover .st1 {
  stroke: #ffffff;
  fill: #76063C;
  fill-opacity: 1;
}

.icon2 .st0 {
  fill: #76063C;
  transition: stroke 0.5s ease, fill 0.5s ease;
  fill-opacity: 1;
}
.icon2 .st1 {
  fill: #ffffff;
  transition: stroke 0.5s ease, fill 0.5s ease;
  fill-opacity: 1;
}
.icon2:hover .st0 {
  stroke: #76063C;
  fill: #ffffff;
  fill-opacity: 0.5;
}
.icon2:hover .st1 {
  stroke: #76063C;
  fill: #76063C;
  fill-opacity: 1;
}

.listblock {
  position: relative;
}

.ecab {
  margin-bottom: 60px;
}

.articlepage {
  width: 100%;
  flex: 1;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
}
.articlepage .page_wrapper {
  padding-top: 0;
  width: 100%;
  max-width: 1100px;
  margin: 20px auto 0;
}
.articlepage header {
  display: flex;
  flex-direction: row;
}
.articlepage .soicon {
  flex: 1;
  text-align: right;
  margin-top: 5px;
  margin-right: 10px;
}
.articlepage .soicon ul li {
  display: inline-block;
}
.articlepage .article_content {
  margin-top: 20px;
}
.articlepage h1 {
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 800;
  margin-top: 50px;
  margin-bottom: 20px;
}
.articlepage h2 {
  font-size: 1.5rem;
  line-height: 1.3;
  margin-bottom: 20px;
  font-weight: 600;
  margin-top: 20px;
}
.articlepage h3 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 15px;
}
.articlepage p {
  font-size: 1rem;
  line-height: 28px;
  margin-bottom: 40px;
}
.articlepage p img {
  width: 30%;
  height: auto;
  margin: 0 15px;
}
.articlepage li {
  font-size: 1rem;
  line-height: 28px;
  margin-bottom: 5px;
}
.articlepage .row {
  margin-bottom: 50px;
}
.articlepage .red_btn a {
  color: #ffffff;
}
.articlepage .Introduction_bg {
  margin-bottom: 50px;
  height: 100%;
}
.articlepage .Introduction_bg a:hover {
  text-decoration: none !important;
}
.articlepage .es_pic {
  margin-bottom: 50px;
}

footer.atfooter {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(118, 6, 58, 0.5));
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
}

.pvtitle {
  font-weight: bold;
  line-height: 1.6rem;
}

.goclickBlock {
  display: none;
}

#arrow {
  text-align: center;
  margin-left: 50%;
  margin-bottom: 30px;
}

.arrowskin {
  width: 100%;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #76063C;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #76063C;
}

.center_title {
  padding-bottom: 100px;
}
.center_title a {
  display: inline-block;
}

.showregion h2 {
  font-size: 1.5em;
}
.showregion h3 {
  font-size: 1.2em;
}
.showregion .please_box {
  padding: 10px 20px;
}

.blackmask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
}

.wb-s {
  width: 30%;
}

.wb-m {
  width: 60%;
}

.sinline {
  display: inline-block;
}

svg {
  pointer-events: bounding-box;
}

.btn-danger {
  background-color: #76063C !important;
}

.taData {
  width: 100%;
}
.taData h3 {
  font-size: 1.15rem;
  line-height: 1.2;
  margin-bottom: 8px;
  margin-top: 40px;
  font-weight: 600;
  margin-left: 20px;
}
.taData p {
  font-size: 0.9rem;
  margin-bottom: 20px;
  line-height: 28px;
  margin-left: 20px;
}
.taData li {
  font-size: 0.9rem;
  margin-bottom: 3px;
  line-height: 28px;
  margin-left: 20px;
  max-width: 380px;
  list-style-type: none;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.regionblock {
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  padding: 20px;
  width: 120px;
  background: #ffffff;
  box-shadow: 1px 7px 15px rgba(0, 0, 0, 0.1);
}

.sitemap_table {
  font-size: 14px;
}

.font_article h2 {
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 20px;
  font-weight: 600;
}
.font_article h2.h2_sub {
  font-size: 1.3rem;
  font-weight: bolder;
}
.font_article h2.bb {
  font-size: 2.5rem;
  line-height: 1.8;
}
.font_article p {
  font-size: 1rem;
  line-height: 28px;
  margin-bottom: 40px;
}
.font_article p.hh28 {
  line-height: 28px;
}
.font_article p.ta_c {
  text-align: center;
}
.font_article p img {
  width: 100%;
}
.font_article .ulbox {
  margin: 60px 0;
  font-size: 1.2rem;
}
.font_article .ulbox ul {
  font-size: 1rem;
}
.font_article .ulbox ul.mg80 {
  margin: 0 80px;
}
.font_article .ulbox ul li {
  padding-left: 8px;
  line-height: 1.6em;
  margin: 0.8em 0;
}
.font_article .ulbox ul li::marker {
  color: #858585;
  /* 改變預設符號顏色 */
  content: "● ";
  /* 替換成自訂符號 (大多瀏覽器仍需考量相容性) */
  font-size: 0.7rem;
}
.font_article .bg_blue3 {
  background-color: #E9EAEF;
}
.font_article .picleft {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.font_article .picleft .bbone {
  flex: 0 0 45%;
}
.font_article .picleft .bbone .bbone_pic {
  padding: 30px;
  margin: 0 auto;
  width: 100%;
}
.font_article .picleft .bbone .bbone_pic img {
  width: 100%;
}
.font_article .flexbox {
  display: flex;
  justify-content: space-around;
  gap: 20px;
  align-items: stretch;
  margin: 30px 0;
}
.font_article .flexbox .flexbox_one {
  padding: 35px 30px;
  border-radius: 15px;
  flex: 0 0 30%;
  background-color: #F6EFE5;
}

.cn_img img {
  display: inline;
  height: 180px;
}

.social_font {
  font-size: 1rem;
  margin-bottom: 20px;
}

.nopadtop .swiper-wrapper {
  padding-bottom: 30px;
}

a.eplist:hover {
  text-decoration: none;
  color: #76063C !important;
}

.oder_flow .form-select {
  width: auto;
  display: inline;
}

.indexfp {
  position: absolute;
  z-index: 10;
}

.gridone {
  position: relative;
}

.contrycheckbox {
  display: inline-block;
  margin: 10px 20px;
}
.contrycheckbox input {
  width: auto;
  margin-right: 3px;
}
.contrycheckbox input[type=checkbox] {
  font-size: 1.5em;
  transform: scale(1.2);
  margin-right: 8px;
}
.contrycheckbox label {
  font-size: 1.2em;
}

.Yum_Icon {
  display: flex;
  border-collapse: collapse;
  flex-wrap: wrap;
}
.Yum_Icon:hover .supp {
  color: #76063C !important;
}
.Yum_Icon:hover a {
  text-decoration: none;
}
.Yum_Icon .Yum_bg {
  box-sizing: border-box;
  border-right: 1px solid #EdE1D1;
  border-bottom: 1px solid #EdE1D1;
  width: 20%;
  padding: 30px 20px;
}
.Yum_Icon .Yum_bg:nth-child(-n+4) {
  border-top: 1px solid #EdE1D1;
}
.Yum_Icon .Yum_bg:nth-child(4n+1) {
  border-left: 1px solid #EdE1D1;
}
.Yum_Icon .Yum_bg:hover .pic {
  filter: none;
}
.Yum_Icon .catalog_bg {
  border: #c7c7c7 solid 1px;
  display: inline-block;
  width: 31%;
  border-radius: 3px;
  margin: 0 8px 20px 8px;
}
.Yum_Icon .catalog_bg2 {
  border: #c7c7c7 solid 1px;
  display: inline-table;
  width: 33%;
  margin-bottom: 20px;
  border-radius: 3px;
}
.Yum_Icon .pic_Icon {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.Yum_Icon .pic_Icon a {
  display: block;
  overflow: hidden;
}
.Yum_Icon .pic_Icon img {
  width: 100%;
  height: auto;
  max-width: 250px;
}
.Yum_Icon .pic {
  position: relative;
  width: 50%;
  overflow: hidden;
  text-align: center;
  padding: 20px;
  margin: 0 auto;
  filter: brightness(0);
}
.Yum_Icon .pic a {
  height: 232px;
  display: block;
  overflow: hidden;
}
.Yum_Icon .pic a.iconlink {
  height: auto;
}
.Yum_Icon .pic img {
  width: 100%;
  height: auto;
  max-width: 250px;
}
.Yum_Icon .pic_articles {
  position: relative;
  width: 100%;
  text-align: center;
}
.Yum_Icon .pic_articles a {
  height: 232px;
  display: block;
  overflow: hidden;
}
.Yum_Icon .pic_articles img {
  width: auto;
  height: 100%;
}
.Yum_Icon .ebtn {
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px 0;
  color: #fff;
  bottom: 0;
  font-size: 1.5em;
}
.Yum_Icon .ebtn a {
  color: #fff;
}
.Yum_Icon .ebtn a:hover {
  color: #fff;
}
.Yum_Icon .catalog_font {
  padding: 20px;
  width: 100%;
  background-color: #fff;
}
.Yum_Icon .catalog_font h3 {
  font-size: 1.1em;
  margin-top: 0;
  font-weight: bolder;
  height: 45px;
  line-height: 21px;
  overflow: hidden;
}
.Yum_Icon .catalog_font p {
  line-height: 20px;
  height: 40px;
  overflow: hidden;
}
.Yum_Icon .oder_nonebg {
  display: inline-table;
  padding: 20px;
  width: 31.9%;
  margin-right: 20px;
  margin-bottom: 20px;
}
.Yum_Icon .oder_nonebg:nth-child(3n) {
  margin-right: 0;
}
.Yum_Icon .supp {
  width: 100%;
  color: #333;
  font-weight: bolder;
  text-align: center;
  font-size: 16px;
}
.Yum_Icon .supp a {
  color: #333;
  text-decoration: none;
}
.Yum_Icon .supp a:hover {
  color: #76063C;
  text-decoration: none;
}

.pd_3em {
  padding: 3em;
}

.flexblock {
  display: flex;
  gap: 20px;
}
.flexblock.w80 {
  width: 80%;
  margin: 0 auto;
  justify-content: center;
}
.flexblock.g80 {
  gap: 80px;
}

.flexbloack3.pos1 {
  flex: 1;
  max-width: 33.33%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.flexbloack3.pos2 {
  flex: 2;
  max-width: 66.66%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.flexbloack3 .goflex {
  height: 100%;
}

.showblock {
  text-align: center;
}

.rowblock {
  margin: 0 60px;
  display: inline-block;
  text-align: left;
}

.eyetrig {
  cursor: pointer;
  font-size: 1.5rem;
  color: #888;
}

.nopnote_title {
  display: none;
  text-align: center;
}
.nopnote_title h2 {
  font-size: 1.0rem;
  color: #76063C;
  padding: 30px;
  font-weight: bold;
}

.forgetpass-title {
  padding: 20px;
}
.forgetpass-title h2 {
  font-size: 1.2rem;
}
.forgetpass-title p {
  font-size: 0.8rem;
}
.forgetpass-title .style_table td {
  font-size: 0.8rem;
}

.fpblock {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 50px 0 30px;
}

.fppic {
  width: 35%;
  margin-right: 30px;
}
.fppic img {
  width: 100%;
  border-radius: 15px;
}

.fptext {
  flex: 1;
}

.solbtnline {
  width: 90%;
  margin: 40px auto;
  text-align: center;
}
.solbtnline div {
  margin: 0 10px;
}
.solbtnline .red_btn {
  color: #fff;
}
.solbtnline .red_btn a {
  color: #fff;
  text-decoration: none;
}

/* 讓外層容器以 Flex 水平排列，內部兩個區塊各一半 */
.sw_indexso {
  display: flex;
  /* 左右並排 */
  flex-wrap: wrap;
  /* 若畫面太窄，可讓下一欄自動換行 (可依需求關閉) */
  margin: 0 auto;
  /* 置中容器 */
  align-items: stretch;
}

.sw_indexso_block {
  width: 50%;
  /* 各佔一半 */
  box-sizing: border-box;
  padding: 20px 0;
  /* 內部邊距可自行調整 */
}

.bleft {
  padding-left: 13vw;
  padding-right: 2vw;
}

.bright {
  text-align: right;
  width: 50%;
  display: flex;
  align-items: center;
  padding-left: 4vw;
}
.bright img {
  width: 100%;
  object-fit: cover;
  border-radius: 500px 0 0% 500px;
  height: 90%;
}

/* 底部兩個圈圈容器，讓它們等寬並排 */
.sw_indexso_block_sub {
  display: flex;
  /* 讓兩個 subone 橫向並排 */
  justify-content: space-between;
  margin-top: 20px;
  /* 與上方區塊分隔 */
}

/* 兩個小區塊等寬、置中 */
.sw_indexso_block_subone {
  width: 48%;
  /* 留 4% 作為兩塊之間的空隙 (2% + 2%) */
  box-sizing: border-box;
  text-align: center;
  /* 圖文置中 */
}

/* 如果 .cust_pic 是用 background-image 顯示的圓圖，可再加一些示例 */
.sw_indexso_block_subone_pic {
  width: 90%;
  padding-bottom: 90%;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  /* 顯示為圓形 */
  margin: 0 auto 10px;
  /* 置中，並與文字留一點距離 */
}

/* 文字樣式微調(選擇性) */
.adv_item {
  font-size: 16px;
  /* 其他字體設定... */
}

.index2banner_bg {
  font-family: inherit;
  background-image: url("../images/index2.jpg");
  background-position: center;
  background-size: cover;
  position: relative;
  width: 100%;
  aspect-ratio: 100 / 40;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0 10%;
}
.index2banner_bg .index2banner_wordblock {
  display: flex;
  flex: 0 0 50%;
  flex-wrap: wrap;
  gap: 30px;
}
.index2banner_bg .index2banner_wordblock .index2banner_wordblocktop {
  width: 100%;
  flex-wrap: wrap;
}
.index2banner_bg .index2banner_wordblock .index2banner_wordblock2 {
  flex: 0 0 45%;
  flex-direction: column;
  grid-gap: 20px;
}
.index2banner_bg .index2banner_wordblock h3 {
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1.2em;
}
.index2banner_bg .index2banner_wordblock p {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.2em;
}
.index2banner_bg .index2banner_wordblock p.bigp {
  font-size: 4em;
  font-weight: bolder;
}
.index2banner_bg .index2banner_wordblock .red_btn a {
  color: #ffffff;
  text-decoration: none;
}

.ambox {
  display: flex;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.ambox .ambox_one {
  color: #fff;
  text-align: center;
  width: 150px;
  height: 150px;
  border-radius: 30px;
  background-color: #76063C;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ambox .ambox_one .bigN {
  font-size: 6rem;
  line-height: 6rem;
  font-weight: bold;
}
.ambox .ambox_one .ww {
  font-size: 1rem;
  padding-bottom: 10px;
  line-height: 1.4rem;
}
.ambox .ambox_one:nth-child(1) {
  background-color: #B85F8B;
}
.ambox .ambox_one:nth-child(2) {
  background-color: #A02462;
}

.iqryfeed h2 {
  font-size: 1.2rem;
  margin-top: 40px;
  font-weight: bolder;
}
.iqryfeed p {
  padding-top: 20px;
  font-size: 1rem;
  line-height: 1.5;
}
.iqryfeed .pointlist {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
.iqryfeed .pointlist ol {
  display: flex;
  justify-content: space-between;
}
.iqryfeed .pointlist ol li {
  list-style: none;
  width: 60px;
  height: 60px;
  background-color: #F6EFE5;
  border-radius: 10px;
  color: #666666;
  margin: 20px 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  cursor: pointer;
}
.iqryfeed .pointlist ol li.on {
  color: #fff;
  background-color: #76063C;
}
.iqryfeed .pointlist span {
  text-align: left;
  display: inline-block;
}
.iqryfeed .pointlist span:last-child {
  float: right;
}

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(3px);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.loading-mask {
  position: relative;
  width: 300px;
  /* LOGO 寬度 */
  height: 100px;
  /* LOGO 高度 */
  overflow: hidden;
  /* 限制遮罩效果 */
}

.loading-logo {
  width: 100%;
  height: auto;
  /* 使用透明到黑色的渐变从左到右 */
  mask-image: linear-gradient(to right, black 0%, black 100%);
  -webkit-mask-image: linear-gradient(to right, black 0%, black 100%);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: -50% 0;
  -webkit-mask-position: -50% 0;
  mask-size: 10%;
  -webkit-mask-size: 50%;
  animation: mask-slide 2s ease-in-out forwards;
}

@keyframes mask-slide {
  0% {
    /* 初始时，遮罩完全在LOGO的左侧 */
    mask-position: -100% 0;
    -webkit-mask-position: -100% 0;
  }
  100% {
    /* 动画结束时，遮罩滑动到LOGO的右侧，逐渐显示LOGO */
    mask-position: 100% 100%;
    -webkit-mask-position: 100% 100%;
    mask-size: 150%;
    -webkit-mask-size: 150%;
  }
}
.tx_left {
  text-align: left !important;
}

.ta_l {
  text-align: left !important;
}

.ta_c {
  text-align: center !important;
}

.ta_r {
  text-align: right !important;
}

.mg_t_30 {
  margin-top: 30px !important;
}

.mg_t_60 {
  margin-top: 60px !important;
}

.mg_b_60 {
  margin-bottom: 60px !important;
}

.ax_red {
  color: #76063C;
}

.graypic.swiper-slide {
  background-color: #fbf4e9;
}
.graypic.swiper-slide img {
  mix-blend-mode: darken;
}

.psbot {
  padding-top: 60px;
  padding-bottom: 10vh;
}

.csr_stats-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  padding: 20px;
}

.csr_stat-box {
  background: linear-gradient(150deg, #ededf5, #ede7e4 60%, #eee8e4 65%, #f4f1ee);
  padding: 30px;
  border-radius: 10px;
  text-align: left;
}
.csr_stat-box .icon {
  font-size: 2rem;
  margin-bottom: 10px;
  width: 60%;
  margin: 0 auto;
  padding-bottom: 30px;
}
.csr_stat-box .icon img {
  width: 100%;
  filter: invert(34%) sepia(100%) saturate(568%) hue-rotate(76deg) brightness(91%) contrast(89%);
}
.csr_stat-box h3 {
  font-size: 1.4rem;
  margin: 10px 0;
  font-weight: 600;
  line-height: 1.6rem;
}

.ptcatsp {
  padding-bottom: 50px;
}
.ptcatsp .swiper-pagination {
  position: absolute;
  bottom: 0;
}
.ptcatsp a {
  color: #000 !important;
  text-decoration: none !important;
}

.swiper_solutionClient_rp a .rel_p {
  color: #000;
}
.swiper_solutionClient_rp a:hover {
  color: #76063C;
  text-decoration: none;
}
.swiper_solutionClient_rp a:hover .rel_p {
  color: #76063C;
}

.ebr_title {
  font-size: 1rem;
  font-weight: bold;
}

.kiwi_font2 {
  font-size: 0.9rem;
}

.vard_wrap {
  margin: 20px 0 40px;
}

.square-image-container {
  /* 1. 設置最大尺寸限制 */
  max-width: 150px;
  max-height: 150px;
  width: 100%;
  /* 讓它可以在較小的空間中自動縮小 */
  min-width: 100px;
  /* 2. 創建正方形長寬比的關鍵 */
  padding-top: 100%;
  /* padding-top是相對於父元素的寬度計算的，100%表示高=寬 */
  position: relative;
  /* 為了讓子元素(圖片)可以絕對定位 */
  /* 3. 隱藏超出容器的部分 (如果圖片非正方) */
  overflow: hidden;
  display: block;
  /* 確保a標籤的寬度和高度可以被設置 */
}
.square-image-container img {
  /* 讓圖片絕對定位，並填滿容器 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 確保圖片填滿整個容器，可能會裁剪圖片 */
  object-fit: contain;
  /* 確保圖片清晰 (如果需要) */
  display: block;
}

.faq-item {
  border-bottom: 1px solid #eee;
}

.faq-q {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  background: none;
  border: 0;
  cursor: pointer;
  font-size: 16px;
}

.faq-a {
  padding-bottom: 16px;
  line-height: 1.7;
  display: none;
  font-size: 1rem;
}

.faq-q.is-open .faq-q-text {
  font-weight: 600;
}

/*productview application*/
.product_application_wrap {
  margin: 0 auto;
  width: 80%;
  max-width: 1400px;
  padding-bottom: 60px;
  margin-bottom: 60px;
  box-sizing: border-box;
  /* 內容區（靠左置中） */
}
.product_application_wrap .apps__block {
  width: 100%;
  display: grid;
  gap: 0;
  padding-top: 30px;
}
.product_application_wrap .apps__block.block2 {
  grid-template-columns: repeat(2, 1fr);
}
.product_application_wrap .apps__block.block2 .apps__card {
  aspect-ratio: 1.2/1;
}
.product_application_wrap .apps__block.block3 {
  grid-template-columns: repeat(3, 1fr);
}
.product_application_wrap .apps__card {
  position: relative;
  min-height: 320px;
  background-size: cover;
  background-position: center;
  isolation: isolate;
  /* 讓 overlay 疊層更穩 */
  aspect-ratio: 1/1.2;
}
.product_application_wrap .apps__card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.45)), linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.35));
  z-index: 0;
}
.product_application_wrap .apps__content {
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 36px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  text-align: center;
}
.product_application_wrap .apps__h {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 16px;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
  text-align: center;
}
.product_application_wrap .apps__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1rem;
  line-height: 1.65;
  color: var(--muted);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
  text-align: center;
}
.product_application_wrap .apps__list li {
  margin: 2px 0;
}

a#btnGridView, a#btnTableView {
  text-decoration: none !important;
}
a#btnGridView:hover, a#btnTableView:hover {
  text-decoration: none !important;
}

#pmask {
  visibility: hidden;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 300;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 1440px) {
  /* 1440 */
  .logo_pic {
    width: 134px;
    margin-top: 6px;
  }

  .cop_li {
    margin-right: 10px;
  }

  .bleft {
    padding-left: 10vw;
  }

  .swiper_feaProduct {
    height: 40vw;
  }

  .banner_font {
    width: 60%;
  }
  .banner_font h2 {
    font-size: 3rem;
  }

  .news_list_desc {
    margin: 0;
  }
}
@media only screen and (max-width: 1334px) {
  /* 1334 */
  .menu_left li {
    font-size: .8rem;
  }
}
@media only screen and (max-width: 1280px) {
  /* 1280 */
  .swiper_solution {
    height: 50vw;
  }

  .par_grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    /*設定 Grid 的寬度*/
  }

  .banner_font {
    width: 100%;
    padding-left: 120px;
  }
  .banner_font h2 {
    font-size: 2.5rem;
  }

  .logo_pic {
    margin-left: 0;
  }

  .regiontxt {
    display: none;
  }

  .regionicon {
    width: 20px;
    height: 20px;
    color: #76063C;
  }

  .red_topsearch {
    width: 26px;
    height: 26px;
  }

  .compare_icon {
    width: 26px;
    height: 26px;
  }

  .inquiry_icon {
    width: 26px;
    height: 26px;
  }

  .red_number {
    top: -10px;
    right: -8px;
  }

  .menu_wrapper {
    padding-left: 15px;
  }

  .index2banner_bg .index2banner_wordblock h3 {
    font-size: 1.6rem;
  }
  .index2banner_bg .index2banner_wordblock p {
    font-size: 1rem;
  }

  .index_title {
    font-size: 2rem;
    line-height: 1.6;
  }
  .index_title .subtitle {
    font-size: 1.8rem;
  }

  .lastnews_wrapper {
    width: 90%;
  }

  .footer_right {
    gap: 1rem;
  }

  .footer_desc {
    min-width: 130px;
  }

  .page_wrapper {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 1154px) {
  /* 1154 */
  .Press_whitebg {
    margin: 0;
  }

  .press_fontbox.top {
    margin: 0;
  }

  .press_pic.top {
    margin: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  /* 1024 */
  #header {
    background-color: #fff;
    border-bottom: none;
  }

  .menu_wrapper {
    position: relative;
  }

  .menu_left {
    display: none;
    flex-direction: column;
    gap: 0;
  }
  .menu_left.mobile-open {
    display: block;
    position: fixed;
    /* 側邊抽屜 */
    top: 55px;
    left: 0;
    width: 100%;
    /* 想做抽屜可改 80% */
    height: 100vh;
    overflow: auto;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    padding: 16px;
    z-index: 1001;
  }
  .menu_left.mobile-open ul.menuoutside {
    display: flex;
    gap: 0;
    flex-direction: column;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }

  .menu_left a {
    color: #fff !important;
    text-decoration: none !important;
    line-height: 1.6;
  }
  .menu_left a:hover {
    color: #fff !important;
  }

  .menu_icon {
    display: block;
    margin-top: 4px;
    margin-left: 10px;
    z-index: 1002;
    position: relative;
    right: 0;
  }

  .gosub.active .down_menu_product {
    display: block;
  }

  .gosub {
    position: relative;
  }
  .gosub:hover > .down_menu_product {
    position: relative;
    top: 0;
  }

  .down_menu_product {
    position: relative;
    left: 0;
    right: 0;
    display: none;
    top: 0;
    width: 100%;
    background-color: inherit;
  }

  .bora_grid {
    grid-template-columns: 1fr;
  }

  .bora_c11 {
    background-color: inherit;
  }
  .bora_c11 .white_active {
    background: rgba(255, 255, 255, 0.3);
  }
  .bora_c11 .white_active .redft {
    color: inherit;
  }
  .bora_c11 .white_active a {
    color: #fff;
  }

  .application_menu_grid.sol {
    clear: both;
    grid-template-columns: 1fr;
    padding: 20px;
  }
  .application_menu_grid.sol .iunyygte {
    padding: 0 20px;
  }
  .application_menu_grid.sol > div:nth-child(2) {
    display: none;
  }
  .application_menu_grid.sol > div:nth-child(3) {
    display: none;
  }

  .Modules_grid {
    grid-template-columns: 1fr;
    padding: 20px 50px;
  }
  .Modules_grid .iunyygte {
    display: none;
    padding-left: 20px;
  }
  .Modules_grid .iunyygte.on {
    display: block;
  }

  .bora_padding {
    padding: 0;
  }

  .mu_sol_title {
    text-align: left;
  }

  .atsx_li {
    text-align: left;
    margin-bottom: 0;
  }

  .logo_pic {
    width: 166px;
    margin-top: 0px;
  }

  .Contact_menu {
    position: relative;
    background-color: inherit;
    top: 0;
  }
  .Contact_menu li {
    display: block;
  }
  .Contact_menu li a {
    color: #fff;
  }

  .AboutUs_menu {
    position: relative;
    top: 0;
    background-color: inherit;
    min-width: 0;
  }

  .abo_grid {
    grid-template-columns: 1fr;
  }
  .abo_grid .whet_ft {
    padding-left: 10px;
  }

  .aeh_title.redft {
    color: #fff !important;
  }

  .ahd_td.redft {
    color: #fff !important;
  }

  .red_topsearch {
    width: 34px;
    height: 34px;
  }

  .compare_icon {
    width: 34px;
    height: 34px;
  }

  .inquiry_icon {
    width: 34px;
    height: 34px;
  }

  .regionicon {
    width: 26px;
    height: 26px;
  }

  .banner_grid {
    display: flex;
    align-items: center;
    /* 垂直置中 */
    justify-content: center;
    /* 水平置中（可選） */
    height: 100%;
  }

  .banner_font {
    width: 100%;
    padding-right: 35%;
    margin: 0 auto;
  }
  .banner_font h2 {
    font-size: 2rem;
  }

  .swiper-pagination.topbanner {
    bottom: 2vw;
  }

  .partner_wrapper {
    width: 98%;
  }

  .head_office_bg {
    width: 70%;
  }

  .swiper_feaProduct {
    height: 50vw;
  }

  .index2banner_bg .index2banner_wordblock {
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(3px);
    border-radius: 15px;
    flex: 0 0 70%;
    padding: 20px;
    margin: 30px 0;
  }
  .index2banner_bg .index2banner_wordblock h3 {
    font-size: 1.5rem;
  }
  .index2banner_bg .index2banner_wordblock p {
    font-size: 1rem;
  }

  .index_title {
    font-size: 2rem;
    line-height: 1.6;
  }
  .index_title .subtitle {
    font-size: 1.5rem;
  }

  .footer_top {
    flex-direction: column;
  }

  .footer_right {
    margin-top: 20px;
    justify-content: flex-start;
  }

  .footer_bottom {
    margin-top: 20px;
  }

  .Case_bg {
    height: 30vw;
  }

  .press_pic.top {
    aspect-ratio: 4 / 3;
  }

  .product_application_wrap {
    width: 80%;
  }

  .product_application_wrap .apps__block.block3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .product_application_wrap .apps__block.block3 .apps__card:nth-child(3n) {
    grid-column: 1 / -1;
    /* 橫跨兩欄 */
    aspect-ratio: unset;
  }
}
@media only screen and (max-width: 768px) {
  /* 768 */
  #Header {
    height: 55px;
    border-bottom: none;
  }

  .ctall {
    padding-top: 55px;
  }

  .menu_wrapper {
    padding-top: 10px;
  }

  .breadcrumb_bg {
    top: 55px;
  }

  .breadcrumb_none_bg {
    position: relative;
    top: 0;
  }

  .swiper_feaProduct {
    height: 85vw;
  }

  .sw_indexso {
    padding: 0 30px 30px;
  }

  .bleft {
    padding-left: 0;
  }

  .bright {
    display: none;
  }

  .swiper_solution {
    height: 95vw;
  }

  .side_line {
    border-right: none;
  }

  .ValueAdded_grid {
    grid-template-columns: 1fr;
  }

  .Initial_grid {
    grid-template-columns: 1fr 1fr;
  }

  .right_line {
    border-right: none;
  }

  .darken_pic {
    height: auto;
  }

  .Embedded_Bg {
    width: 100%;
  }

  .Sche_icon {
    width: 100%;
  }
  .Sche_icon img {
    border-radius: 20px;
  }

  .Embedded_pic {
    margin-bottom: 20px !important;
    width: 30%;
    margin: 0 auto;
  }

  .pe_dot {
    margin-top: 30px;
  }

  .Case_bg {
    height: 48vw;
  }

  .search_outside_box {
    width: 100%;
  }

  .sarch_bar_white {
    width: 100%;
  }
  .sarch_bar_white input {
    width: 81%;
  }

  .Partners_grid {
    grid-template-columns: 1fr;
  }

  .part_bg_logo {
    margin-top: 50px;
  }

  .Issues_item h2 {
    font-size: 1.2rem;
  }

  .Newsletter_grid {
    grid-template-columns: 1fr;
  }

  .par_login_Box {
    width: 100%;
  }

  .log_top {
    margin-top: -50px;
  }

  .parwhite_bg {
    padding: 30px;
  }
  .parwhite_bg h2 {
    text-align: center;
  }

  .partner_font h2 {
    font-size: 1.5rem;
  }

  .drivers_table {
    overflow-y: scroll;
  }

  .sol_order {
    order: 2;
  }

  .Resour_font h2 {
    font-size: 1.5rem;
  }

  .full_wrapper {
    padding: 0;
  }

  .Ambu_bg {
    background-position: 400px;
  }

  .Maximize_title {
    font-size: 1.8rem;
  }

  .Maximize_font {
    font-size: 1.2rem;
  }

  .recomm_grid {
    grid-template-columns: 1fr;
  }

  .solut_pic {
    width: 100%;
  }

  .table_sample {
    overflow-y: scroll;
  }

  .year_bow {
    width: 70px;
    height: 70px;
    padding-top: 24px;
    margin-bottom: 10px;
  }

  .milest_wt_box h2 {
    font-size: 2.5em;
  }

  .price_big {
    font-size: 2.5em;
  }

  .press_mg_wp {
    width: 75%;
    margin: 0 auto;
  }

  .index_title {
    font-size: 2.0rem;
    font-weight: bolder;
  }

  .breadcrumb_bg {
    padding: 1vh 4vw;
  }

  .Privacy h2 {
    font-size: 1.2rem;
    margin-top: 20px;
  }

  .StockTransfer_bg {
    padding: 2.2em;
  }

  .job_bg {
    padding: 0vh;
  }

  .ax_inside_8x {
    width: 100%;
  }

  .crs_box {
    margin-bottom: 3vh;
  }

  .csrbanner_box {
    top: 16%;
    left: 10%;
  }
  .csrbanner_box h2 {
    font-size: 1.4em;
  }
  .csrbanner_box h1 {
    font-size: 2em;
  }

  .CSR_bg {
    background-position: 66%;
  }

  .Revenue_year {
    width: 107px;
    margin-right: 3px;
  }

  .line_table_sample {
    overflow-y: scroll;
  }

  .GoGreen_left {
    width: 47%;
  }

  .GoGreen_box {
    width: 100%;
  }

  .mb_center {
    text-align: center;
  }

  .vis_right {
    width: 100%;
  }

  .page_title {
    font-size: 2.5em;
    margin-bottom: 2vh;
  }

  .h3_font {
    font-size: 1.2rem;
    margin-bottom: 11px;
  }

  .head_office_bg {
    width: 80%;
  }

  .sel_grid {
    grid-template-columns: 1fr;
  }

  .ap_grid {
    grid-template-columns: 1fr;
  }

  .product_wrapper {
    width: 80%;
    padding-top: 30px;
  }

  .Maximize_grid {
    grid-template-columns: 1fr;
    margin: 0 auto;
  }

  .spei_fontbox {
    padding: 20px;
  }

  .Press_grid {
    grid-template-columns: 1fr;
  }

  .amr_grid {
    grid-template-columns: 1fr;
  }

  .jogicon {
    width: 6em;
  }

  .job_font {
    margin-top: 0;
    width: 12em;
  }
  .job_font h2 {
    margin-bottom: 3px;
  }
  .job_font h3 {
    font-size: .8rem;
    margin-bottom: 4px;
  }
  .job_font p {
    font-size: .9rem;
    margin-bottom: 0;
  }

  .job_right {
    width: 2em;
    margin-top: 27px;
  }

  .Positions_wrapper {
    width: 90%;
  }

  .ipc_grid {
    grid-template-columns: 1fr;
  }

  .dot_li {
    margin-left: 40px;
  }

  .op_order {
    order: -1;
  }

  .Company_font_box {
    width: 80%;
    margin: 0 auto;
    padding: 4vh 0;
  }
  .Company_font_box h2 {
    font-size: 2em;
  }

  .banner_bg {
    height: 60vw;
  }

  .banner_grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .bannermask {
    background: rgba(0, 0, 0, 0.5);
  }

  .banner_font {
    width: 80%;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
  }

  .job_wrapper {
    width: 90%;
  }

  .Resources_grid {
    grid-template-columns: 1fr;
    grid-row-gap: 0;
  }

  .Milestones_grid {
    grid-template-columns: 1fr;
    grid-row-gap: 0px;
  }

  .PressReleases_grid {
    grid-template-columns: 1fr;
  }

  .technical_grid {
    grid-template-columns: 1fr;
  }

  .cg_grid {
    grid-template-columns: 1fr;
  }

  .partner_grid {
    grid-template-columns: 1fr;
  }

  .google_sale_grid {
    grid-template-columns: 1fr;
  }

  .solutions_fone {
    flex: 0 0 calc(50% - 40px);
  }

  .feed_grid {
    width: 80%;
  }

  .feed_grid {
    grid-template-columns: 1fr;
  }

  .feedback_wrapper {
    width: 90%;
  }

  .video_grid {
    grid-template-columns: 1fr;
    /*設定 Grid 的寬度*/
  }

  .page_wrapper {
    width: 90%;
    padding: 6vh 0;
  }
  .page_wrapper.soltop {
    padding-top: 1vh;
  }

  .partner_wrapper {
    width: 90%;
  }

  .feat_left {
    margin-left: 0;
    width: 68%;
    margin: 0 auto;
    margin-top: 10vh;
  }

  .ft_md {
    margin-bottom: 30px;
  }

  .share_wrap {
    text-align: center;
  }

  .copyright {
    float: none;
  }

  .show_share {
    float: none;
    display: block;
  }

  .web_share {
    display: none;
  }

  .ft_line {
    padding: 0 0;
  }

  .lastnew_inside_wrap {
    width: 100%;
    margin: 0 auto;
  }

  .feature_bg {
    padding: 5vh;
  }

  .feature_bg2 {
    padding: 5vh;
  }

  .readmore_fora {
    margin-bottom: 50px;
  }

  .idx_title_line {
    margin-bottom: 5vh;
  }

  .pd_c11_Bg {
    padding: 8vw;
  }

  .articles_con {
    margin-top: 0;
  }

  .extafont_box h2 {
    font-size: 1.5rem;
  }

  .FeaturedCases_bg {
    margin-bottom: 4vh;
  }

  .Casebanner_box {
    max-width: 90%;
    top: 24%;
    left: 6%;
  }
  .Casebanner_box h2 {
    font-size: 1em;
  }
  .Casebanner_box h1 {
    font-size: 2.5em;
  }

  .par_grid {
    grid-template-columns: 1fr 1fr 1fr;
    /*設定 Grid 的寬度*/
  }

  .sw_indexso_block {
    width: 100%;
    /* 改成單欄 */
  }

  .sw_indexso_block_subone {
    width: 100%;
    /* 裡面兩個圈圈可上下堆疊 */
  }

  .index2banner_bg .index2banner_wordblock {
    flex: 0 0 80%;
  }
  .index2banner_bg .index2banner_wordblock h3 {
    font-size: 1.2rem;
  }
  .index2banner_bg .index2banner_wordblock .subtitle {
    font-size: 1.6rem;
  }

  .footer_right {
    flex-direction: column;
  }

  .footer_desc dl {
    border-bottom: 1px solid #ccc;
    padding: 0.5rem 0;
  }

  .footer_desc dt {
    cursor: pointer;
    position: relative;
    font-weight: bold;
    margin-right: 20px;
  }

  .footer_desc dd {
    display: none;
  }

  .footer_desc.open dd {
    display: block;
  }

  .footer_desc dt::after {
    content: "▼";
    position: absolute;
    right: 0;
    font-size: 0.6rem;
    transition: transform 0.2s ease;
  }

  .footer_desc.open dt::after {
    transform: rotate(180deg);
  }

  .ff_logo {
    width: 150px;
  }

  .fearture_wrapper.pv {
    padding-left: 0;
  }

  .contentP_Wrap {
    padding-bottom: 30px;
  }

  .nap_wrapper {
    padding: 30px 0;
  }

  .cpblock p.cpcp {
    font-size: 1.8em !important;
  }

  .company_grid {
    grid-template-columns: 1fr;
    /* 直排 */
    grid-row-gap: 2em;
    /* 可自行調整間距 */
  }

  .cpblock.sub3 {
    order: 2;
    /* 讓 sub3 在 sub2 前面 */
  }

  .cpblock.sub2 {
    order: 3;
  }

  .Company_font_box h1, .Company_font_box h2 {
    font-size: 2.5em;
  }

  .Company_font_box p {
    font-size: 1rem;
    line-height: 1.4;
  }

  .Press_whitebg {
    flex-direction: column-reverse;
  }

  .press_pic.top {
    aspect-ratio: 16 / 9;
  }

  .swiper-slide {
    width: 100%;
    height: auto;
  }

  .Open_Positionsbg {
    padding-right: 5px;
  }

  .Open_Positionsbg.whitepaper .papericon {
    flex: 0 0 30%;
    max-width: 100px;
    padding: 25px 15px;
    margin: 0 20px 0 10px;
  }

  .Open_Positionsbg.whitepaper .download_icon {
    padding: 0;
  }

  .wht_paper_box P {
    -webkit-line-clamp: 4;
  }

  .ManagementTeambg_grid {
    flex-direction: column;
    background-color: #f4f4f4;
  }

  .ManagementTeambg_grid:nth-child(odd) {
    flex-direction: column;
    background-color: #f4f4f4;
  }

  .ManagementTeambg_grid .op_order {
    padding: 0px;
  }

  .Team_boxfont {
    padding: 40px;
  }

  .fpblock {
    flex-direction: column;
  }
  .fpblock:nth-child(odd) {
    flex-direction: column-reverse;
  }

  .fppic {
    width: 100%;
  }

  .flexblock {
    flex-direction: column;
  }

  .flexbloack3.pos1 {
    max-width: 100%;
  }

  .flexbloack3.pos2 {
    max-width: 100%;
  }

  .ValueAdded {
    flex-direction: column;
    flex-wrap: unset;
  }

  .partner_block {
    flex-direction: column;
  }

  .Partnership_box {
    width: 100%;
  }

  .gode_mg {
    flex-direction: column;
  }

  .ax_leader img {
    width: 90%;
    /* 小螢幕圖片寬度自適應 */
    margin-top: 25px;
    /* 上方距離微調 */
  }

  .chk_pic {
    max-width: 32px;
    /* 可調：60 / 64 / 72 */
  }

  .Ambu_bg > .Applicat_item {
    width: 100%;
    /* 手機 / 平板時一行占滿 */
    padding-right: 0;
    /* 取消右邊距 */
    font-size: 0.95rem;
    /* 小螢幕文字可微調 */
  }

  .study_pic img {
    max-width: 90%;
    /* 手機/平板時圖不滿版 */
  }

  .product_application_wrap .apps__block.block2 {
    grid-template-columns: 1fr;
  }
  .product_application_wrap .apps__block.block3 {
    grid-template-columns: 1fr;
  }
  .product_application_wrap .apps__card {
    min-height: 340px;
    aspect-ratio: unset;
  }
}
@media only screen and (max-width: 680px) {
  /* 680 */
}
@media only screen and (max-width: 640px) {
  /* 640 */
  .swiper_solution {
    height: 110vw;
  }

  .par_grid {
    grid-template-columns: 1fr 1fr;
    /*設定 Grid 的寬度*/
  }

  .banner_font h2 {
    font-size: 1.5rem;
  }
  .banner_font p {
    font-size: 1rem;
  }

  .Case_bg {
    height: 70vw;
  }

  .product_wrapper .swiper-slide img {
    width: 100%;
    height: auto;
  }

  .font_article .picleft {
    flex-direction: column;
  }

  .font_article .picleft .bbone {
    flex: 0 0 100%;
  }

  .font_article .flexbox {
    flex-direction: column;
  }
}
@media only screen and (max-width: 575px) {
  .Open_Positionsbg.whitepaper .download_icon {
    padding: 0;
  }
}
@media only screen and (max-width: 480px) {
  /* 480 */
  .menu_wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .logo_pic {
    width: 120px;
  }

  .cop_li {
    margin-right: 5px;
    width: 24px;
  }

  .cop_li div {
    width: 100%;
  }

  #regionicon {
    display: none;
  }

  .Solutions_item_desc h2 {
    font-size: 1.4rem;
  }
  .Solutions_item_desc p {
    -webkit-line-clamp: 5;
  }

  .swiper_solution {
    height: 130vw;
  }

  .feature_bg {
    padding: 30px;
  }

  .swiper_feaProduct {
    height: 90vw;
  }

  .fearture_item_desc p {
    font-size: 1rem;
  }
  .fearture_item_desc h2 {
    font-size: 1.5rem;
  }

  .banner_bg {
    height: 80vw;
  }

  .index2banner_bg {
    padding: 0;
  }

  .index2banner_bg .index2banner_wordblock {
    flex: 0 0 100%;
    padding: 30px;
    margin: 0;
    border-radius: 0px;
  }

  .Casebanner_box p {
    font-size: 1rem;
    line-height: 1.4;
  }

  .index_title.pv {
    font-size: 2rem;
  }

  .ambox .ambox_one {
    width: 30%;
  }

  .ambox .ambox_one .bigN {
    font-size: 4.5em;
    height: 70px;
  }

  .ecab {
    margin-bottom: 30px;
  }

  .Partnership_box {
    flex-direction: column;
  }

  .par_logo {
    margin-bottom: 20px;
  }

  .product_application_wrap {
    width: 95%;
  }
}
@media only screen and (max-width: 414px) {
  /* 414 */
  .swiper_solution {
    height: 140vw;
  }

  .solutions_fone {
    flex: 0 0 calc(100% - 40px);
  }
}
@media only screen and (max-width: 390px) {
  /* 390*/
}
@media only screen and (max-width: 375px) {
  /* 375 */
  .swiper_feaProduct {
    height: 110vw;
  }

  .swiper_solution {
    height: 165vw;
  }

  .sarch_bar_white {
    width: 100%;
  }
  .sarch_bar_white input {
    width: 78%;
  }

  .email_input {
    margin-left: 15px;
  }

  .sub_mit_icon {
    font-size: 0.7rem;
  }

  .par_grid {
    grid-template-columns: 1fr;
    /*設定 Grid 的寬度*/
  }

  .index2banner_bg {
    background-position: LEFT;
  }

  .index2banner_bg .index2banner_wordblock .index2banner_wordblock2 {
    flex: 0 0 35%;
  }
}
@media only screen and (max-width: 320px) {
  /* 320 */
  .banner_bg {
    width: 100vw;
  }

  .c11_Papers_bg {
    padding: 1em;
  }
}