/* --共用區------------------------------------- */

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
  background: #f0f5f5;
}
img {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  height: auto;
}
a {
  text-decoration: none;
}

/*-----PHONE 版型-----------------------------------------------------*/

/*-------------首頁區CSS------------------*/

#TOP_BK {
  display: block;
  width: 100%;
  position: absolute;
}
#TOP {
  display: block;
  width: 100%;
  height: 97px;
  position: relative;
  z-index: 999;
}
#TOP h3 img {
  width: 100%;
  height: auto;
}
#TOP h3 a {
  display: block;
  width: 225px;
  height: 97px;
  float: left;
  margin: 12px 0 0 0;
  z-index: 666;
}

#TOP h5 {
  display: block;
  width: 75px;
  position: absolute;
  right: 20px;
  top: 34px;
}
.LAN a {
  display: block;
  float: left;
  margin: 0 2px;
  padding: 0 5px;
  border: 1px solid #4db0b0;
  border-radius: 50%;
  font:
    bold 15px/32px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #4db0b0;
}
.LAN span a {
  background: rgba(75, 175, 175, 0.35);
  color: #fff;
}
.LAN a:hover {
  background: #4db0b0;
  color: #fff;
}

/*-------------手機按紐------------------*/
#TOP-MENU h4 {
  display: block;
  width: 100%;
  height: 50px;
  position: fixed;
  bottom: 0;
  background: url(IMG/index/phone_list.png) no-repeat center center #333;
  background-size: 320px auto;
}
/*-------------雙層選單------------------*/
#qaContent {
  position: fixed;
  bottom: 50px;
  width: 100%;
  height: auto;
  float: none;
  overflow: hidden;
}
#qaContent ul.accordionPart {
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
#qaContent ul.accordionPart li {
  display: block;
  float: none;
  width: 100%;
  border-bottom: 1px solid #72a5a5;
  border-right: none;
  text-align: left;
  background: url(IMG/index/list_H.png) no-repeat 95% center #236063;
  background-size: 10px 10px;
}
#qaContent ul.accordionPart li a {
  display: block;
  width: 100%;
  padding-left: 25px;
  font:
    bold 18px/45px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #fff;
}
#qaContent ul.accordionPart li a:hover {
  background: url(IMG/index/list_H.png) no-repeat 95% center #363169;
  text-shadow: 1px 1px 3px #000;
  background-size: 10px 10px;
}
#qaContent ul.accordionPart li:last-child {
  border-right: none;
}

#qaContent ul.accordionPart li .qa_title {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  cursor: pointer;
}
#qaContent ul.accordionPart li .qa_title_on {
  color: #ad0d01;
}
#qaContent ul.accordionPart li .qa_content ul {
  /* 固定寬度 */
  width: 100%;
  /* 避免出現捲軸 */
  overflow: visible;
  /* 讓ul與母階層li相同位置 */
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 9999;
}
#qaContent ul.accordionPart li .qa_content ul li {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  background-image: none !important;
  border-bottom: none;
}
#qaContent ul.accordionPart li .qa_content ul li a {
  margin: 0;
  padding: 0;
  display: block;
  padding-left: 42px;
  background: #4db0b0;
  border-top: 1px solid #519494;
  font:
    bold 16px/35px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif !important;
  color: #fff;
  text-align: left;
}
#qaContent ul.accordionPart li .qa_content ul li a:hover {
  background: #326481;
}
#qaContent ul.accordionPart li .qa_content ul li:last-child {
  border-bottom: none !important;
}

#VISON {
  display: block;
  width: 100%;
  height: 360px;
}
#IN_VISON {
  display: block;
  width: 100%;
  height: 360px;
}

/*-------------中間區CSS------------------*/
#MAIN {
  width: 100%;
  padding: 0;
  overflow: hidden;
}
#MAIN img {
  width: 100%;
  height: auto;
}

/*第一欄*/
.M_T {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.M_T h2 {
  display: inline-block;
  padding: 0 15px;
  margin: 0 0 10px 0;
  position: relative;
  font:
    bold 30px/30px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}
.M_T h2:before,
.M_T h2:after {
  background: #ccc;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 100px;
}
.M_T h2:before {
  right: 100%;
}
.M_T h2:after {
  left: 100%;
}
.M_T_S {
  font:
    bold 24px/28px "微軟正黑體",
    Calibri,
    Arial,
    Helvetica,
    sans-serif;
  color: #4db0b0;
  margin-bottom: 10px;
  text-align: center;
}

/*第一欄*/
#M_PA_BK {
  display: block;
  width: 100%;
  height: 743px;
  background: url(IMG/index/main_bg_01.jpg) no-repeat bottom center;
  background-size: auto 743px;
  overflow: hidden;
}
#M_PA {
  display: block;
  width: 90%;
  height: 743px;
  margin: 0 auto;
  padding-top: 70px;
  position: relative;
  overflow: hidden;
}
#M_PA_possition {
  display: block;
  width: 420px;
  position: absolute;
  right: 0%;
  top: 312px;
}

#M_PB_BK {
  display: block;
  width: 100%;
  height: 652px;
  background: url(IMG/index/main_bg_02.jpg) no-repeat bottom center;
  background-size: auto 652px;
  overflow: hidden;
}
#M_PC_BK {
  display: block;
  width: 100%;
  height: 652px;
  background: url(IMG/index/main_bg_03.jpg) no-repeat bottom center;
  background-size: auto 652px;
  overflow: hidden;
}
#M_PD_BK {
  display: block;
  width: 100%;
  height: 652px;
  background: url(IMG/index/main_bg_04.jpg) no-repeat bottom center;
  background-size: auto 652px;
  overflow: hidden;
}
#M_PE_BK {
  display: block;
  width: 100%;
  height: 652px;
  background: url(IMG/index/main_bg_05.jpg) no-repeat bottom center;
  background-size: auto 652px;
  overflow: hidden;
}

#M_PB_PD {
  display: block;
  width: 90%;
  height: 652px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#M_PB_PD_possition {
  display: block;
  width: 460px;
  position: absolute;
  left: 0%;
  top: 144px;
}

#M_PC_PE {
  display: block;
  width: 90%;
  height: 743px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#M_PC_PE_possition {
  display: block;
  width: 490px;
  position: absolute;
  right: 0%;
  top: 213px;
}

.PP ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.PP ul li {
  display: block;
  width: 100%;
  height: 345px;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.PP ul h3 {
  width: 300px;
  height: 88px;
  margin: 11px 0 15px 25px;
  text-transform: uppercase;
}
.PP ul li .word span {
  display: block;
  float: left;
  margin: 0 0 12px 12px;
  font:
    525 33px/35px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
}
.PP ul li .word span .iso {
  float: right;
  margin: 0 0 0 15px;
  font-size: 13px;
  opacity: 0.7;
}
.PP ul li .word p {
  float: left;
  padding: 0 20px;
  border-right: 1px solid #666;
  font:
    16px/30px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #ccc;
}

@media (max-width: 559px) {
  #M_PA_BK {
    height: 543px;
    background-size: auto 543px;
  }
  #M_PA {
    width: 100%;
    padding-top: 50px;
  }
  #M_PA_possition {
    width: 100%;
    position: absolute;
    right: 0;
    top: 150px;
  }

  #M_PB_BK,
  #M_PC_BK,
  #M_PD_BK,
  #M_PE_BK {
    height: 452px;
    background-size: auto 452px;
  }
  #M_PB_PD {
    width: 100%;
  }
  #M_PB_PD_possition {
    width: 100%;
    position: absolute;
    left: 0;
    top: 65px;
  }
  #M_PC_PE {
    width: 100%;
  }
  #M_PC_PE_possition {
    width: 100%;
    position: absolute;
    right: 0;
    top: 65px;
  }

  .PP ul li {
    background: rgba(0, 0, 0, 0.6);
    height: auto;
    padding-bottom: 15px;
  }
  .PP ul h3 {
    margin: 11px 0 12px 20px;
  }
  .PP ul li .word span {
    margin: 0 0 15px 12px;
  }
}
@media (max-width: 559px) {
  #M_PA_BK {
    height: 665px;
    background-size: auto 100%;
  }
  #M_PB_BK {
    height: 580px;
    background-size: auto 100%;
  }
  #M_PC_BK {
    height: 610px;
    background-size: auto 100%;
  }
  #M_PD_BK,
  #M_PE_BK {
    height: 630px;
    background-size: auto 100%;
  }
  .PP ul li .word span {
    margin: 0 0 0 12px;
  }
  .PP ul li .word p {
    width: 95%;
    margin: 0 auto;
    float: none;
    padding: 10px 20px;
    border-right: none;
    border-bottom: 1px solid #666;
  }
}

/*第二欄*/
#M02_BK {
  display: block;
  width: 100%;
  height: 457px;
  padding: 70px 0 0 0;
  background: url(IMG/index/main_bg_06.jpg) no-repeat bottom center #222;
  background-size: auto 457px;
  overflow: hidden;
}
#M02 {
  display: block;
  width: 100%;
  padding: 0 25px;
  overflow: hidden;
}

#M02_left {
  display: block;
  float: left;
  width: 43%;
  margin: 0 5% 0 0;
  overflow: hidden;
}

#M02_right {
  display: block;
  float: left;
  width: 52%;
  padding-top: 10px;
  overflow: hidden;
}
.M02_T {
  font:
    bold 25px/35px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #4db0b0;
  margin-bottom: 15px;
}
.M02_S {
  font:
    bold 15px/25px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #ccc;
  margin-bottom: 25px;
  text-align: justify;
}
.M02_icon {
  display: block;
  float: left;
  margin: 0 20px 5px 0;
  overflow: hidden;
}
.M02_icon_img {
  display: block;
  float: left;
  width: 55px;
  height: 55px;
  margin-right: 10px;
}
.M02_icon_p {
  display: block;
  float: left;
  font:
    bold 18px/55px "微軟正黑體",
    Calibri,
    Arial,
    Helvetica,
    sans-serif;
  overflow: hidden;
}
.M02_icon_p a {
  color: #fff;
}
.M02_icon_p a:hover {
  color: #999;
}

@media (max-width: 900px) {
  #M02_BK {
    height: auto;
    padding: 50px 0;
    background-position: 30% bottom;
    background-size: auto 100%;
  }
  #M02_left {
    display: block;
    float: none;
    width: 80%;
    margin: 0 auto;
    max-width: 400px;
    overflow: hidden;
  }
  #M02_right {
    display: block;
    float: none;
    width: 100%;
    padding-top: 25px;
    overflow: hidden;
  }
}

/*第三欄*/
#M03_BK {
  display: block;
  width: 100%;
  height: 580px;
  padding-top: 60px;
  background: url(IMG/index/main_bg_07.jpg) no-repeat bottom center #070a0a;
  background-size: auto 580px;
  overflow: hidden;
}
#M03 {
  display: block;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

#M03_map {
  display: block;
  width: 100%;
  position: relative;
}
#M03_logo {
  display: block;
  position: absolute;
  top: 37%;
  left: 42%;
}

@media (min-width: 480px) and (max-width: 800px) {
  #M03_BK {
    height: 465px;
    background-size: auto 465px;
    padding-top: 40px;
  }
}
@media (max-width: 479px) {
  #M03_BK {
    height: 320px;
    background-size: auto 320px;
    padding-top: 35px;
  }
  #M03_logo {
    display: block;
    position: absolute;
    top: 35%;
    left: 41%;
  }
}

/*-------------底部區CSS------------------*/
#FOOT_BK {
  clear: both;
  display: block;
  width: 100%;
  background: url(IMG/index/foot_bg.jpg) no-repeat -525px top #4dafb0;
  background-size: auto 191px;
  overflow: hidden;
}
#IN_FOOT_BK {
  clear: both;
  display: block;
  width: 100%;
  background: url(IMG/index/in_foot_bg.jpg) no-repeat -525px top #4dafb0;
  background-size: auto 191px;
  overflow: hidden;
}
#FOOT {
  display: block;
  width: 850px;
  margin: 0 auto;
  padding: 30px 15px 18px 15px;
  overflow: hidden;
}
#FOOT img {
  width: 100%;
  height: auto;
}

#F_logo {
  display: block;
  float: left;
  width: 181px;
  height: 51px;
}
#F_slogan {
  display: block;
  float: left;
  height: 38px;
  margin: 8px 22px;
  padding: 5px 22px;
  border-left: 1px solid #236063;
  border-right: 1px solid #236063;
  font:
    bold 18px/25px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #222;
}
.F_icon_bg {
  display: block;
  float: left;
  width: 230px;
}
.F_icon a {
  display: block;
  float: left;
  width: 44px;
  height: 44px;
  margin: 3px 2px 0 0;
}
.F_icon a:hover {
  opacity: 0.8;
}

#FOOT_down {
  display: block;
  width: 100%;
  background: rgba(10, 110, 130, 0.3);
  padding: 12px 15px 62px 15px;
  overflow: hidden;
}
.F_word {
  display: block;
  font:
    bold 15px/20px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #222;
  text-align: center;
}
.F_word a {
  font:
    bold 15px/24px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #222;
  text-align: center;
  text-decoration: underline;
}
.F_word a:hover {
  color: #71eaea;
}

.F_word sup {
  vertical-align: super;
  font-size: smaller;
}

@media (max-width: 849px) {
  #FOOT {
    width: 100%;
  }
  #F_logo {
    float: none;
    width: 181px;
    height: 51px;
    margin: 0 auto;
  }
  #F_slogan {
    float: none;
    margin: 0;
    padding: 8px 0;
    border-left: none;
    border-right: none;
    text-align: center;
  }
  .F_icon_bg {
    float: none;
    margin: 0 auto;
    padding-top: 5px;
    overflow: hidden;
  }
}
@media (max-width: 689px) {
}

/*-------------內頁區CSS------------------*/
#IN_MAIN_BK {
  width: 100%;
  padding-bottom: 35px;
  background: url(IMG/index/in_main_bg.png) no-repeat center bottom;
  overflow: hidden;
}
#IN_MAIN_SH {
  width: 100%;
  height: 25px;
}
#IN_MAIN {
  width: 100%;
  padding: 15px;
  overflow: hidden;
}
#IN_MAIN img {
  width: 100%;
  height: auto;
}

.M_T {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.M_T h3 {
  display: inline-block;
  padding: 0 15px;
  margin: 0 0 25px 0;
  position: relative;
  font:
    bold 30px/30px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #222;
}
.M_T h3:before,
.M_T h3:after {
  background: #28657f;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 100px;
}
.M_T h3:before {
  right: 100%;
}
.M_T h3:after {
  left: 100%;
}

/*第2種標題*/
.M_T_2 {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.M_T_2 h3 {
  display: inline-block;
  padding: 0 15px;
  margin: 0 0 35px 0;
  position: relative;
  font:
    bold 30px/30px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #fff;
}
.M_T_2 h3:before,
.M_T_2 h3:after {
  background: #71eaea;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 175px;
}
.M_T_2 h3:before {
  right: 100%;
}
.M_T_2 h3:after {
  left: 100%;
}

.IN_title {
  display: block;
  margin-bottom: 25px;
  padding-left: 15px;
  border-radius: 8px;
  font:
    bold 20px/42px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #fff;
  background: linear-gradient(
    to right,
    #314967 0%,
    #28657f 45%,
    #8ca0ae 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  overflow: hidden;
}
.IN_title span {
  font-size: 15px;
}
.IN_title p {
  display: block;
  float: left;
}
.IN_title img {
  display: block;
  width: 35px !important;
  height: 32px !important;
  float: left;
  margin: 5px 0 0 5px;
}

/*ABOUT*/
#about_A_left {
  display: block;
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  overflow: hidden;
}
#about_A_right {
  display: block;
  width: 100%;
  padding: 12px 0;
  overflow: hidden;
}

#about_B_left {
  display: block;
  width: 100%;
  padding: 12px 0;
  overflow: hidden;
}
#about_B_right {
  display: block;
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  overflow: hidden;
}

#about_A_2 {
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 20px;
  border-radius: 10px;
  background: #dfebf0;
  padding: 10px 20px;
  overflow: hidden;
  font:
    bold 15px/18px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #0054a6;
  text-align: center;
}
.about_A_2_img {
  width: 21%;
  float: left;
}
.about_A_2_img_2 {
  width: 30%;
  float: left;
}
.about_A_2_img_2 span {
  display: block;
  margin-top: 32px;
}
.about_A_2_line {
  width: 16px;
  height: auto;
  float: left;
  margin: 0 1%;
}

#about_A_3 {
  display: block;
  padding: 0 405px 40px 0;
  background: url(IMG/about/about_a_23-en.jpg) no-repeat bottom right;
  background-size: auto 244px;
  overflow: hidden;
}

@media (min-width: 900px) {
  /*.about_A_2_img img{width:150px !important; margin:0 auto;  }
.about_A_2_img_2 img{width:214px !important; margin:0 auto;  }*/
}
@media (max-width: 899px) {
  #about_A_3 {
    padding: 15px 0 170px 0;
    background-size: auto 215px;
  }
  #about_A_3 p {
    padding-right: 0;
  }
}
@media (max-width: 749px) {
  .about_A_2_img {
    width: 40%;
    height: auto;
    float: left;
    margin: 0 5%;
  }
  .about_A_2_img_2 {
    width: 40%;
    height: auto;
    float: left;
    margin: 0 5%;
  }
  .about_A_2_line {
    display: none;
  }
}
@media (max-width: 399px) {
  .about_A_2_img,
  .about_A_2_img_2 {
    width: 45%;
    height: auto;
    float: left;
    margin: 0 2.5%;
  }
}

/*--------------------*/
#about_B_1 {
  display: block;
  margin-bottom: 40px;
  padding: 24px 320px 20px 20px;
  background: url(IMG/about/about_b_03.jpg) no-repeat bottom right #e6efef;
  background-size: auto 103px;
  overflow: hidden;
}

#about_B_2 {
  display: block;
  width: 100%;
  overflow: hidden;
}
.about_B_2_bg {
  display: block;
  padding: 5px 0 5px 12px;
  background: url(IMG/about/about_icon_line.png) repeat-y 12px top;
  background-size: 35px 32px;
  overflow: hidden;
}
.about_B_2_down {
  display: block;
  height: 45px;
  padding: 0 0 0 12px;
  background: url(IMG/about/about_icon_arrow.png) no-repeat 12px top;
  background-size: auto 45px;
  overflow: hidden;
}

.about_B_left_blue {
  display: block;
  float: left;
  width: 20%;
  padding: 12px 0;
  background: url(IMG/about/about_icon_4.png) no-repeat center right;
  background-size: 12px 28px;
  font:
    bold 20px/32px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #2c8ccf;
  overflow: hidden;
}
.about_B_left_blue_img {
  display: block;
  width: 35px;
  height: 32px;
  float: left;
  margin-right: 3px;
}
.about_B_right_blue {
  display: block;
  float: left;
  width: 80%;
  padding: 12px 20px;
  border-radius: 10px;
  background: #dbe9ef;
  font:
    bold 16px/32px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #444;
  text-align: justify;
  overflow: hidden;
}
.about_B_right_blue span {
  font-size: 20px;
  color: #2c8ccf;
}

.about_B_left_purple {
  display: block;
  float: left;
  width: 20%;
  padding: 12px 0;
  background: url(IMG/about/about_icon_5.png) no-repeat center right;
  background-size: 12px 28px;
  font:
    bold 20px/32px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #5c2f8b;
  overflow: hidden;
}
.about_B_left_purple_img {
  display: block;
  width: 35px;
  height: 32px;
  float: left;
  margin-right: 3px;
}
.about_B_right_purple {
  display: block;
  float: left;
  width: 80%;
  padding: 12px 20px;
  border-radius: 10px;
  background: #e4dfe9;
  font:
    bold 16px/32px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #444;
  text-align: justify;
  overflow: hidden;
}
.about_B_right_purple span {
  font-size: 20px;
  color: #5c2f8b;
}

@media (min-width: 589px) and (max-width: 839px) {
  #about_B_1 {
    margin-bottom: 25px;
    padding: 115px 20px 15px 20px;
    height: auto;
    background: url(IMG/about/about_b_phone_03.jpg) no-repeat top right #e6efef;
    background-size: auto 103px;
  }
  .about_B_left_blue,
  .about_B_left_purple {
    width: 25%;
  }
  .about_B_right_blue,
  .about_B_right_purple {
    width: 75%;
  }
}
@media (max-width: 679px) {
  #about_B_1 {
    margin-bottom: 25px;
    padding: 115px 20px 15px 20px;
    height: auto;
    background: url(IMG/about/about_b_phone_03.jpg) no-repeat top right #e6efef;
    background-size: auto 103px;
  }

  .about_B_left_blue,
  .about_B_left_purple {
    width: 100%;
    float: none;
    background: none;
  }
  .about_B_right_blue,
  .about_B_right_purple {
    width: 100%;
    float: none;
  }
}

/*--------------------*/
#about_C_BK {
  display: block;
  width: 100%;
  padding: 50px 0 0 25px;
  background: url(IMG/about/about_c_03.png) no-repeat;
  background-size: 100% auto;
}
#about_C_PP {
  display: block;
  width: 787px;
  height: 462px;
  background: url(IMG/about/about_c_pp_03-en.png) no-repeat;
  background-size: 787px auto;
}

@media (min-width: 768px) and (max-width: 860px) {
  #about_C_BK {
    padding: 20px 0 0 15px;
  }
  #about_C_PP {
    width: 550px;
    height: 414px;
    background: url(IMG/about/about_c_pp_pad_03-en.png) no-repeat;
    background-size: 550px auto;
  }
}
@media (max-width: 767px) {
  #about_C_BK {
    padding: 25px 0 0 15px;
    background: url(IMG/about/about_c_03.png) no-repeat top right;
    background-size: auto 265px;
  }
  #about_C_PP {
    max-width: 420px;
    height: 633px;
    background: url(IMG/about/about_c_pp_phone_03-en.png) no-repeat;
    background-size: 420px auto;
  }
}
@media (max-width: 599px) {
  #about_C_BK {
    background: url(IMG/about/about_c_03.png) no-repeat top right;
    background-size: auto 210px;
  }
  #about_C_PP {
    max-width: 320px;
    height: 482px;
    background: url(IMG/about/about_c_pp_phone_03-en.png) no-repeat;
    background-size: 320px auto;
  }
}

/*--------------------*/
#about_D_2 {
  display: block;
  width: 100%;
  margin: 25px 0;
  overflow: hidden;
}
.about_D_2_img {
  width: 18%;
  float: left;
  margin: 0 1%;
}

#about_D_left {
  display: block;
  float: left;
  width: 55%;
  overflow: hidden;
}
#about_D_right {
  display: block;
  float: left;
  width: 45%;
  padding: 25px 0 0 15px;
  overflow: hidden;
}

@media (max-width: 839px) {
  #about_D_left {
    display: block;
    float: none;
    width: 100%;
    overflow: hidden;
  }
  #about_D_right {
    display: block;
    float: none;
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    padding: 25px 0 0 15px;
    overflow: hidden;
  }
  .about_D_2_img {
    width: 44%;
    float: left;
    margin: 0 3%;
  }

  .about_D_2_img:nth-child(2n + 1) {
    clear: left;
  }
}
@media (max-width: 767px) {
  #about_D_left .table {
    font-size: 16px;
  }
}
@media (max-width: 499px) {
  .about_D_2_img {
    width: 70%;
    margin: 0 auto;
    float: none;
  }
}

/*--------------------*/
#about_E_1 {
  display: block;
  margin-bottom: 40px;
  padding: 20px 250px 20px 20px;
  height: 120px;
  background: url(IMG/about/about_e_03.jpg) no-repeat 80% top #e6efef;
  background-size: auto 120px;
  overflow: hidden;
}

#about_E_2 {
  display: block;
  width: 100%;
  height: 425px;
  background: url(IMG/about/about_e_11.png) no-repeat center center;
  background-size: auto 395px;
  position: relative;
  overflow: hidden;
}
#about_E_2_wa {
  display: block;
  width: 255px;
  height: 125px;
  position: absolute;
  top: 110px;
  left: 0;
  padding: 15px 20px 15px 40px;
  border-radius: 10px;
  background: url(IMG/about/about_e_09.png) no-repeat #dbe9ef;
  background-size: 50px 50px;
}
#about_E_2_wb {
  display: block;
  width: 288px;
  height: 105px;
  position: absolute;
  bottom: 0;
  left: 28%;
  padding: 15px 20px 15px 40px;
  border-radius: 10px;
  background: url(IMG/about/about_e_09.png) no-repeat #dbe9ef;
  background-size: 50px 50px;
}
#about_E_2_wc {
  display: block;
  width: 275px;
  height: 180px;
  position: absolute;
  top: 5px;
  right: 0;
  padding: 15px 20px 15px 40px;
  border-radius: 10px;
  background: url(IMG/about/about_e_09.png) no-repeat #dbe9ef;
  background-size: 50px 50px;
}
.E_2_white {
  position: absolute;
  top: 0;
  left: 6px;
  font-style: italic !important;
  font:
    bold 20px/35px Arial,
    Helvetica,
    sans-serif;
  color: #fff;
}

#about_E_3 {
  display: block;
  width: 845px;
  margin: 0 auto;
  margin-top: 35px;
  text-align: center;
}

@media (max-width: 869px) {
  #about_E_1 {
    padding: 20px 165px 20px 20px;
    background: url(IMG/about/about_e_03.jpg) no-repeat 40% top #e6efef;
    background-size: auto 120px;
  }
}
@media (max-width: 784px) {
  #about_E_1 {
    padding: 20px;
    background: url(IMG/about/about_e_03.jpg) no-repeat 25% top #e6efef;
    background-size: auto 120px;
  }
}
@media (min-width: 590px) and (max-width: 640px) {
  #about_E_1 {
    height: 150px;
    background: url(IMG/about/about_e_03.jpg) no-repeat 35% top #e6efef;
    background-size: auto 150px;
  }
}
@media (max-width: 589px) {
  #about_E_1 {
    margin-bottom: 25px;
    padding: 115px 20px 15px 20px;
    height: auto;
    background: url(IMG/about/about_e_phone_03.jpg) no-repeat top right #e6efef;
    background-size: auto 103px;
  }
}
@media (max-width: 819px) {
  #about_E_2 {
    display: block;
    width: 100%;
    height: 660px;
    margin-top: 25px;
    background: url(IMG/about/about_e_11.png) no-repeat center bottom;
    background-size: 85% auto;
  }
  #about_E_2_wa {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    position: relative;
    top: auto;
    right: auto;
    padding: 15px 12px 15px 35px;
  }
  #about_E_2_wb {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    position: relative;
    top: auto;
    left: auto;
    left: 0;
    padding: 15px 12px 15px 35px;
  }
  #about_E_2_wc {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    bottom: auto;
    left: auto;
    padding: 15px 12px 15px 35px;
  }

  #about_E_3 {
    display: block;
    width: 100%;
  }
}
@media (max-width: 634px) {
  #about_E_2 {
    height: 620px;
  }
}
@media (max-width: 544px) {
  #about_E_2 {
    height: 600px;
  }
}

/*投資人專區*/
#investor_A_1 {
  display: block;
  width: 100%;
  padding: 8px 0 85px 8px;
  background: url(IMG/investor/investor_a_07.png) no-repeat top right;
  background-size: 525px auto;
  overflow: hidden;
}
#investor_A_2 {
  display: block;
  max-width: 895px;
  margin: 0 auto;
}

.table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  font:
    bold 18px/35px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #313467;
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: rgb(210, 225, 235, 0.7);
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 6px 8px;
  line-height: 1.42857143;
  vertical-align: middle;
}
.table span {
  width: 50%;
  float: left;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
  margin-top: 3px;
}

@media (max-width: 819px) {
  #investor_A_1 {
    padding: 8px 0 35px 8px;
  }
  .table-striped > tbody > tr:nth-child(odd) > td,
  .table-striped > tbody > tr:nth-child(odd) > th {
  }
  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    padding: 4px 8px;
  }
  .table span {
    width: 100%;
  }
}
@media (max-width: 569px) {
  #investor_A_1 {
    padding: 8px 0 35px 8px;
    background-size: 350px auto;
  }
}

/*--------------------*/
#investor_B_BK {
  display: block;
  padding: 0 0 210px 0;
  background: url(IMG/investor/investor_b_03.png) no-repeat left bottom;
  background-size: auto 317px;
  overflow: hidden;
}
.investor_B_link_BK {
  display: block;
  width: 481px;
  margin: 0 auto;
  margin-bottom: 25px;
  overflow: hidden;
}
.investor_B_link_no_a {
  display: block;
  float: left;
  margin: 0 5px;
  padding: 0 35px 0 20px;
  border-radius: 8px;
  font:
    bold 20px/42px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #fff;
  text-align: center;
  background: url(IMG/investor/investor_icon_1.png) no-repeat 95% center #442367;
  background-size: 22px 20px;
}

.investor_links_container {
  padding-top: 25px;
  margin: 0 auto;
  clear: both;
  display: flex;
  justify-content: center; /* 水平置中 */
  align-items: center; /* 垂直置中 */
  gap: 10px; /* 選項間距 */
  flex-wrap: wrap; /* 螢幕窄時自動換行 */
}

.investor_B_link a {
  display: block;
  float: left;
  margin: 0 5px;
  padding: 0 40px 0 20px;
  border-radius: 8px;
  font:
    bold 18px/42px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #fff;
  text-align: center;
  background: url(IMG/investor/investor_icon_1.png) no-repeat 98% center #442367;
  background-size: 22px 20px;
}
.investor_B_link a:hover {
  background: url(IMG/investor/investor_icon_1.png) no-repeat 95% center #4db0b0;
  background-size: 22px 20px;
}
#investor_B_left {
  display: block;
  width: 100%;
  overflow: hidden;
}
#investor_B_right {
  display: block;
  width: 100%;
  overflow: hidden;
}

.investor_B_new p a {
  float: left;
  margin: 0 12px;
  font:
    bold 16px/42px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #666;
}
.investor_B_new p a:hover {
  color: #442367;
  font-size: 18px;
}

@media (max-width: 684px) {
  #investor_B_left .IN_title,
  #investor_B_right .IN_title {
    padding: 8px 15px;
    font-size: 16px;
    line-height: 22px;
  }
  #investor_B_left .IN_title img {
    margin: -2px 0 0 5px;
    float: right;
  }
}
@media (max-width: 524px) {
  .investor_B_link_BK {
    width: 100%;
  }
  .investor_B_link a {
    float: none;
    padding: 0 30px 0 12px;
    margin-bottom: 8px;
  }
}
@media (max-width: 480px) {
  #investor_B_BK {
    background: url(IMG/investor/investor_b_03.png) no-repeat 20% bottom;
    background-size: auto 317px;
  }
}

/*--------------------*/
#investor_C_left {
  display: block;
  width: 100%;
  padding: 30px 0 0 0;
  overflow: hidden;
}
#investor_C_right {
  display: block;
  max-width: 324px;
  float: right;
  margin-right: 30px;
  overflow: hidden;
}
#investor_C_left img {
  width: 35px;
  height: 32px;
}
#investor_C_left a:hover {
  opacity: 0.75;
}

/*--------------------*/
.investor_D {
  display: block;
  width: 100%;
  padding: 20px 12px;
  border-bottom: 1px dotted #888;
  overflow: hidden;
}
.investor_D_img {
  display: block;
  width: 25%;
  float: left;
  margin: 0 2% 0 0;
}
.investor_D_word {
  display: block;
  width: 73%;
  float: left;
  padding: 20px 0 0 0;
}

@media (max-width: 767px) {
  .investor_D_img {
    display: block;
    width: 100%;
    max-width: 280px;
    float: none;
    margin: 0 auto;
  }
  .investor_D_word {
    display: block;
    width: 100%;
    float: none;
    padding: 12px 0 0 0;
  }
}

/*聯絡我們*/
/*CONTACT*/
#IN_CONTACT_BK {
  width: 100%;
  background: url(IMG/contact/contact_02.png) no-repeat center top;
  background-size: auto 490px;
  overflow: hidden;
  z-index: -9;
}

.conact_left {
  clear: both;
  display: block;
  float: left;
  width: 40%;
  margin: 0 2% 0 0;
  overflow: hidden;
}
.conact_right {
  display: block;
  float: left;
  width: 54%;
  margin: 0 0 0 2%;
  overflow: hidden;
}

#C_right_word {
  display: block;
  width: 60%;
  float: right;
  margin-right: 25px;
  padding: 40px 0 75px 0;
  overflow: hidden;
}
.C_infor_word {
  display: block;
  padding: 3px 12px;
  overflow: hidden;
  font:
    bold 18px/30px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #313467;
}
.C_infor_word a {
  font:
    bold 18px/30px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #313467;
  text-decoration: underline;
}
.C_infor_word a:hover {
  color: #4db0b0;
}
.C_infor_word_icon {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 6px;
}
.conact_right .C_infor_word_icon {
  margin: 0 6px 10px 0;
}

@media (max-width: 969px) {
  #IN_CONTACT_BK {
    background-size: auto 400px;
  }
  .conact_left {
    width: 44%;
  }
  .conact_right {
    width: 50%;
  }
  #C_right_word,
  #J_right_word {
    width: 62%;
    padding: 30px 25px 65px 0;
    margin: 0;
  }
}
@media (max-width: 869px) {
  .conact_left,
  .conact_right {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 767px) {
  #IN_CONTACT_BK {
    background-size: auto 360px;
  }
  #C_right_word,
  #J_right_word {
    width: 66%;
    padding: 10px 25px 45px 0;
  }
}
@media (max-width: 639px) {
  #IN_CONTACT_BK {
    background: url(IMG/contact/contact_02.png) no-repeat 28% top;
    background-size: 275% auto;
  }
  #C_right_word,
  #J_right_word {
    width: 100%;
    padding: 80px 12px 30px 12px;
  }
}
@media (max-width: 449px) {
  #IN_CONTACT_BK {
    background-size: 325% auto;
  }
  #C_right_word,
  #J_right_word {
    padding: 60px 12px 30px 12px;
  }
  .C_infor_word,
  .C_infor_word a {
    font-size: 15px;
  }
  .conact_right .C_infor_word_icon {
    margin: 0 6px 0 0;
  }
}

/*JOIN*/
#IN_JOIN_BK {
  width: 100%;
  background: url(IMG/contact/join_02.png) no-repeat center top;
  background-size: auto 490px;
  overflow: hidden;
  z-index: -9;
}

#J_right_word {
  display: block;
  width: 53%;
  float: right;
  margin-right: 35px;
  padding: 40px 0 75px 0;
  overflow: hidden;
}

.join_word {
  padding: 5px 10px;
  border-bottom: 1px solid #f9f5fd;
  font:
    bold 17px/28px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #444;
  text-align: justify;
}

/*.J_infor_word{ display:block; width:45%; margin:0 2.5% 15px 2.5%; float:left; overflow:hidden;}
#J_infor_word_w1{ padding-top:20px;}
#J_infor_word_w2{ padding-top:30px;}
#J_infor_word_w3{ padding-top:42px;}
.J_infor_word_icon{ display:block; width:140px; height:142px; float:left; margin-right:10px;}
*/

@media (max-width: 969px) {
  #IN_JOIN_BK {
    background-size: auto 450px;
  }
  #J_right_word {
    width: 58%;
    padding: 22px 25px 75px 0;
    margin: 0;
  }
}
@media (max-width: 767px) {
  #IN_JOIN_BK {
    background-size: auto 410px;
  }
  #J_right_word {
    width: 60%;
    padding: 8px 25px 55px 0;
  }
}
@media (max-width: 689px) {
  .J_infor_word {
    width: 360px;
    float: none;
    margin: 0 auto;
    margin-bottom: 10px;
    overflow: hidden;
  }
  #J_infor_word_w1 {
    padding-top: 38px;
  }
  #J_infor_word_w2 {
    padding-top: 50px;
  }
  #J_infor_word_w3 {
    padding-top: 65px;
  }
  .J_infor_word_icon {
    width: 180px;
    height: 183px;
    margin-right: 20px;
  }
}
@media (max-width: 639px) {
  #IN_JOIN_BK {
    background: url(IMG/contact/join_02.png) no-repeat 32% top;
    background-size: 285% auto;
  }
  #J_right_word {
    width: 100%;
    padding: 65px 12px 40px 12px;
  }
}
@media (max-width: 449px) {
  #IN_JOIN_BK {
    background-size: 350% auto;
  }
  #J_right_word {
    padding: 50px 12px 40px 12px;
  }
}
@media (max-width: 360px) {
  .J_infor_word {
    width: 320px;
    float: none;
    margin: 0 auto;
    overflow: hidden;
  }
  #J_infor_word_w1 {
    padding-top: 12px;
  }
  #J_infor_word_w2 {
    padding-top: 28px;
  }
  #J_infor_word_w3 {
    padding-top: 40px;
  }
  .J_infor_word_icon {
    width: 130px;
    height: 132px;
    margin-right: 10px;
  }
}

/*PRODUCTS*/
#IN_PP_BK {
  width: 100%;
  padding-bottom: 109px;
  background: url(IMG/product/p_down.jpg) no-repeat center bottom;
  overflow: hidden;
}

#PP_top {
  display: block;
  margin: 15px 0 95px 0;
  overflow: hidden;
}
#PP_logo {
  display: block;
  float: left;
  width: 28%;
  overflow: hidden;
}
#PP_word {
  display: block;
  float: left;
  width: 71%;
  margin: 10px 0 0 1%;
  border-left: 1px solid #fff;
  padding: 0 0 0 25px;
  text-shadow: 1px 1px 3px #000;
  font:
    bold 18px/30px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #fff;
  text-align: justify;
  overflow: hidden;
}

#PP_left {
  display: block;
  width: 40%;
  padding: 12px 10px 12px 15px;
  float: left;
  font:
    17px/30px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #fff;
  overflow: hidden;
}
#PP_right {
  display: block;
  width: 60%;
  float: right;
  overflow: hidden;
}

.PP2_title {
  display: block;
  margin: 8px 0 5px 0;
  text-shadow: 1px 1px 3px #000;
  font:
    bold 28px/45px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #fff;
}
#PP2_left {
  display: block;
  width: 68%;
  overflow: hidden;
}
#PP1_left_50 {
  width: 100%;
  overflow: hidden;
}
#PP2_left_50 {
  width: 50%;
  float: left;
  overflow: hidden;
}
#PP2_left_50 ol {
  margin: 0 0 0 20px;
  padding-left: 10px;
}
#PP2_left_50 ol li {
  list-style: disc;
  font:
    17px/32px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  text-align: justify;
  color: #333;
}
#PP2_left_50 li {
  list-style: none;
  font:
    17px/32px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  text-align: justify;
  color: #333;
}

/*EN 版才有*/
#PP2_left_EN {
  display: block;
  width: 80%;
  overflow: hidden;
}
#PP2_left_45 {
  width: 35%;
  float: left;
  overflow: hidden;
}
#PP2_left_55 {
  width: 65%;
  float: left;
  overflow: hidden;
}

#PP2_left_45 ol,
#PP2_left_55 ol {
  margin: 0 0 0 20px;
  padding-left: 10px;
}
#PP2_left_45 ol li,
#PP2_left_55 ol li {
  list-style: disc;
  font:
    17px/32px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #333;
}
#PP2_left_45 li,
#PP2_left_55 li {
  list-style: none;
  font:
    17px/32px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #333;
}

@media (max-width: 819px) {
  #PP_top {
    margin: 15px 0 20px 0;
  }
  #PP_logo {
    float: none;
    width: 280px;
    margin: 0 auto;
  }
  #PP_word {
    float: none;
    width: 100%;
    margin: 10px 0;
    padding: 0;
    border-left: none;
    text-align: center;
  }

  #PP_left {
    width: 100%;
    float: none;
    padding: 20px 10px;
  }
  #PP_right {
    width: 375px;
    float: none;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  #PP2_left {
    width: 100%;
  }
  #PP1_left_50 {
    width: 50%;
    float: left;
  }
  #PP2_left_50 {
    width: 100%;
  }

  #PP2_left_EN {
    width: 100%;
  }

  #PA_1_BK {
    background: url(IMG/product/p1_02.jpg) no-repeat 15% top !important;
  }
  #PA_2_BK {
    background: url(IMG/product/p1_03.jpg) no-repeat 60% top !important;
  }
  #PB_1_BK {
    background: url(IMG/product/p2_02.jpg) no-repeat 35% top !important;
  }
  #PB_2_BK {
    background: url(IMG/product/p2_03.jpg) no-repeat 55% top !important;
  }
  #PC_1_BK {
    background: url(IMG/product/p3_02.jpg) no-repeat 22% top !important;
  }
  #PC_2_BK {
    background: url(IMG/product/p3_03.jpg) no-repeat 35% top !important;
  }
  #PD_1_BK {
    background: url(IMG/product/p4_02.jpg) no-repeat 28% top !important;
  }
  #PD_2_BK {
    background: url(IMG/product/p4_03.jpg) no-repeat 68% top !important;
  }
  #PE_1_BK {
    background: url(IMG/product/p5_02.jpg) no-repeat 40% top !important;
  }
  #PE_2_BK {
    background: url(IMG/product/p5_03.jpg) no-repeat 60% top !important;
  }
}

@media (max-width: 639px) {
  #PC_1_BK {
    height: auto !important;
    background: url(IMG/product/p3_02.jpg) no-repeat 45% bottom !important;
    background-size: auto 100% !important;
    overflow: hidden;
  }
  #PC_2_BK {
    height: auto !important;
    min-height: 512px;
    background: url(IMG/product/p3_03.jpg) no-repeat 42% bottom !important;
    background-size: auto 100% !important;
    overflow: hidden;
  }

  #PD_1_BK {
    height: auto !important;
    background: url(IMG/product/p4_02.jpg) no-repeat 35% bottom !important;
    background-size: auto 100% !important;
    overflow: hidden;
  }
  #PD_2_BK {
    height: auto !important;
    min-height: 512px;
    background: url(IMG/product/p4_03.jpg) no-repeat 42% bottom !important;
    background-size: auto 100% !important;
    overflow: hidden;
  }

  /*EN 版才有*/
  #PP2_left_45,
  #PP2_left_55 {
    width: 100%;
    float: none;
    overflow: hidden;
  }
}

@media (max-width: 599px) {
  #PP_top {
    margin: 0 0 15px 0;
  }

  #PP_left {
    padding: 10px;
    font-size: 13px;
    line-height: 25px;
  }

  #PA_left_bg {
    background: rgba(38, 21, 5, 0.85) !important;
  }
  #PB_left_bg {
    background: rgba(8, 32, 47, 0.85) !important;
  }
  #PC_left_bg {
    background: rgba(30, 34, 38, 0.85) !important;
  }
  #PD_left_bg {
    background: rgba(72, 21, 21, 0.85) !important;
  }
  #PE_left_bg {
    background: rgba(42, 9, 40, 0.85) !important;
  }

  #PE_2_BK {
    background: url(IMG/product/p5_03.jpg) no-repeat 35% top !important;
  }
}

@media (max-width: 415px) {
  #PP_top {
    margin: 0 0 15px 0;
  }

  #PP_left {
    padding: 15px;
    font-size: 15px;
  }
  #PP_right {
    width: 95%;
    margin: 0 2.5% 15px 2.5%;
  }
  #PP1_left_50 {
    width: 100%;
    float: none;
  }

  #PA_1_BK {
    height: auto !important;
    background: url(IMG/product/p1_02.jpg) no-repeat 12% bottom !important;
    background-size: auto 100% !important;
    overflow: hidden;
  }
  #PB_1_BK {
    height: auto !important;
    background: url(IMG/product/p2_02.jpg) no-repeat 32% bottom !important;
    background-size: auto 100% !important;
    overflow: hidden;
  }
  #PE_1_BK {
    height: auto !important;
    background: url(IMG/product/p5_02.jpg) no-repeat 38% bottom !important;
    background-size: auto 100% !important;
    overflow: hidden;
  }
}

#PA_1_BK {
  display: block;
  width: 100%;
  height: 837px;
  background: url(IMG/product/p1_02.jpg) no-repeat top center;
  background-size: auto 837px;
  overflow: hidden;
}
#PA_2_BK {
  display: block;
  width: 100%;
  height: 513px;
  background: url(IMG/product/p1_03.jpg) no-repeat top center;
  background-size: auto 513px;
  overflow: hidden;
}
#PA_left_bg {
  background: linear-gradient(
    to right,
    rgba(38, 21, 5, 0.15) 0%,
    rgba(38, 21, 5, 0.85) 10%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  overflow: hidden;
}

#PB_1_BK {
  display: block;
  width: 100%;
  height: 837px;
  background: url(IMG/product/p2_02.jpg) no-repeat top center;
  background-size: auto 837px;
  overflow: hidden;
}
#PB_2_BK {
  display: block;
  width: 100%;
  height: 513px;
  background: url(IMG/product/p2_03.jpg) no-repeat top center;
  background-size: auto 513px;
  overflow: hidden;
}
#PB_left_bg {
  background: linear-gradient(
    to right,
    rgba(8, 32, 47, 0.15) 0%,
    rgba(8, 32, 47, 0.85) 10%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  overflow: hidden;
}

#PC_1_BK {
  display: block;
  width: 100%;
  height: 837px;
  background: url(IMG/product/p3_02.jpg) no-repeat top center;
  background-size: auto 837px;
  overflow: hidden;
}
#PC_2_BK {
  display: block;
  width: 100%;
  height: 513px;
  background: url(IMG/product/p3_03.jpg) no-repeat top center;
  background-size: auto 513px;
  overflow: hidden;
}
#PC_left_bg {
  background: linear-gradient(
    to right,
    rgba(30, 34, 38, 0.15) 0%,
    rgba(30, 34, 38, 0.85) 10%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  overflow: hidden;
}

#PD_1_BK {
  display: block;
  width: 100%;
  height: 837px;
  background: url(IMG/product/p4_02.jpg) no-repeat top center;
  background-size: auto 837px;
  overflow: hidden;
}
#PD_2_BK {
  display: block;
  width: 100%;
  height: 513px;
  background: url(IMG/product/p4_03.jpg) no-repeat top center;
  background-size: auto 513px;
  overflow: hidden;
}
#PD_left_bg {
  background: linear-gradient(
    to right,
    rgba(72, 21, 21, 0.15) 0%,
    rgba(72, 21, 21, 0.85) 10%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  overflow: hidden;
}

#PE_1_BK {
  display: block;
  width: 100%;
  height: 837px;
  background: url(IMG/product/p5_02.jpg) no-repeat top center;
  background-size: auto 837px;
  overflow: hidden;
}
#PE_2_BK {
  display: block;
  width: 100%;
  height: 513px;
  background: url(IMG/product/p5_03.jpg) no-repeat top center;
  background-size: auto 513px;
  overflow: hidden;
}
#PE_left_bg {
  background: linear-gradient(
    to right,
    rgba(42, 9, 40, 0.15) 0%,
    rgba(42, 9, 40, 0.85) 10%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  overflow: hidden;
}

/*business-a*/
#bus_A_left {
  display: block;
  width: 67%;
  float: left;
  margin-right: 3%;
  padding: 10px 0 30px 0;
  overflow: hidden;
}
#bus_A_right {
  display: block;
  width: 30%;
  float: left;
  margin-bottom: 20px;
  overflow: hidden;
}

@media (max-width: 767px) {
  #bus_A_left {
    width: 52%;
  }
  #bus_A_right {
    width: 45%;
  }
}
@media (max-width: 664px) {
  #bus_A_left {
    width: 100%;
    margin: 0;
    float: none;
  }
  #bus_A_right {
    width: 100%;
    max-width: 320px;
    float: none;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

#bus_A {
  display: block;
  height: 900px;
  background: url(IMG/business/b1_15.png) no-repeat center 225px;
  background-size: 384px auto;
  position: relative;
  overflow: hidden;
}

#bus_A_bg_a {
  display: block;
  width: 48%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
#bus_A_ta {
  display: block;
  width: 263px;
  height: 69px;
  margin: 10px 0 10px 0;
  padding-top: 8px;
  background: url(IMG/business/b1_bg_1.png) no-repeat;
  background-size: 263px 69px;
  font:
    bold 20px/52px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #fff;
  text-align: center;
}
#bus_A_wa {
  display: block;
  width: 100%;
}

#bus_A_bg_b {
  display: block;
  width: 48%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}
#bus_A_tb {
  display: block;
  width: 263px;
  height: 69px;
  float: right;
  margin: 10px 0 10px 0;
  padding-top: 8px;
  background: url(IMG/business/b1_bg_2.png) no-repeat;
  background-size: 263px 69px;
  font:
    bold 20px/52px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #fff;
  text-align: center;
}
#bus_A_wb {
  display: block;
  width: 100%;
  float: right;
}

#bus_A_bg_c {
  display: block;
  width: 48%;
  position: absolute;
  top: 490px;
  left: 0;
  overflow: hidden;
}
#bus_A_tc {
  display: block;
  width: 263px;
  height: 69px;
  margin: 10px 0 10px 0;
  padding-top: 8px;
  background: url(IMG/business/b1_bg_3.png) no-repeat;
  background-size: 263px 69px;
  font:
    bold 20px/52px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #fff;
  text-align: center;
}

#bus_A_bg_d {
  display: block;
  width: 48%;
  position: absolute;
  top: 490px;
  right: 0;
  overflow: hidden;
}
#bus_A_td {
  display: block;
  width: 263px;
  height: 69px;
  float: right;
  margin: 10px 0 10px 0;
  padding-top: 8px;
  background: url(IMG/business/b1_bg_4.png) no-repeat;
  background-size: 263px 69px;
  font:
    bold 20px/52px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #fff;
  text-align: center;
}

@media (max-width: 799px) {
  #bus_A {
    height: auto;
    padding-bottom: 320px;
    background: url(IMG/business/b1_15.png) no-repeat center bottom;
    background-size: 360px auto;
  }
  #bus_A_ta,
  #bus_A_tb,
  #bus_A_tc,
  #bus_A_td {
    float: none;
    margin: 0 auto;
  }

  #bus_A_bg_a {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
  }
  #bus_A_bg_b {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    margin-top: 15px;
  }
  #bus_A_bg_c {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 15px;
  }
  #bus_A_bg_d {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    margin-top: 15px;
  }
}
@media (max-width: 410px) {
  #bus_A_tb {
    width: 100%;
    height: auto;
    background: #2c8ccf;
    border-radius: 10px;
    padding: 10px 0;
  }
  #bus_A_td {
    width: 100%;
    height: auto;
    background: #266479;
    border-radius: 10px;
    padding: 10px 0;
  }
}

/*business-b*/
#bus_B {
  display: block;
  height: 740px;
  background: url(IMG/business/b2_15-en.png) no-repeat bottom center;
  background-size: 550px auto;
  position: relative;
  overflow: hidden;
}

#bus_B_wa {
  display: block;
  width: 465px;
  position: absolute;
  top: 0px;
  left: 0;
  border-radius: 10px;
  border: 2px solid #dbe9ef;
}
#bus_B_wa h5 {
  font:
    bold 20px/40px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #666;
  border-bottom: 2px solid #dbe9ef;
  padding-left: 8px;
}
#bus_B_wb {
  display: block;
  width: 260px;
  position: absolute;
  bottom: 110px;
  left: 0;
  border-radius: 10px;
  border: 2px solid #dbe9ef;
}
#bus_B_wb h5 {
  font:
    bold 20px/40px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #ff831e;
  border-bottom: 2px solid #dbe9ef;
  padding-left: 8px;
}
#bus_B_wc {
  display: block;
  width: 400px;
  position: absolute;
  top: 0px;
  right: 0;
  border-radius: 10px;
  border: 2px solid #dbe9ef;
}
#bus_B_wc h5 {
  font:
    bold 20px/40px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #7f2f8b;
  border-bottom: 2px solid #dbe9ef;
  padding-left: 8px;
}
#bus_B_wd {
  display: block;
  width: 260px;
  position: absolute;
  bottom: 160px;
  right: 0;
  border-radius: 10px;
  border: 2px solid #dbe9ef;
}
#bus_B_wd h5 {
  font:
    bold 20px/40px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #2c8ccf;
  border-bottom: 2px solid #dbe9ef;
  padding-left: 8px;
}

#bus_B_wa .table,
#bus_B_wb .table,
#bus_B_wc .table,
#bus_B_wd .table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  font:
    bold 18px/35px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #333;
}
@media (max-width: 924px) {
  #bus_B {
    padding-bottom: 950px;
    background: url(IMG/business/b2_15_phone-en.png) no-repeat right bottom;
    background-size: 72% auto;
  }
  #bus_B_wa {
    width: 48%;
    left: 0;
  }
  #bus_B_wb {
    width: 48%;
    height: 345px;
    top: 320px;
  }
  #bus_B_wc {
    width: 48%;
  }
  #bus_B_wd {
    width: 48%;
    height: 160px;
    top: 220px;
  }
}
@media (max-width: 819px) {
  #bus_B_wb {
    height: 313px;
    top: 330px;
  }
  #bus_B_wd {
    height: 150px;
    top: 230px;
  }
}
@media (max-width: 649px) {
  #bus_B {
    padding-bottom: 1390px;
    background: url(IMG/business/b2_15_phone-en.png) no-repeat center bottom;
    background-size: 100% auto;
  }
  #bus_B_wa {
    width: 100%;
    top: 0px;
  }
  #bus_B_wb {
    width: 100%;
    top: 220px;
  }
  #bus_B_wc {
    width: 100%;
    top: 540px;
  }
  #bus_B_wd {
    width: 100%;
    top: 695px;
  }
}
@media (max-width: 529px) {
  #bus_B {
    padding-bottom: 1350px;
  }
  #bus_B_wb {
    width: 100%;
    top: 275px;
  }
  #bus_B_wc {
    width: 100%;
    top: 600px;
  }
  #bus_B_wd {
    width: 100%;
    top: 780px;
  }
}
@media (max-width: 449px) {
  #bus_B {
    padding-bottom: 1350px;
  }
  #bus_B_wb {
    width: 100%;
    top: 305px;
  }
  #bus_B_wc {
    width: 100%;
    top: 630px;
  }
  #bus_B_wd {
    width: 100%;
    top: 840px;
  }
}
@media (max-width: 349px) {
  #bus_B {
    padding-bottom: 1300px;
  }
  #bus_B_wb {
    width: 100%;
    top: 330px;
  }
  #bus_B_wc {
    width: 100%;
    top: 655px;
  }
  #bus_B_wd {
    width: 100%;
    top: 865px;
  }
}

#bus_A_wa .table,
#bus_A_wb .table,
#bus_B_wa .table,
#bus_B_wb .table,
#bus_B_wc .table,
#bus_B_wd .table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  font:
    bold 18px/35px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #333;
}
.word_gray ol {
  margin: 0;
  padding-left: 20px;
}
.word_gray ol li {
  list-style: disc;
  font:
    bold 16px/25px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #444;
  text-align: justify;
}
.word_gray li {
  list-style: none;
  font:
    bold 16px/25px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #444;
  text-align: justify;
}

.word_gray {
  font:
    bold 16px/25px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #444;
  text-align: justify;
}
.word_gray_B {
  margin-bottom: 8px;
  font:
    bold 18px/28px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #333;
}

.word_green {
  margin-top: 8px;
  font:
    bold 16px/26px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #4db0b0;
}
.word_green a {
  font:
    bold 16px/26px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #4db0b0;
  text-decoration: underline;
}
.word_green a:hover {
  color: #28657f;
}

.word_blue {
  margin-bottom: 8px;
  font:
    bold 18px/28px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #313467;
}
.word_blue span {
  padding-left: 20px;
  background: url(IMG/about/about_icon_1.png) no-repeat left center;
  background-size: 18px 16px;
}

.white_sh {
  font:
    bold 18px/28px "微軟正黑體",
    Arial,
    Helvetica,
    sans-serif;
  color: #fff;
  text-shadow: 1px 1px 4px #000;
  text-align: justify;
}