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

* {
  -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;
}

a {
  text-decoration: none;
}

/*-----PC版型-----------------------------------------------------*/

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

#TOP_BK {
  display: block;
  width: 100%;
  position: absolute;
}

#TOP {
  display: block;
  width: 1180px;
  height: 97px;
  margin: 0 auto;
  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 20px;
  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: none;
}

/*-------------雙層選單------------------*/
#qaContent {
  display: block;
  height: 28px;
  position: absolute;
  top: 38px;
  right: 115px;
  z-index: 9999;
}

#qaContent ul.accordionPart {
  list-style: none;
  margin: 0;
  padding: 0;
}

#qaContent ul.accordionPart li {
  display: block;
  float: left;
  border-left: 1px solid #1f787e;
  background: url(IMG/index/list_H.png) no-repeat 96% center;
  background-size: 10px 8px;
}

#qaContent ul.accordionPart li a {
  display: block;
  width: 135px;
  font: bold 17px/24px "微軟正黑體", Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
}

#qaContent ul.accordionPart li a:hover {
  color: #72eaea;
  background: url(IMG/index/list_H.png) no-repeat 96% center;
  background-size: 10px 8px;
}

#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: #4db0b0;
}

#qaContent ul.accordionPart li .qa_content ul {
  position: absolute;
  /* 固定寬度 */
  width: 135px;
  /* 避免出現捲軸 */
  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;
  clear: both;
  background-image: none !important;
  border-left: none !important;
}

#qaContent ul.accordionPart li .qa_content ul li a {
  display: block;
  background: rgba(50, 50, 105, 0.5);
  border-bottom: 1px solid #4a4c61;
  font: bold 15px/30px "微軟正黑體", Arial, Helvetica, sans-serif !important;
  color: #fff;
  text-align: center;
}

#qaContent ul.accordionPart li .qa_content ul li a:hover {
  background: rgba(240, 200, 245, 0.6);
}

#qaContent ul.accordionPart li .qa_content ul li:last-child {
  border-bottom: none !important;
}

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

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

/*-------------中間區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: 175px;
}

.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: 1024px;
  height: 743px;
  margin: 0 auto;
  padding-top: 70px;
  position: relative;
  overflow: hidden;
}

#M_PA_possition {
  display: block;
  width: 400px;
  position: absolute;
  left: 55%;
  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: 1024px;
  height: 652px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#M_PB_PD_possition {
  display: block;
  width: 400px;
  position: absolute;
  right: 55%;
  top: 144px;
}

#M_PC_PE {
  display: block;
  width: 1024px;
  height: 743px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#M_PC_PE_possition {
  display: block;
  width: 400px;
  position: absolute;
  left: 55%;
  top: 213px;
}

.PP ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.PP ul li {
  display: block;
  width: 100%;
  height: 105px;
  overflow: hidden;
}

.PP ul h3 {
  width: 300px;
  height: 88px;
  margin: 11px 0 24px 25px;
  text-transform: uppercase;
}

.PP ul li .word span {
  display: block;
  float: left;
  margin: 0 0 12px 28px;
  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 28px;
  border-right: 1px solid #666;
  font: 16px/30px "微軟正黑體", Arial, Helvetica, sans-serif;
  color: #ccc;
}

.PP ul li:hover {
  height: 345px;
  background: rgba(0, 0, 0, 0.5);
}

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

#M02 {
  display: block;
  width: 1024px;
  margin: 0 auto;
  overflow: hidden;
}

#M02_left {
  display: block;
  float: left;
  width: 38%;
  margin-right: 7%;
  overflow: hidden;
}

#M02_right {
  display: block;
  float: left;
  width: 55%;
  padding-top: 25px;
  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: 30px;
  text-align: justify;
}

.M02_icon {
  display: block;
  float: left;
  margin-right: 35px;
  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;
}

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

#M03 {
  display: block;
  width: 1024px;
  margin: 0 auto;
  overflow: hidden;
}

#M03_map {
  display: block;
  width: 100%;
  position: relative;
}

#M03_logo {
  display: block;
  position: absolute;
  top: 170px;
  left: 42.25%;
}

/*-------------底部區CSS------------------*/
#FOOT_BK {
  clear: both;
  display: block;
  width: 100%;
  background: url(IMG/index/foot_bg.jpg) no-repeat top center #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 top center #4dafb0;
  background-size: auto 191px;
  overflow: hidden;
}

#FOOT {
  display: block;
  width: 820px;
  margin: 0 auto;
  padding: 42px 0 25px 0;
  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: 240px;
}

.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 0;
  overflow: hidden;
}

.F_word {
  display: block;
  font: bold 15px/24px "微軟正黑體", 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;
}

/*-------------內頁區CSS------------------*/
#IN_MAIN_BK {
  width: 100%;
  padding-bottom: 80px;
  background: url(IMG/index/in_main_bg.png) no-repeat center bottom;
  overflow: hidden;
}

#IN_MAIN_SH {
  width: 1200px;
  margin: 0 auto;
}

#IN_MAIN {
  width: 1100px;
  margin: 0 auto;
  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 35px 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: 175px;
}

.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: 35px;
  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;
  float: left;
  width: 40%;
  margin: 0 5% 20px 0;
  overflow: hidden;
}

#about_A_right {
  display: block;
  float: left;
  width: 55%;
  padding: 20px 0 0 0;
  overflow: hidden;
}

#about_B_left {
  display: block;
  float: left;
  width: 55%;
  margin: 50px 5% 0 0;
  overflow: hidden;
}

#about_B_right {
  display: block;
  float: left;
  width: 40%;
  margin: 0 0 50px 0;
  overflow: hidden;
}

#about_A_2 {
  display: block;
  width: 1050px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  background: #dfebf0;
  padding: 10px 40px;
  overflow: hidden;
}

.about_A_2_img {
  width: 10.5%;
  float: left;
}

.about_A_2_img img {
  width: 112px !important;
  margin: 0 auto;
}

.about_A_2_img_2 {
  width: 19%;
  float: left;
}

.about_A_2_img_2 img {
  width: 190px !important;
  margin: 0 auto;
}

.about_A_2_img_2 span {
  display: block;
  margin-top: 27px;
}

.about_A_2_line {
  width: 16px;
  height: auto;
  float: left;
  margin: 0 1%;
}

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

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

#about_B_2 {
  display: block;
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

.about_B_2_bg {
  display: block;
  padding: 5px 0 5px 25px;
  background: url(IMG/about/about_icon_line.png) repeat-y 25px top;
  background-size: 35px 32px;
  overflow: hidden;
}

.about_B_2_down {
  display: block;
  height: 45px;
  padding: 0 0 0 25px;
  background: url(IMG/about/about_icon_arrow.png) no-repeat 25px top;
  background-size: auto 45px;
  overflow: hidden;
}

.about_B_left_blue {
  display: block;
  float: left;
  width: 14%;
  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: 86%;
  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: 14%;
  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: 86%;
  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;
}

/*--------------------*/
#about_C_BK {
  display: block;
  width: 100%;
  padding: 45px 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: 470px;
  background: url(IMG/about/about_c_pp_03.png) no-repeat;
  background-size: 787px auto;
}

/*--------------------*/
#about_D_2 {
  display: block;
  width: 100%;
  margin-bottom: 40px;
  overflow: hidden;
}

.about_D_2_img {
  width: 18%;
  float: left;
  margin: 0 1%;
}

#about_D_left {
  display: block;
  float: left;
  width: 50%;
  overflow: hidden;
}

#about_D_right {
  display: block;
  float: left;
  width: 48%;
  margin-left: 2%;
  padding: 15px 0 0 0;
  overflow: hidden;
}

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

#about_E_2 {
  display: block;
  width: 845px;
  margin: 0 auto;
  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: 290px;
  height: 82px;
  position: absolute;
  top: 40px;
  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;
}

#about_E_2_wb {
  display: block;
  width: 230px;
  height: 82px;
  position: absolute;
  top: 140px;
  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_wc {
  display: block;
  width: 300px;
  height: 82px;
  position: absolute;
  bottom: 0;
  left: 225px;
  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;
}

#about_E_4 {
  display: block;
  width: 1050px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  background: #dfebf0;
  padding: 10px 40px;
  overflow: hidden;
}

.about_E_4_img {
  width: 50%;
  float: left;
}

.about_E_4_img img {
  max-width: 100%;
  max-height: 100%;
  padding: 10px;
}

#about_E_4 > p {
  padding: 1rem;
}

#about_E_5 {
  width: 520px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 1rem;
  border-radius: 10px;
  background: #dfebf0;
  padding: 10px 40px;
  overflow: hidden;
  float: left;
  flex-wrap: wrap;
}

.about_E_5_img {
  width: 100%;
  float: left;
}

.about_E_5_img img {
  max-width: 100%;
  max-height: 100%;
}

#about_E_5 > p {
  padding: 1.8rem 0 0.8rem 0;
}

/*--------------------*/

#about_F_2 {
  display: block;
  width: 845px;
  margin: 0 auto;
  height: 425px;
  background: url(IMG/about/about_e_11.png) no-repeat center center;
  background-size: auto 395px;
  position: relative;
  overflow: hidden;
}

#about_F_2_wa {
  display: block;
  width: 290px;
  height: 82px;
  position: absolute;
  top: 40px;
  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;
}

#about_F_2_wb {
  display: block;
  width: 230px;
  height: 82px;
  position: absolute;
  top: 140px;
  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_F_2_wc {
  display: block;
  width: 300px;
  height: 82px;
  position: absolute;
  bottom: 0;
  left: 225px;
  padding: 15px 20px 15px 40px;
  border-radius: 10px;
  background: url(IMG/about/about_e_09.png) no-repeat #dbe9ef;
  background-size: 50px 50px;
}

.F_2_white {
  position: absolute;
  top: 0;
  left: 6px;
  font-style: italic !important;
  font: bold 20px/35px Arial, Helvetica, sans-serif;
  color: #fff;
}

/*投資人專區*/
#investor_A_1 {
  display: block;
  width: 1070px;
  margin: 0 auto;
  padding: 8px 0 85px 0;
  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: 73%;
  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;
}

/*--------------------*/
#investor_B_BK {
  display: block;
  padding: 0 0 200px 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: 370px;
  margin: 0 auto;
  margin-bottom: 35px;
  overflow: hidden;
}

.investor_B_link_no_a {
  /* display: block;
	float: left; */
  max-width: 135px;
  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;
}

.mt-5 {
  margin-top: 20px;
}

.mt-2 {
  margin-top: 8px;
}

.mb-5 {
  margin-top: 20px;
}

.ms-2 {
  margin-left: 8px;
}

.text-secondary {
  color: #666666;
  line-height: 1em;
}

.flexBox {
  display: flex;
}

/* 父容器：統一控制置中和間距 */
.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;
  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_B_link 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_B_link a:hover {
  background: url(IMG/investor/investor_icon_1.png) no-repeat 95% center #4db0b0;
  background-size: 22px 20px;
}

.investor_B_float {
  display: block;
  float: left;
  width: 48%;
  margin: 0 1%;
  overflow: hidden;
}

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

.flexBox a {
  margin: 0 12px;
  font: bold 16px/42px "微軟正黑體", Arial, Helvetica, sans-serif;
  color: #666;
}

.flexBox a:hover {
  color: #442367;
  font-size: 18px;
}

.investor_B_new p a:hover {
  color: #442367;
  font-size: 18px;
}

.investor_C_link_no_a {
  /* display: block;
	float: left; */
  max-width: 135px;
  margin: 20px 5px 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_C_new p {
  float: left;
  margin: 0 12px;
  font: bold 16px/42px "微軟正黑體", Arial, Helvetica, sans-serif;
  color: #666;
}

.investor_C_new p a {
  font: bold 16px/42px "微軟正黑體", Arial, Helvetica, sans-serif;
  color: #666;
}

.investor_C_new p a:hover {
  color: #442367;
  font-size: 18px;
}

/*--------------------*/
#investor_C_left {
  display: block;
  float: left;
  width: 67%;
  margin-right: 3%;
  padding: 30px 0 0 0;
  overflow: hidden;
}

#investor_C_right {
  display: block;
  float: left;
  width: 30%;
  overflow: hidden;
}

#investor_C_left img {
  width: 35px;
  height: 32px;
}

#investor_C_left a:hover {
  opacity: 0.75;
}

/*---------new toggle-----------*/
.invest_year {
}

.invest_year ul {
  margin: 0 auto;
  width: 100%;
}

.invest_year ul li {
  padding: 0;
  list-style: none;
}

.invest_year .title {
  margin: 10px 0;
  padding: 5px 15px;
  font: 20px/2 "微軟正黑體";
  color: #313467;
  font-weight: 600;
  background: #ddd;
  cursor: pointer;
}

.invest_year .title:hover {
  color: #222;
}

.invest_year p {
  margin: 3px 15px;
  padding: 5px;
  display: none;
  font: 16px/1.8 "微軟正黑體";
  color: #313467;
  font-weight: 600;
}

.invest_year p:nth-of-type(even) {
  background-color: rgb(210, 225, 235, 0.7);
}

.invest_year img {
  float: right;
}

/*--------------------*/
.investor_D {
  display: block;
  width: 100%;
  padding: 20px 12px;
  border-bottom: 1px dotted #888;
  overflow: hidden;
}

.investor_D_img {
  display: block;
  float: left;
  width: 185px;
  margin-right: 20px;
}

.investor_D_word {
  display: block;
  padding: 35px 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;
}

#C_right_word {
  display: block;
  width: 53%;
  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;
}

.C_infor_word_map {
  display: block;
  width: 30px;
  height: 30px;
  float: right;
  margin-left: 6px;
}

/*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: 25px 0 70px 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:30%; margin:0 1.5% 15px 1.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;}*/

/*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;
  overflow: hidden;
}

#PP_left {
  display: block;
  width: 50%;
  padding: 10px 10px 10px 310px;
  float: left;
  font: 17px/32px "微軟正黑體", Arial, Helvetica, sans-serif;
  color: #fff;
  overflow: hidden;
}

#PP_right {
  display: block;
  width: 50%;
  float: left;
  overflow: hidden;
}

.PP2_title {
  display: block;
  margin: 22px 0 5px 0;
  text-shadow: 1px 1px 3px #000;
  font: bold 28px/45px "微軟正黑體", Arial, Helvetica, sans-serif;
  color: #fff;
}

#PP2_left {
  display: block;
  width: 50%;
  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;
  color: #333;
}

#PP2_left_50 li {
  list-style: none;
  font: 17px/32px "微軟正黑體", Arial, Helvetica, sans-serif;
  color: #333;
}

#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(0, 0, 0, 0) 0%,
    rgba(38, 21, 5, 0.85) 50%
  );
  /* 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(0, 0, 0, 0) 0%,
    rgba(8, 32, 47, 0.85) 50%
  );
  /* 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(0, 0, 0, 0) 0%,
    rgba(30, 34, 38, 0.85) 50%
  );
  /* 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(0, 0, 0, 0) 0%,
    rgba(72, 21, 21, 0.85) 50%
  );
  /* 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(0, 0, 0, 0) 0%,
    rgba(42, 9, 40, 0.85) 50%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  overflow: hidden;
}

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

#bus_A_right {
  display: block;
  width: 25%;
  float: left;
  margin-bottom: 20px;
  overflow: hidden;
}

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

#bus_A_bg_a {
  display: block;
  width: 38%;
  position: absolute;
  top: 0;
  left: 0;
}

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

#bus_A_wa {
  display: block;
  width: 85%;
}

#bus_A_bg_b {
  display: block;
  width: 38%;
  position: absolute;
  top: 0;
  right: 0;
}

#bus_A_tb {
  display: block;
  width: 263px;
  height: 69px;
  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/25px "微軟正黑體", Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
}

#bus_A_wb {
  display: block;
  width: 85%;
  float: right;
}

#bus_A_bg_c {
  display: block;
  width: 48%;
  position: absolute;
  top: 380px;
  left: 0;
}

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

#bus_A_bg_d {
  display: block;
  width: 48%;
  position: absolute;
  top: 380px;
  right: 0;
}

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

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

#bus_B_wa {
  display: block;
  width: 280px;
  position: absolute;
  top: 15px;
  left: 415px;
  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: 225px;
  position: absolute;
  bottom: 150px;
  left: 15px;
  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: 280px;
  position: absolute;
  top: 305px;
  right: 32px;
  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: 225px;
  position: absolute;
  bottom: 40px;
  right: 50px;
  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_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;
}