@charset "UTF-8";
/* for all page */
body {
  color: #333333;
  font-family: Arial, 微軟正黑體, "Microsoft Jhenghei", sans-serif;
  font-size: 1.125rem;
  position: relative;
}

*:focus, *:focus-visible, button:focus, button:focus-visible{
	outline-color: #0486a7; outline-width: 3px; outline-style: dashed;
}

a.to_top {
  width: 60px;
  height: 60px;
  color: #FFFFFF;
  background: rgba(83, 201, 189, .6);
  border: 1px solid rgb(58, 163, 153);
  font-size: 2.25rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 60px;
  border-radius: 100px;
  position: fixed;
  right: 1rem;
  bottom: 2rem;
  z-index: 99;
  transition: 0.35s all;
}
a.to_top:hover {
  color: #333333;
  background: rgba(83, 201, 189, 1);
}

a[accesskey] {
  color: transparent !important;
  text-decoration: none;
  position: absolute;
}
a[accesskey]:hover {
  color: #FFFFFF !important;
  background: #0000FF !important;
}
a[accesskey]:focus {
  color: #FFFFFF !important;
  background: #0000FF !important;
  outline: 0 !important;
}

input:focus {
  outline: 0.2rem solid #0000FF !important;
}

select:focus {
  outline: 0.2rem solid #0000FF !important;
}

button:focus {
  outline: 0.2rem solid #0000FF !important;
  box-shadow: none !important;
}

video:focus {
  outline: 0.2rem solid #0000FF !important;
}

.form-control:focus {
  box-shadow: none;
}

#gotocenter {
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
}
#gotocenter:focus {
  color: #FFFFFF !important;
  background: #0000FF !important;
  outline: 0 !important;
  z-index: 99;
}

/* for index.html */
.container-fluid {
  padding: 0;
}
.container-fluid .logo {
  padding: 12px;
}
.container-fluid .logo a{
  background: linear-gradient(44deg, rgb(111, 188, 47) 0%, rgba(39, 165, 207, 1) 50%, rgb(102 165 226) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* color: #1E69D2; */
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  transition: 0.35s all;
}
.container-fluid .logo a .logo_img {
  height: 60px;
  margin-right: 20px;
  vertical-align: middle;
}
.container-fluid .logo a .logo_word {
  vertical-align: middle;
}
.container-fluid .nav_pc {
  background: linear-gradient(152deg,rgba(189, 204, 255, 1) 0%, rgba(174, 233, 252, 1) 50%, rgba(179, 242, 216, 1) 100%);
  padding: 12px;
}
.container-fluid .nav_pc .swiper {
  width: 100%;
  height: 100%;
} 
.container-fluid .nav_pc .swiper .swiper-slide {
  color: #FFFFFF;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.container-fluid .nav_pc .swiper .swiper-slide a {
  width: 100%;
  height: 100%;
  color: rgba( 51, 51, 51, .9 );
  font-size: 1.375rem;
  font-weight: bold;
  text-decoration: none;
  display: block;
  transition: 0.35s all;
}
.container-fluid .nav_pc .swiper .swiper-slide a:hover {
  color: #2f2f5d; background-color: #fdc463; border-radius: 10rem;
}
.container-fluid .nav_pc .swiper .swiper-button-prev, .container-fluid .nav_pc .swiper .swiper-button-next {
  color: white; z-index: 100; width:3rem;
}
.container-fluid .nav_pc .swiper .swiper-button-prev:after, .container-fluid .nav_pc .swiper .swiper-button-next:after {
  font-size: 1.5rem;
}
.container-fluid .nav_pc .swiper .swiper-button-next, .container-fluid .nav_pc .swiper .swiper-rtl .swiper-button-prev {
  right: 0;
}
.container-fluid .nav_pc .swiper .swiper-button-prev, .container-fluid .nav_pc .swiper .swiper-rtl .swiper-button-next {
  left: 0;
}  
.swiper-button-disabled{
  pointer-events: auto !important;
}
.container-fluid .plan_area {
  background: rgba(255, 244, 239, .4);
}
.container-fluid h2{
  width: 25rem;
  background: linear-gradient(44deg,rgba(64, 94, 194, 1) 0%, rgba(39, 165, 207, 1) 50%, rgba(38, 181, 138, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
  padding: 50px 0;
  margin: auto !important; 
}

.container-fluid .plan_area h2 img {
  height: 50px;
  margin-right: 20px;
}
.container-fluid .plan_area .plan_wrap .online_apply_btn {
  color: #333333;
  background: #FFA9D0;
  font-weight: bold;
  text-decoration: none;
  border-radius: 20px;
  padding: 30px;
  margin: 0 0 30px 0;
  display: block;
  transition: 0.35s all;
}
.container-fluid .plan_area .plan_wrap .online_apply_btn:hover {
  background: #a4c4f2;
}
.container-fluid .plan_area .plan_wrap .online_apply_btn img {
  width: 100%;
}
.container-fluid .plan_area .plan_wrap .online_apply_btn h3 {
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 3px;
  padding: 30px 0 20px 0;
  margin: 0;
}
.container-fluid .plan_area .plan_wrap .online_apply_btn p {
  width: 90%;
  letter-spacing: 1px;
  text-align: justify;
  margin: 0 auto;
}
.container-fluid .plan_area .plan_wrap .online_apply_btn p span {
  color: #FF0000;
}
.container-fluid .plan_area .plan_wrap h3.title {
  color: #1E69D2;
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
  background: #D0EEBD;
  padding: 8px;
  border-radius: 50px;
  margin: 0 0 20px 0;
}
.container-fluid .plan_area .plan_wrap ul {
  font-weight: bold;
  letter-spacing: 1px;
}
.container-fluid .plan_area .plan_wrap ul li {
  line-height: 32px;
  letter-spacing: 2px;
  text-align: justify;
  padding-right: 10px;
}
.container-fluid .plan_area .plan_wrap .red_word {
  color: #FF0000;
}
.container-fluid .plan_area .plan_wrap .orange_word {
  color: #F15A24;
}
.container-fluid .plan_area .plan_wrap .deco_img {
  text-align: center;
  margin: 30px auto 80px auto;
}
.container-fluid .plan_area .plan_wrap .deco_img img {
  width: 80%;
}
.container-fluid .news_area {
  background: #FFFFFF;
  padding-bottom: 50px;
}
.container-fluid .news_area h2 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
  padding: 50px 0;
  margin: 0;
}
.container-fluid .news_area h2 img {
  height: 50px;
  margin-right: 20px;
}
.container-fluid .news_area .news_list_wrap {
  list-style: none;
  padding: 0;
  margin: 0;
}
.container-fluid .news_area .news_list_wrap > li > a {
  color: #333333;
  font-size: 1.25rem;
  font-weight: bold;
  text-decoration: none;
  background: linear-gradient(44deg, rgba(164, 225, 245, .5) 0%, rgba(173, 237, 210, .5) 100%);
  padding: 20px 30px 20px 20px;
  border-radius: 15px;
  display: block;
  margin-bottom: 15px;
  transition: 0.35s all;
  position: relative;
}
.container-fluid .news_area .news_list_wrap > li > a:hover {
  background: linear-gradient(44deg, rgba(164, 225, 245, 1) 0%, rgba(173, 237, 210, 1) 100%);
}
.container-fluid .news_area .news_list_wrap > li > a span:first-child {
  color: #0c618f;
  margin-right: 30px;
}
.container-fluid .news_area .news_list_wrap > li > a span:last-child {
  color: #005f72;
  font-size: 1.75rem;
  margin-top: -8px;
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-40%);
}
.container-fluid .news_area .news_list_wrap > li > div {
  font-weight: bold;
  background: rgba(242, 242, 242, .65);
  padding: 20px 20px;
  border-radius: 15px;
  margin-bottom: 15px;
  display: none;
}
.container-fluid .news_area .news_list_wrap > li > div .chinese_list {
  list-style: cjk-ideographic;
  text-align: justify;
  padding-left: 72px;
  margin-bottom: 1rem;
}
.container-fluid .info_area {
  background: rgba(233, 243, 246, .5);
  padding: 30px 0 50px 0;
}
.container-fluid .info_area h2 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
  padding: 50px 0;
  margin: 0;
}
.container-fluid .info_area h2 img {
  height: 50px;
  margin-right: 20px;
}
.container-fluid .info_area .info_links_wrap {
  text-align: center;
  margin: 0 30px;
}
.container-fluid .info_area .info_links_wrap img {
  height: 120px;
  display: block;
  margin: 15px auto 30px auto;
}
.container-fluid .info_area .info_links_wrap a, .btn {
  color: rgba( 0, 0, 0, .7 );
  font-size: 1.375rem;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  background: #53C9BD;
  background: linear-gradient(44deg,rgba(255, 190, 59, 1) 0%, rgba(255, 163, 130, 1) 99%);
  padding: 5px 20px;
  border-radius: 50px;
  box-shadow: 0 3px 0px rgba( 0, 0, 0, .1 );
  display: inline-block;
  margin-bottom: 50px;
  transition: all 0.35s;
}
.container-fluid .info_area .info_links_wrap a:hover, .btn:hover {
  color: rgb(170, 84, 3);
  background: linear-gradient(44deg,rgba(255, 190, 59, 1) 0%, rgba(255, 163, 130, 1) 99%);
  box-shadow: 0 1px 0 rgba( 0, 0, 0, .6 );
  transform: translateY(2px);
}
.footer {
  background: linear-gradient(44deg,rgba(179, 194, 245, 1) 0%, rgba(164, 225, 245, 1) 50%, rgba(173, 237, 210, 1) 100%); 
  padding: 60px 0;
  position: relative;
  z-index: 10;
}
.footer > .container{
  position: relative;
  z-index: 10;
}
.footer::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: ""; 
  width:45rem;
  aspect-ratio: 2.5/1;
  background: url( "../images/footer_bg.png" ) right -15% center / contain no-repeat;
  filter: drop-shadow( 0px 0px 10px rgb(255, 255, 255) );
  z-index: 1;
}
@media only screen and ( max-width:1180px ){
  .footer::after { 
    width:35rem;
    background-position: right -20%;
    top: 75%;
    transform: translateY(-75%);
  }
}
@media only screen and ( max-width:991px ){
  .footer{ padding-bottom: 10rem; }
  .footer::after { 
    width:60%; 
    top: 85%; 
  }
}
@media only screen and ( max-width:576px ){
  .container-fluid h2{ 
    width: 90%; font-size: 1.5rem; margin: 0; 
  }
  .footer{ padding-bottom: 10rem; }
  .footer::after { 
    width:100%;
    background-position: right -20%;
  }
}
.container-fluid .footer .footer_logo {
  background: linear-gradient(44deg, rgb(28, 108, 10) 0%, rgb(9, 84, 109) 50%, rgb(19, 75, 131) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.875rem;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 30px;
  transition: 0.35s all;
}

.container-fluid .footer .footer_logo img {
  height: 60px;
  margin-right: 20px;
  vertical-align: middle;
}
.container-fluid .footer .footer_logo span {
  vertical-align: middle;
}
.container-fluid .footer p {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 25px;
}
.container-fluid .footer .certification a {
  display: inline-block;
  transition: 0.35s all;
}
.container-fluid .footer .certification a:hover {
  border: 3px solid #FF0000;
}
.container-fluid .footer .certification a img {
  max-width: 100%;
}

.video_pop_area {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 200px 12px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow-y: auto;
}
.video_pop_area .video_wrap {
  width: 90%;
  max-width: 800px;
  margin: auto;
}
.video_pop_area .video_wrap a {
  color: #FFFFFF;
  font-size: 3rem;
  text-decoration: none;
  float: right;
  margin-top: -72px;
}
.video_pop_area .video_wrap iframe {
  width: 100%;
  height: 100%;
  display: block;
}
.video_pop_area .video_wrap video {
  width: 100%;
  display: block;
}
.video_pop_area .video_wrap div {
  color: #FFFFFF;
  margin: 10px auto;
}

/* for list.html */
.container-fluid .list_area {
  background: #FFFFFF;
  padding-bottom: 100px;
}
.container-fluid .list_area h2 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
  padding: 50px 0;
  margin: 0;
}
.container-fluid .list_area h2 img {
  height: 50px;
  margin-right: 20px;
}
.container-fluid .list_area .list_wrap {
  list-style: none;
  padding: 0;
  margin: 0;
}
.container-fluid .list_area .list_wrap > li > a {
  color: #333333;
  font-size: 1.25rem;
  font-weight: bold;
  text-decoration: none;
  background: #87CFC2;
  padding: 20px 20px;
  border-radius: 15px;
  display: block;
  margin-bottom: 15px;
  transition: 0.35s all;
}
.container-fluid .list_area .list_wrap > li > a:hover {
  background: #FFA9D0;
}
.container-fluid .list_area .list_wrap > li > a span {
  color: #006837;
  font-size: 1.75rem;
  margin-top: -8px;
  float: right;
}
.container-fluid .list_area .list_wrap > li > div {
  font-weight: bold;
  background: #F2F2F2;
  padding: 20px 20px;
  border-radius: 15px;
  margin-bottom: 15px;
  display: none;
}
.container-fluid .list_area .list_wrap > li > div .list_table thead tr th {
  color: #1E69D2;
  font-size: 24px;
  font-weight: bold;
  vertical-align: middle;
  padding-bottom: 15px;
  border-bottom-color: #FFA9D0;
}
.container-fluid .list_area .list_wrap > li > div .list_table tbody tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.container-fluid .list_area .list_wrap > li > div .list_table tbody tr td {
  vertical-align: middle;
  padding: 20px 8px;
  border-bottom-color: #FFA9D0;
}

.lsitBox{
  padding: 1rem;
}

.lsitBox a{
  text-decoration: none;
}  

.lsitBox img, .listSub{
  border-radius: .75rem;  
}

.lsitBox img{
  background-color: #ffffff; 
  display: block; 
  aspect-ratio: 1/.6; 
  object-fit: cover;
  border: 1px solid rgba(83, 201, 189, .3); 
}


.listSub{ 
  height: 4.8rem; 
  font-size: 1.35rem;
  line-height: 2rem; 
  color: #666666; 
  font-weight: bold; 
  border: 1px solid rgba(83, 201, 189, 1); 
  padding: .5rem;
  text-align: justify; /* 文字兩端對齊 */
  overflow: hidden; /* 隱藏超出內容 */
  text-overflow: ellipsis; /* 超出顯示省略號 */
  display: -webkit-box; /* 必須加，啟用 Webkit 的多行文本溢出 */
  -webkit-line-clamp: 2; /* 限制顯示的行數 */
  -webkit-box-orient: vertical; /* 必須加，設置為垂直排列 */
  background-color: rgba(83, 201, 189, .2); 
} 

.lsitBox a:hover .listSub{   
  background-color: rgba(83, 201, 189, .2);
  color: rgb(5, 92, 84);
} 

.pages_sub, .img_sub{
  text-align: left !important;
}  

.plan_wrap > h3{
  padding: 1rem 0; color: #138579;
}

.img_sub{ 
  font-size: 1.1rem; 
  padding: 0 2rem;
  line-height: 1.7rem;
}

.img_sub::before{
  content: "圖 / "; width: 1rem; 
}

.pages_txt{
  font-weight:500;
  font-size: 1.3rem;
  line-height: 2.5rem;
  padding: 1rem 0; 
}

.center_block {
  flex: none;
  flex-basis: 100%;
  max-width: 100%;
}

.cp img {
  max-width: 100%;
}

.file_download {
  width: 100%;
  margin: 0 auto 2em;
  clear: both;
  zoom: 1;
}
.file_download:before, .file_download:after {
  content: "";
  display: table;
}
.file_download:after {
  clear: both;
}
.file_download h3 {
  font-size: 1.5em;
  padding: 12px 0px 15px 0px;
  margin: 0.5em 0px 0.2em;
  border-bottom: 1px solid #188275;
}
.file_download ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  counter-reset: num;
}
.file_download li {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 0.5em 0 0.5em 1.5em;
  border-bottom: solid 1px #eee;
}
.file_download li:before {
  counter-increment: num;
  content: counters(num, ".") ".";
  font-size: 1em;
  position: absolute;
  top: 0.5em;
  left: 0.1em;
  color: #666;
}
.file_download li .file_name {
  line-height: 1.8em;
  margin: 0.2em 0.5em 0.2em 0;
  color: #222;
}
.file_download li .file_type {
  color: #fff;
  display: inline-block;
}
.file_download li .file_doc .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_doc .file_type:hover, .file_download li .file_doc .file_type:focus {
  color: #fff;
}
.file_download li .file_docx .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_docx .file_type:hover, .file_download li .file_docx .file_type:focus {
  color: #fff;
}
.file_download li .file_odt .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_odt .file_type:hover, .file_download li .file_odt .file_type:focus {
  color: #fff;
}
.file_download li .file_xls .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_xls .file_type:hover, .file_download li .file_xls .file_type:focus {
  color: #fff;
}
.file_download li .file_xlsx .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_xlsx .file_type:hover, .file_download li .file_xlsx .file_type:focus {
  color: #fff;
}
.file_download li .file_csv .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_csv .file_type:hover, .file_download li .file_csv .file_type:focus {
  color: #fff;
}
.file_download li .file_ods .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_ods .file_type:hover, .file_download li .file_ods .file_type:focus {
  color: #fff;
}
.file_download li .file_ppt .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_ppt .file_type:hover, .file_download li .file_ppt .file_type:focus {
  color: #fff;
}
.file_download li .file_pptx .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_pptx .file_type:hover, .file_download li .file_pptx .file_type:focus {
  color: #fff;
}
.file_download li .file_odp .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_odp .file_type:hover, .file_download li .file_odp .file_type:focus {
  color: #fff;
}
.file_download li .file_zip .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_zip .file_type:hover, .file_download li .file_zip .file_type:focus {
  color: #fff;
}
.file_download li .file_txt .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_txt .file_type:hover, .file_download li .file_txt .file_type:focus {
  color: #fff;
}
.file_download li .file_mov .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_mov .file_type:hover, .file_download li .file_mov .file_type:focus {
  color: #fff;
}
.file_download li .file_mp3 .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_mp3 .file_type:hover, .file_download li .file_mp3 .file_type:focus {
  color: #fff;
}
.file_download li .file_jpg .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_jpg .file_type:hover, .file_download li .file_jpg .file_type:focus {
  color: #fff;
}
.file_download li .file_wmv .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_wmv .file_type:hover, .file_download li .file_wmv .file_type:focus {
  color: #fff;
}
.file_download li .file_mp4 .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_mp4 .file_type:hover, .file_download li .file_mp4 .file_type:focus {
  color: #fff;
}
.file_download li .file_pdf .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_pdf .file_type:hover, .file_download li .file_pdf .file_type:focus {
  color: #fff;
}
.file_download li .file_other .file_type {
  color: #fff;
  font-weight: bold;
  padding: 0.2em 0.8em;
  border-radius: 3px;
}
.file_download li .file_other .file_type:hover, .file_download li .file_other .file_type:focus {
  color: #fff;
}
.file_download li a.file_doc .file_type, .file_download li a.file_docx .file_type, .file_download li a.file_odt .file_type {
  background: #275cb7;
}
.file_download li a.file_doc:hover .file_type, .file_download li a.file_doc:focus .file_type, .file_download li a.file_docx:hover .file_type, .file_download li a.file_docx:focus .file_type, .file_download li a.file_odt:hover .file_type, .file_download li a.file_odt:focus .file_type {
  background: #2351a2;
}
.file_download li a.file_xls .file_type, .file_download li a.file_xlsx .file_type, .file_download li a.file_csv .file_type, .file_download li a.file_ods .file_type {
  background: #387947;
}
.file_download li a.file_xls:hover .file_type, .file_download li a.file_xls:focus .file_type, .file_download li a.file_xlsx:hover .file_type, .file_download li a.file_xlsx:focus .file_type, .file_download li a.file_csv:hover .file_type, .file_download li a.file_csv:focus .file_type, .file_download li a.file_ods:hover .file_type, .file_download li a.file_ods:focus .file_type {
  background: #30683d;
}
.file_download li a.file_ppt .file_type, .file_download li a.file_pptx .file_type, .file_download li a.file_odp .file_type, .file_download li a.file_pdf .file_type {
  background: #c55a3b;
}
.file_download li a.file_ppt:hover .file_type, .file_download li a.file_ppt:focus .file_type, .file_download li a.file_pptx:hover .file_type, .file_download li a.file_pptx:focus .file_type, .file_download li a.file_odp:hover .file_type, .file_download li a.file_odp:focus .file_type, .file_download li a.file_pdf:hover .file_type, .file_download li a.file_pdf:focus .file_type {
  background: #b25135;
}
.file_download li a.file_pdf .file_type {
  background: #c00;
}
.file_download li a.file_pdf:hover .file_type, .file_download li a.file_pdf:focus .file_type {
  background: #b30000;
}
.file_download li a.file_zip .file_type {
  background: #eb712e;
}
.file_download li a.file_zip:hover .file_type, .file_download li a.file_zip:focus .file_type {
  background: #e96117;
}
.file_download li a.file_txt .file_type, .file_download li a.file_other .file_type {
  background: #555;
}
.file_download li a.file_txt:hover .file_type, .file_download li a.file_txt:focus .file_type, .file_download li a.file_other:hover .file_type, .file_download li a.file_other:focus .file_type {
  background: #484848;
}
.file_download li a.file_mov .file_type {
  background: #009999;
}
.file_download li a.file_mov:hover .file_type, .file_download li a.file_mov:focus .file_type {
  background: teal;
}
.file_download li a.file_mp3 .file_type, .file_download li a.file_mp4 .file_type {
  background: #088ecc;
}
.file_download li a.file_mp3:hover .file_type, .file_download li a.file_mp3:focus .file_type, .file_download li a.file_mp4:hover .file_type, .file_download li a.file_mp4:focus .file_type {
  background: #077db3;
}
.file_download li a.file_jpg .file_type {
  background: #6c29a4;
}
.file_download li a.file_jpg:hover .file_type, .file_download li a.file_jpg:focus .file_type {
  background: #5f2490;
}
.file_download li a.file_wmv .file_type {
  background: #430a1f;
}
.file_download li a.file_wmv:hover .file_type, .file_download li a.file_wmv:focus .file_type {
  background: #2d0715;
}

@media screen and (max-width: 767px) {
  /* for all page */
  a.to_top {
    width: 50px;
    height: 50px;
    font-size: 2rem;
    line-height: 50px;
    right: 10px;
    bottom: 10px;
  }

  /* for index.html */
  .container-fluid .logo a {
    font-size: 1.5rem;
  }
  .container-fluid .logo a .logo_img {
    height: 40px;
    margin-right: 10px;
  }
  .container-fluid .footer .footer_logo {
    font-size: 1.5rem;
  }
  .container-fluid .footer .footer_logo img {
    height: 40px;
    margin-right: 10px;
  }
  .container-fluid .footer p {
    font-size: 1.25rem;
  }

  .video_pop_area {
    padding: 80px 12px;
  }

  /* for list.html */
  .container-fluid .list_area .list_wrap > li > div .list_table thead tr th {
    display: none;
  }
  .container-fluid .list_area .list_wrap > li > div .list_table tbody tr {
    border-bottom: 2px solid #FFA9D0;
  }
  .container-fluid .list_area .list_wrap > li > div .list_table tbody tr:last-child {
    border-bottom: 0;
  }
  .container-fluid .list_area .list_wrap > li > div .list_table tbody tr td {
    border-bottom: 0;
    display: block;
  }
  .container-fluid .list_area .list_wrap > li > div .list_table tbody tr td::before {
    content: attr(data-th);
    color: #1E69D2;
    font-size: 20px;
    display: block;
    font-weight: bold;
  }
}
@media screen and (max-width: 1199px) {
  /* for index.html */
  .container-fluid .info_area .info_links_wrap {
    margin: 0;
  }
}