* {font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;  box-sizing:border-box; -webkit-box-sizing: border-box; padding: 0; margin: 0;}
body{background: #ffddc7; background: url(../images/bg.png) center top,#020737;}
/*預設連結狀態*/
a:link, a:visited { color:#333; text-decoration:none; }
a:hover, a:active { color:var(--color_1); text-decoration:none; }

/*圖片無框*/
a img { border:none; }

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

/*圖集歸零*/
.bx-wrapper {margin: auto;}
.bx-wrapper .bx-viewport {background: transparent; box-shadow: none; border: none; left: 0;}

.gototop{ width: 45px; height: 45px; text-indent: 100%; white-space: nowrap; overflow: hidden; position:fixed; bottom:65px; right:10px; cursor: pointer; background: url(../images/icon_gototop_v4.png), #fff; background-size: 100% auto; display: none; border-radius: 50%; overflow: hidden; z-index: 9999999; box-shadow: 1px 2px 3px rgb(133, 133, 167); }

.more{ text-align: right; }
.more a{ color: #fff; font-size: 20px; background: #136286; padding: 3px 25px 5px 30px; border-radius: 20px; display: inline-block;}
.more .icon{ display: inline-block; width: 20px; height: 20px; background: url(../images/icon-gallery-4.png) no-repeat right top; background-size: 100% auto; margin-left: 10px; vertical-align: -3px; }
.more a:hover{ background: #1878a5; }

@media screen and (max-width:1000px){
.more a{ color: #fff; font-size: 18px;}
}

.wrapper_box{width: 100%; overflow: hidden; padding-bottom: 60px;}
.wrapper{max-width: 1000px; width: 100%; margin: 0 auto;}
.header_box{ height: 165px;}
.header{ width: 100%; height: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center; background: rgba(3, 11, 55, 40%);}
.header .logo{ background:url(../images/et-logo.png) no-repeat center center; background-size:contain; display:block; width: 100%; width: 137px; height: 45px; text-indent: -9999px; overflow: hidden;}
.header .logo-m{ display: none; }


.hot_zone_box{ }
.hot_zone{ padding: 30px 0; margin-bottom: 20px;}
.container{ min-height: 3000px; padding: 0 50px;}
.title_a{ color: #fff; font-size: 28px; background: url(../images/icon-1.png) no-repeat; padding-left: 65px; height: 60px; margin-bottom: 20px; line-height: 50px;  }
.title_b{ text-align: center; font-size: 30px; margin-bottom: 28px; font-weight: 700; color: #646464;}
section{  margin-bottom: 50px;}
.footer{ text-align: center; padding: 10px 0; background: #010187; color: #fff; font-size: 14px;}

.sticky_banner{width: 100%; text-align: center; position: fixed; bottom: 0; left: 0; z-index: 999999;height: 60px; line-height: 60px; background: #b92e29; color: #fff; font-size:26px; text-decoration: none; font-weight: 700; transition: color .3s; }
/* .sticky_banner a{ display: block; }
.sticky_banner a:hover{ background: #cf4540; text-decoration: none; } */

@media screen and (max-width:1000px){
.wrapper_box{padding-bottom: 50px;}
.header_box{ height: auto;}
.header{ display: block;}
.header .logo-m{display: block; padding: 10px 0; background:url(../images/et-logo-m.png) no-repeat center center, rgba(3, 11, 55, 50%); background-size:170px auto; width: 100%; height: 50px; text-indent: -9999px; overflow: hidden; border-bottom: 1px solid #b7b4fa;}
.sticky_banner{height: 50px; height: 50px; line-height: 50px; font-size:18px; }
/* .sticky_banner a{ } */
}

.main_menu{ display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1000px;}
.main_menu a{ font-size: 24px; color: #fff; text-shadow: 2px 2px 4px #333; margin: 0 10px; position: relative; transition: color .3s, padding .5s;}

.main_menu a::after{ content:""; display: block; width: 1px; height: 23px;  background: #fff; position: absolute; right: -13px; top: 8px; }
.main_menu a:last-child::after{display: none}
.main_menu a:link, .main_menu a:visited { color:#fff; text-decoration:none; }
.main_menu a:hover { color:#f7ddff; text-decoration:none; }
.main_menu a:active { color:#fff; text-decoration:none; }

.main_menu.fixed {position: fixed; background: rgba(3, 11, 55, 70%); height: 45px;  z-index: 999999; width: 100%; left: 0; top: 0px; box-shadow: 1px 1px 3px #d16ff8; max-width: none;}
.main_menu.fixed .inner{float: right;}
.main_menu.fixed a{ text-shadow:none; font-size: 18px; line-height: 25px;  }
.main_menu.fixed a::after{background: #fff; top: 5px; height: 18px; }
.main_menu.fixed a:link, .main_menu.fixed a:visited { color: #fff; text-decoration:none; }
.main_menu.fixed a:hover { color:#fff; text-decoration:none; }
.main_menu.fixed a:active { color:#fff; text-decoration:none; }
.main_menu.fixed a.current{ background: #4a47c9; border-radius: 30px; color: #fff; padding: 0 25px; text-shadow: 1px 1px 3px #ca90e0; transition: 0.5s; }

.main_menu a.btn_s_1:link, .main_menu a.btn_s_1:visited { color:#F8F60B; text-decoration:none; }
.main_menu.fixed .logo{width: 100px; height: 45px;}


@media screen and (max-width:1000px){
.main_menu{ padding: 5px; height: 70px; background: rgba(64, 58, 126, 0.5); margin-bottom: 10px;}
.main_menu .inner {display: flex; flex-wrap: wrap; align-items: center; justify-content: center/*space-between*/; width: 100%; }
.main_menu .logo{display: none;}
.main_menu a{ font-size: 18px; width: 100%; max-width: calc(90% / 3); text-align: center; margin: 0; display: flex;  align-items: center; justify-content: center; transition: none; height: 35px; }
.main_menu a:nth-last-of-type(1){max-width:calc(90% / 2);}	
.main_menu a::after{ height: 16px; right: -8px; top: 12px; background: #b1b1b1; }

.main_menu.fixed { height: 70px; padding: 5px;}
.main_menu.fixed a{font-size: 16px; height: 28px;}
.main_menu.fixed a::after{ height: 18px; right: -11px; top: 5px; }
.main_menu.fixed a.current{ padding: 0;}
.main_menu.fixed .logo{display: none;}
}
@media screen and (max-width:390px){
  .main_menu a{ font-size: 16px; width: 100%; }
}


.video_box{ padding: 7px; background:rgba(88, 88, 88, 0.7); margin-bottom: 50px; border-radius: 4px; }
.video_box .inner{width: 100%; max-width: 1000px; height: 0; padding-bottom: 56%; position: relative;border: 1px solid #616161; }
.video_box iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block;}

@media screen and (max-width:1000px){
  .video_box{margin: 10px;}
}

/* gallery_1==========================*/
.gallery_1{ -webkit-tap-highlight-color: transparent; outline: 0; }
.gallery_1 .bx-controls a{background: url(../images/icon-gallery.png) no-repeat; background-size: 100% auto;  width: 80px; height: 80px;}
.gallery_1 .bx-controls a.bx-next{background-position: 0 -80px;}
.gallery_1 .bx-wrapper .bx-pager.bx-default-pager a:hover, .gallery_1 .bx-wrapper .bx-pager.bx-default-pager a.active{ background-color: var(--color_1);}
.gallery_1 .title{ background:rgba(0, 34, 77, 70%); pointer-events:none; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-family:"Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif; font-size: 28px; color: #fff; height: 80px; line-height: 80px; font-weight:500; padding: 0 20px; display: none;}
.gallery_1 .title .icon_type_video{width: 26px; height: 26px; margin-right: 5px;}

@media screen and (max-width:1000px){
.gallery_1{}
.gallery_1 .bx-controls a{background: url(../images/icon-gallery.png) no-repeat; background-size: 100% auto;  width: 40px; height: 40px;}
.gallery_1 .bx-controls a.bx-next{background-position: 0 -40px;}
}

/*圖集146x212*/
.gallery_4{ padding:10px 0px 20px 0px; margin-left: 15px;}
.gallery_4 .run { margin-bottom:0px;}
.gallery_4 .run .piece { text-align:center; display: block; width:225px; height:350px; overflow:hidden; /*padding: 0 50px;*/position: relative;}
.gallery_4 .run .piece img {display: none; max-width:none; overflow: hidden; width:100%;}
.gallery_4 .run img {width: 225px; height: 250px; object-fit: cover; }
.gallery_4 .run .title{ background: #fff; width: 100%; height: 105px; position: absolute; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.gallery_4 .run .title h3 {font-weight: normal; font-size: 20px; color: #000;}
.gallery_4 .run .title span{display: block; width: 100%; font-size: 15px; padding:0px 2px;}
.gallery_4 .bx-controls-direction a{background: url(../images/icon-gallery-4.png) no-repeat; background-size: 100% auto;  width: 50px; height: 50px; transform: translateY(-50px);}
.gallery_4 .bx-controls-direction a.bx-prev {background-position: 0 -50px; left: -80px;}
.gallery_4 .bx-controls-direction a.bx-next{ background-position: 0 0px; right: -80px;}
.gallery_4 .bx-controls{padding-top: 30px;}
.gallery_4 .bx-wrapper .bx-pager.bx-default-pager a { background-color: #c8c8c8;}
.gallery_4 .bx-wrapper .bx-pager.bx-default-pager a.active {background-color: #323232;}

@media screen and (max-width:1000px){
.gallery_4 .run .piece { display: block; width:150px!important; 
  height:250px; overflow:hidden;}
.gallery_4 .run img {width:150px; height: 180px; object-fit: cover; }
.gallery_4 .run .title{height: 80px;}
.gallery_4 .run .title h3{font-size: 17px;}
.gallery_4 .run .title span{ font-size: 12px;}	
.gallery_4 .bx-controls a {width: 30px; height: 30px;}
.gallery_4 .bx-controls a.bx-prev { left: -10px; background-position: 0 -30px;}
.gallery_4 .bx-controls a.bx-next{ right: 5px;}
}

/* .part_pictxt_1 */
.part_pictxt_1{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.part_pictxt_1 .box_0{ width: 100%; max-width: calc((100% - 40px) / 3); overflow: hidden; margin-bottom: 40px;}
.part_pictxt_1 .box_0 .pic{display: block; position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; border-radius: 10px; margin-bottom: 10px;}
.part_pictxt_1 .box_0 .pic img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.part_pictxt_1 .box_0 h3 a{font-size: 18px; color: #fff; margin-top: 10px; font-weight: 400; display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.part_pictxt_1 .box_0 a:hover{ color: #f7eb83;}

@media screen and (max-width:700px){
.part_pictxt_1 .box_0{ width: 100%; max-width: calc((100% - 30px) / 2); }
}
@media screen and (max-width:1000px){
.part_pictxt_1 .box_0{ width: 100%; max-width: calc((100% - 20px) / 2); }
}



/* .section_1 */
.section_1{ margin-top: 50px; }
.section_1 > .box_1{ background: url(../images/banner_1.png) no-repeat center center, rgba(255, 255, 255, 20%); background-size: 80% auto; height: 0; padding-bottom: 30%; border-radius: 30px; }
.section_1 > .box_1 p {text-indent: -9999; overflow: hidden; max-width: 421px; height: auto; text-indent: -99999999px; overflow: hidden;}
.section_1 > .box_2{ padding: 15px; background:#b6069c;}


/* section_2 */
.section_2{ }
.section_2 .title_a h2 {background: linear-gradient(to right, #ef01b3, #2c1264);}

/* section_3 */
.section_3{background: rgba(255, 255, 255, 96%); padding: 50px 50px; border-radius: 30px;  }
.section_3 .inner{ }
.section_3 .row{ display: flex; align-items:baseline; border-bottom: 1px solid #c8c8c8; padding: 15px 25px;}
.section_3 .row:last-of-type{border-bottom: none;}
.section_3 .row .time{font-size: 20px; color: #b6069c; margin-right: 40px; width: 120px; flex-shrink: 0;}
.section_3 .row .text p{ font-size: 20px; color: #f89b5b;}
.section_3 .row .text p.t_1{font-size: 14px; color: #777777; line-height: 1; margin: 10px 0;}
.section_3 .row .text p.t_2{font-size: 16px; color: #000; margin-top: 5px;}

@media screen and (max-width:700px){
  .section_3{ padding: 20px 20px;}
  .section_3 .title_b{margin-bottom: 10px;}
  .section_3 .inner{ padding: 10px; border-radius: 20px;}
  .section_3 .row{ padding: 20px 10px; flex-wrap: wrap;}
  .section_3 .row .time{ font-size:18px; margin-right: 20px; margin-bottom: 3px;}
  .section_3 .row .text{width: 100%; flex-shrink: 0;}
  .section_3 .row .text p{font-size: 18px;}
  .section_3 .row .text p.t_1{font-size: 14px;}
  .section_3 .row .text p.t_2{font-size: 14px;}
}

.section_4{ }
.section_4 .inner{background: rgba(255, 255, 255, 20%); border-radius: 30px; padding: 30px;}

/* .section_5 */
.section_5{background: rgba(255, 255, 255, 100%); padding: 50px 50px; border-radius: 30px; }
.section_5 h4 {width: 100%; text-align: center; font-weight: normal; font-size: 20px; color: #646464;}
.section_5 .box_1{}
.section_5 .box_1 .box{margin-bottom: 70px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 50px;}
.section_5 .box_1 .box h4 {width: 100%; flex-shrink: 0;}
.section_5 .box_1 .box a{display: block; max-width: 180px; width: 100%; /*height: 60px;*/}
.section_5 .box_1 .box img{ width: 100%; height:100%; object-fit: contain;}

/* .section_5 .box_2 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 60px; }
.section_5 .box_2 a{display: block; max-width: 147px; width: 100%; margin-bottom: 30px;  text-align: center;}
.section_5 .box_2 img{ width: 100%; height:100%; object-fit: contain;} */
.section_5 .box_2 {display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center;}
.section_5 .box_2 span{ margin-bottom: 30px; margin-right: 70px; text-align: center; }
.section_5 .box_2 span:nth-of-type(4n){margin-right: 0;}
.section_5 .box_2 img{max-width: 147px; width: 100%; height: auto; display: inline-block; flex-shrink: 0; }

/* .section_6 */
.section_6{ background: linear-gradient(to right, rgba(28,57,119,1) 0%, rgba(28,57,119,8) 40%, rgba(28,57,119,0.1) 100%); padding: 35px; border-radius: 30px;}
.section_6 .title_a{color: #fff; background-image: url(../images/icon-2.png); font-weight: 600; }
.section_6 .box_0{display: flex; gap:50px;}
.section_6 .box_1 {width: 40%;  background: url(../images/banner_2.png) no-repeat top center; background-size: 100% auto; height: 0; padding-bottom: 30%;}
.section_6 .box_1 p {text-indent: -9999; overflow: hidden; max-width: 421px; height: auto; text-indent: -99999999px; overflow: hidden;}
.section_6 .box_2{width: 60%;}

/* .section_7 */
.section_7{ padding:0px 50px;}

/* .section_8 */
.section_8{ padding:0px 50px;}
.section_8 iframe{ height:500px;}

@media screen and (max-width:1000px){
  .hot_zone{ padding:0;}
  .container{ min-height: 3000px; padding: 0 10px;}
  .title_a {height: 30px; line-height: 30px; margin-bottom: 20px; font-size: 22px; background-size: 33px auto; padding-left: 45px; }
  .title_b{font-size: 22px;}
  .section_1 > .box_1{border-radius: 20px;}
  .section_1 > .box_1{background-size: 90% auto;}
  .section_2 > .box_1 {margin-right: 0px; margin-bottom: 30px; max-width: 500px; }
  .section_2 .box_2{ max-width: 500px; width: 100%;}

  .section_4 .inner{ padding:25px 20px;}

  .section_5 {padding: 30px 10px;}
  .section_5 h4 {margin-bottom: 20px; font-size: 18px;}
  .section_5 .box_1 {flex-wrap: wrap;}
  .section_5 .box_1 .box{  width: 100%; margin-bottom: 40px; gap: 0px;}
  .section_5 .box_1 .box a{max-width: auto; max-width: 46%; text-align: center; margin-bottom: 40px;}
  /*.section_5 .box_1 .box a:last-child{margin-bottom: 0;}*/
  .section_5 .box_1 .box:first-of-type{ justify-content:space-between;}
  .section_5 .box_1 .box img{max-width: 160px;}
  .section_5 .box_2 { justify-content: space-around; flex-wrap: wrap; gap: 20px;}
  .section_5 .box_2 span{ width: 40%; margin-right: inherit;  margin-bottom: 10px;}
  .section_5 .box_2 span:nth-of-type(4n){margin-right: inherit;}
  .section_6 {padding: 20px;}
  .section_7 {padding: 20px;}	
  .section_8 {padding: 20px;}
  .section_8 iframe{ height:400px;}
}

@media screen and (max-width:800px){
  .section_6 .box_0{flex-wrap: wrap; gap: 20px;}
  .section_6 .box_1 {width: 100%;  background: url(../images/banner_2.png) no-repeat top center; background-size: 90% auto; height: 0; padding-bottom: 60%;}
  .section_6 .box_2{ width: 100%;}
}