/* main */
textarea:focus,
input:focus {
  outline: 0;
}

input {
  border-width: 0;
}

em {
  font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}

.group:before,
.group:after {
  content: " ";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1; /* ie 6/7 */
}

embed,
img,
object,
video {
  max-width: 100%;
}
sup {
  font-size: 58.3%;
  vertical-align: text-top;
}
sub {
  font-size: 58.3%;
  vertical-align: text-bottom;
}
.no-space-between-inline-blocks {
  *letter-spacing: normal; /*reset IE < 8*/
  letter-spacing: -0.31em; /*webkit*/
  word-spacing: -0.43em; /*IE < 8 && gecko*/
}
/*restore spacing on inner elements*/
.no-space-between-inline-blocks > * {
  letter-spacing: normal;
  word-spacing: normal;
}
.displace {
  left: -5000px;
  position: absolute;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:after,
*:before {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
html {
  font-size: 16px;
}
body {
  min-width: 994px;
  color: #000000;
}

.head {
  display: block;
  margin: 0 auto;
  width: 100%; /* 2176px / 2176px = 100% */
}

.group-2 {
  height: 693px;
  margin: 120px auto 0;
  position: relative;
  width: 100%; /* 2176px / 2176px = 100% */
  background: url(../images/kv2025.png) no-repeat center 0;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.group-3 {
  margin: 0 auto;
  position: relative;
}

.layer-holder {
  margin: 0 auto;
  padding: 41px 0 40px;
  position: relative;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+CjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzBiMmY3OCIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjQ3LjA0NTklIiBzdG9wLWNvbG9yPSIjMzA1N2IyIiBzdG9wLW9wYWNpdHk9IjEiIC8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBiMmU3OCIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xheWVyKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(
    180deg,
    #0b2f78 0,
    #3057b2 47.0459%,
    #0b2e78 100%
  );
  background: -o-linear-gradient(
    180deg,
    #0b2f78 0,
    #3057b2 47.0459%,
    #0b2e78 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    #0b2f78 0,
    #3057b2 47.0459%,
    #0b2e78 100%
  );
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0, #0b2f78),
    color-stop(47.0459%, #3057b2),
    to(#0b2e78)
  );
  background: -webkit-linear-gradient(
    right,
    #0b2f78 0,
    #3057b2 47.0459%,
    #0b2e78 100%
  );
  background: -moz-linear-gradient(
    right,
    #0b2f78 0,
    #3057b2 47.0459%,
    #0b2e78 100%
  );
  background: -o-linear-gradient(
    right,
    #0b2f78 0,
    #3057b2 47.0459%,
    #0b2e78 100%
  );
  background: linear-gradient(
    270deg,
    #0b2f78 0,
    #3057b2 47.0459%,
    #0b2e78 100%
  );
}
.layer {
  display: block;
  margin: 0 auto;
}
.l-unconstrained {
  margin: 107px 0 0;
  position: relative;
}
.l-constrained-2 {
  margin: 0 auto;
  position: relative;
  width: 994px;
}
.layer-2 {
  display: block;
  margin: 0 auto;
}
.col-2 {
  margin: 60px auto 0;
  min-height: 289px;
  padding: 35px 0 29px;
  position: relative;
  width: 960px;
  background: #c3e9f8;
}
.layer-3 {
  display: block;
  margin: 0 auto;
}
.layer-holder-2 {
  margin: 27px auto 0;
  padding: 26px 0 22px;
  position: relative;
  width: 900px;
  background: #ffffff;
}
.layer-4 {
  display: block;
  margin: 0 auto;
}
.col-5 {
  margin: 78px auto 0;
  min-height: 581px;
  padding: 32px 0 31px;
  position: relative;
  width: 960px;
  background: #c3e9f8;
}
.layer-5 {
  display: block;
  margin: 0 auto;
}
.row-3 {
  margin: 26px auto 0;
  position: relative;
  width: 607px;
}
.col-8 {
  float: left;
  position: relative;
  width: 304px;
}
.layer-holder-3 {
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #003573;
}
.layer-6 {
  display: block;
  margin: 0 auto;
}
.layer-7 {
  display: block;
  margin: 22px auto 0;
}
.layer-8 {
  display: block;
  margin: 16px auto 0;
}
.col-9 {
  float: right;
  position: relative;
  width: 254px;
}
.layer-holder-4 {
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #003573;
}
.layer-9 {
  display: block;
  margin: 0 auto;
}
.layer-10 {
  display: block;
  margin: 12px auto 0;
}
.layer-11 {
  display: block;
  margin: 18px auto 0;
}
.layer-holder-5 {
  margin: 19px auto 0;
  padding: 25px 0 23px;
  position: relative;
  width: 900px;
  background: #ffffff;
}
.layer-12 {
  display: block;
  margin: 0 auto;
}
.l-constrained {
  margin: 122px auto 0;
  position: relative;
  width: 994px;
}
.group-4 {
  display: flex; /* 使用 flexbox 布局 */
  flex-direction: column;
  justify-content: center; /* 圖片在水平方向居中 */
}

.group-4 .part4 {
  margin-top: 35px;
}

.layer-holder-6 {
  left: 50%;
  padding: 30px 0;
  position: absolute;
  top: 113px;
  width: 960px;
  background: #c3e9f8;
  margin-left: -480px;
}

.layer-13 {
  display: block;
  margin: 0 auto;
  width: 899px;
}
.group-5 {
  left: 50%;
  position: absolute;
  top: 0;
  width: 677px;
  margin-left: -339px;
}
.layer-14 {
  display: block;
  left: 9px;
  margin: 0 auto;
  position: relative;
}
.col {
  margin: 116px 0 0;
  min-height: 452px;
  padding: 17px 9px;
  position: relative;
  border: 2px solid rgba(45, 188, 238, 0.7); /*stroke*/
  background: rgba(213, 248, 252, 0.7);
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
}
.wrapper-4 {
  height: 364px;
  left: 24.5px;
  margin: 0 auto;
  position: relative;
  width: 604px;
}
.group-6 {
  left: 50%;
  min-height: 321px;
  padding: 37px 6px;
  position: absolute;
  top: 32px;
  width: 510px;
  z-index: 0;
  background: url(../images/path.png) no-repeat;
  margin-left: -267px;
}
.layer-15 {
  display: block;
  height: 75px;
  margin: 0 auto;
  position: relative;
  right: 52.5px;
  width: 91px;
  z-index: 58;
  border: 3px solid #fa4343; /*stroke*/
  -webkit-border-radius: 45.27px/37.44px;
  -moz-border-radius: 45.27px/37.44px;
  border-radius: 45.27px/37.44px;
}
.layer-16 {
  display: block;
  margin: -44px 0 0;
  position: relative;
  z-index: 40;
}
.group-7 {
  left: 26px;
  margin: -6px auto 0;
  position: relative;
  width: 308px;
  z-index: 69;
}
.group-8 {
  height: 85px;
  position: relative;
  width: 308px;
}
.layer-holder-7 {
  left: 50%;
  padding: 28px 24px 27px;
  position: absolute;
  top: 0;
  width: 291px;
  background: #ffffff;
  margin-left: -154px;
}
.layer-17 {
  display: block;
  margin: 0 auto;
  position: relative;
  right: 3.5px;
}
.layer-18 {
  left: 50%;
  position: absolute;
  top: 9px;
  margin-left: 131px;
}
.layer-19 {
  left: 50%;
  position: absolute;
  top: 342px;
  margin-left: 257px;
}
.layer-20 {
  left: 50%;
  position: absolute;
  top: 0;
  margin-left: -289px;
}
.layer-21 {
  left: 50%;
  position: absolute;
  top: 41px;
  margin-left: -302px;
}
.layer-22 {
  left: 50%;
  position: absolute;
  top: 325px;
  margin-left: -302px;
}
.layer-23 {
  height: 75px;
  left: 50%;
  position: absolute;
  top: 191px;
  width: 91px;
  border: 3px solid #fa4343; /*stroke*/
  -webkit-border-radius: 45.27px/37.44px;
  -moz-border-radius: 45.27px/37.44px;
  border-radius: 45.27px/37.44px;
  margin-left: 177px;
}
.group-9 {
  left: 50%;
  position: absolute;
  top: 7px;
  width: 246px;
  margin-left: -16px;
}
.group-10 {
  height: 86px;
  position: relative;
  width: 246px;
}
.layer-holder-8 {
  left: 50%;
  padding: 11px 0 9px;
  position: absolute;
  top: 0;
  width: 230px;
  background: #ffffff;
  margin-left: -107px;
}
.layer-24 {
  display: block;
  margin: 0 auto;
  position: relative;
  right: 3.5px;
}
.layer-25 {
  left: 50%;
  position: absolute;
  top: 63px;
  margin-left: -123px;
}
.row-2 {
  margin: 0 65px 0 93px;
  position: relative;
}
.row-2 > * {
  float: left;
  margin: 0 180px 0 0;
}
.row-2 > *:last-child {
  margin-right: 0 !important;
}
.layer-27 {
  margin-top: 1px !important;
}
.group-11 {
  left: 252px;
  margin: 9px auto 0;
  position: relative;
  width: 151px;
}
.group-12 {
  position: relative;
}
.layer-29 {
  float: left;
  margin: 4px 4px 0 0;
}
.layer-30 {
  float: left;
}
.group-13 {
  left: 8.5px;
  margin: 126px auto 0;
  position: relative;
  width: 977px;
}
.layer-31 {
  display: block;
  margin: 0 auto;
}
.layer-32 {
  display: block;
  margin: 64px 0 0;
  position: relative;
}
.row {
  margin: 47px 0 0;
  position: relative;
}
.col-4 {
  float: left;
  margin: 0 41px 0 0;
  position: relative;
  width: 440px;
}
.sec003_img01 {
  display: block;
  margin: 0 auto;
}
.layer-33 {
  display: block;
  margin: 26px auto 0;
}
.layer-34 {
  float: left;
  margin: 5px 0 0;
}
.group-14 {
  margin: 95px auto 0;
  position: relative;
  width: 960px;
}

.layer-holder-9 {
  float: left;
  padding: 11px;
  position: relative;
  width: 475px;
  background: #c3e9f8;
}

.layer-35,
.layer-36 {
  transition: opacity 0.3s ease; /* 添加過渡效果 */
}

.layer-35:hover,
.layer-36:hover {
  opacity: 0.7; /* 滑鼠移到圖片上時，降低亮度 */
}

.layer-holder-10 {
  float: right;
  padding: 11px 0;
  position: relative;
  width: 475px;
  background: #c3e9f8;
}
.layer-36 {
  display: block;
  margin: 0 auto;
}

.col-7 {
  position: relative;
  width: 761px;
  text-align: center;
}

.layer-38 {
  display: block;
  margin: 21px auto 0;
}

.col-10 {
  float: left;
  position: relative;
  width: 366px;
}
.layer-holder-11 {
  margin: 0 auto;
  padding: 9px 0 7px;
  position: relative;
  background: #c3e9f8;
}

.layer-39 {
  display: block;
  left: 4px;
  margin: 0 auto;
  position: relative;
}
.layer-40 {
  display: block;
  margin: 16px auto 0;
}
.col-11 {
  float: right;
  position: relative;
  width: 366px;
}
.layer-holder-13 {
  margin: 0 auto;
  padding: 9px 0 8px;
  position: relative;
  background: #c3e9f8;
}
.layer-holder-14 {
  margin: 0 auto;
  padding: 77px 0 78px;
  position: relative;
  width: 349px;
  background: url(../images/5.png) no-repeat;
}
.layer-41 {
  display: block;
  margin: 0 auto;
}
.layer-42 {
  display: block;
  margin: 16px auto 0;
}

#wrap2 {
  min-height: 5500px;
  padding: 0 0 3px;
  position: relative;
  width: 100%; /* 2176px / 2176px = 100% */
  background: url(../images/2.png) no-repeat center 0;
  background-position: center top -167px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
  z-index: 1;
}

#wrap {
  /*	position: fixed;*/
  z-index: 1;
}

#standard .section {
  background-repeat: repeat-x;
}

#tvcm {
  height: 558px;
  margin-top: 80px;
  background-position: center top;
}

.part4-title {
  display: flex;
  align-items: center; /* 垂直置中 */
  justify-content: center; /* 水平置中 */
}

.section {
  position: relative;
}

#standard .title,
#standard .content {
  position: absolute;
}

#standard .content {
  width: 100%;
}

#tvcm .title {
  top: 55px;
  left: 420px;
  width: 158px;
  height: 76px;
}

#tvcm .content {
  top: 178px;
}

#tvcm li {
}
#tvcm li a {
}
#tvcm li a:after {
  top: 91px;
  left: 151px;
  background: url(../images/tvcm-play.png) 0 0 no-repeat;
}
#tvcm .pic {
  background: rgb(55, 55, 55);
}
#tvcm .pic:after {
  border-color: #c3e9f8;
}

#tvcm .videos-content {
  height: 307px;
}

#tvcm .videos-content .name {
  color: #ffffff;
}

#tvcm .videos-arrow {
}
#tvcm .videos-arrow li {
  height: auto;
}
#tvcm .videos-arrow li.prev {
  left: 13px;
}
#tvcm .videos-arrow li.next {
  right: 13px;
}
#tvcm .videos-arrow li a {
  top: 92px;
  width: 57px;
  height: 60px;
  background-position: center top;
}
#tvcm .videos-arrow li a:hover {
  background-position: center bottom;
}
#tvcm .videos-arrow li.prev a {
  background-image: url(../images/arrow-prev.png);
  left: 13px;
}
#tvcm .videos-arrow li.next a {
  background-image: url(../images/arrow-next.png);
  right: 13px;
}

.pop-container {
  background: rgba(192, 205, 249, 0.8);
}

.pop-main {
  margin-top: 80px;
  margin-bottom: 80px;
}
.pop-main .btn-close {
  top: -86px;
  right: 14px;
  width: 90px;
  height: 96px;
  background-image: url(../images/popclose.png);
}
.pop-main .btn-close:hover {
  background-position: center bottom;
}

#video {
  width: 1000px;
}
#video .embed {
  width: 1000px;
  height: 560px;
  background: #000000;
  overflow: hidden;
}
#main {
  padding-top: 0px;
}

div#standard {
  margin-top: 80px;
}