/*.collapse {display: block;}*/
[v-cloak] {
  display: none;
}
.hiddencell{
  visibility: hidden;
}
.note_line{
  width: 45%;
  height: 1px;
  border-top: solid 1px #757575;
  margin-bottom: 5px;
}
.notes {
  /*font-style: italic;*/
  font-size: 0.92em;
  color: #383838;
}
.td_w0 {
  min-width: 200px;
}
.td_w01 {
  min-width: 70px;
}
.td_w1 {
  min-width: 95px;
}
.td_w2 {
  min-width: 100px;
}
.td_w2b {
  min-width: 105px;
}
.td_w3 {
  min-width: 130px;
}
.td_w4 {
  min-width: 10px;
  max-width: 20px
}
.td_w15 {
  min-width: 180px;
}
.td_wt18 {
  min-width: 200px;
}
.td_w18 {
  min-width: 90px;
}
.td_w19 {
  min-width: 5px;
  max-width: 10px;
}
.td_w19_1 {
  min-width: 100px;
  max-width: 100px;
}
.td_w19_2 {
  min-width: 150px;
  max-width: 150px;
}
.td_w19_4 {
  min-width: 300px;
  max-width: 300px;
}
.appendix1 td {
  vertical-align: middle;
}
.appendix1 td:nth-last-child(1), .appendix1 td:nth-last-child(2), .appendix1 td:nth-last-child(3) {
  text-align: center;
}
.appendix td:nth-last-child(1), .appendix td:nth-last-child(2), .appendix td:nth-last-child(3) {
  text-align: right;
}
.appendix4 td:nth-last-child(1), .appendix4 td:nth-last-child(2) {
  text-align: right;
}
.appendix9 td:nth-last-child(1), .appendix9 td:nth-last-child(2), .appendix9 td:nth-last-child(3), .appendix9 td:nth-last-child(4), .appendix9 td:nth-last-child(5), .appendix9 td:nth-last-child(6) {
  text-align: right;
}
.appendix14 td:nth-last-child(1), .appendix14 td:nth-last-child(2), .appendix14 td:nth-last-child(3), .appendix14 td:nth-last-child(4) {
  text-align: right;
}
.appendix19 td:nth-last-child(4) {
  text-align: center;
}
.appendix20 td {
  text-align: center;
}
.appendix12_ol li, .appendix12_ol2 li {
  padding: 5px 0;
}
.appendix15 td:nth-last-child(2), .appendix15 td:nth-last-child(3), .appendix15 td:nth-last-child(4) {
  text-align: center;
}
.appendix15 td:nth-last-child(1) {
  text-align: center;
  font-weight: bold;
}
.appendix16 td:nth-last-child(2) {
  text-align: center;
}
.appendix16 td:nth-last-child(1) {
  text-align: right;
}
.appendix18 {
  font-size: 0.6em;
}
.appendix18 tbody td {
  text-align: right;
}
.appendix18 tbody td:first-child, .appendix18 tfoot td:first-child {
  text-align: left;
}
.appendix18 tbody td:nth-child(4), .appendix18 tbody td:nth-last-child(1), .appendix18 tbody td:nth-last-child(5) {
  font-weight: bold;
}
.appendix18 tfoot td {
  text-align: right;
}
.table_m1 {
  max-width: 560px;
}
.table_m7 {
  max-width: 760px;
}
.table_m12 {
  max-width: 1040px;
  min-width: 860px
}

#appendix_menu {
  counter-reset:menusection;
}

#appendix_menu li a span:before {
  counter-increment:menusection;
  content:counter(menusection) ". ";
}


/* highlight */
.hl_group{
  position: relative;
  display: block;
  margin-bottom: 5px;
}
.hl_head2{
  padding: 20px 10px 20px 10px;
  color: #00A0E8;
  background-color: #D1E8F0;
  font-weight: bold;
}
.hl_word{
  padding: 5px 10px 10px 10px;
}
.hl_word2{
  padding: 5px 10px 10px 10px;
}
.hl_img img{
  position: absolute;
  right:0;
  top:-5px;
  width: auto;
  height: 120px;
}
.hl_img2 img{
  position: absolute;
  right:0;
  top:-8px;
  width: auto;
  height: 143px;
}
.hl_prize_item{margin-top: 10px;}
.hl_prize_txt{color:#1d6f03;}

/* senior List*/
.seniorList {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.seniorList li {
  float: left;
  text-align: center;
}
.seniorList .photo {
  height: auto;
  max-width: 340px;
}
.seniorList .name {
  /*	border-style: none solid solid solid;
    border-width: 1px;
    border-color: #8FB5D6;*/
  max-width: 245px;
  margin: 0 auto;
  /*margin-top: -20px;*/
  border-radius: 0 0 10px 10px;
  padding: 10px 10px 20px 10px;
  position: relative;
  font-size: 0.9em;
}
.seniorList .name strong {
  color: #003F98;
  font-size: 1.15em;
}
.seniorList .trian {
  position: absolute;
  top: 10px;
  left: -7px;
}
.seniorList .trian img {
  width: 20px;
  height: auto;
}
/* index page */
#index_slide img {
  width: 86%;
  height: auto;
}
.index_nav_lang {
  text-align: right;
  padding: 15px 20px;
}
.index_nav_lang a, #index_nav_lang a:active, .nav_lang a, #nav_lang a:active {
  color: #6b1686;
}
#index_menu a, #index_menu a:active {
  color: #0e92ce;
}
.nav_lang i {
  font-size: 1.1em;
}
.padding1 {
  padding: 0 18px;
}
.padding1en {
  padding: 0 2px;
}
.imgRight2 a:hover {
  text-decoration: none;
}
.imgRight2 p {
  clear: both;
}
.imgCenter3a div img {
  float: left;
  max-height: 166px;
  width: auto;
}
.imgCenter3a p {
  clear: both;
}
/* collapse icon */
#menus .parent-nav:after {
  content: "\f123";
  font-family: ionicons;
  float: right;
  /*padding-left: 20px;*/
}
#menus .parent-nav.collapsed:after {
  content: "\f125";
  font-family: ionicons;
}
#content .parent-nav:after {
  content: "\f104";
  font-family: ionicons;
  /*transform: rotate(90deg);*/
  padding-left: 0.5em;
}
#content .parent-nav.collapsed:after {
  content: "\f10a";
  font-family: ionicons;
}
th, td {
  padding: 5px;
  display: table-cell;
  vertical-align: top;
}
tfoot td {
  font-weight: bold;
}
.h3style h3 {
  cursor: pointer;
}
.swiper-container {
  width: 100%;
  height: auto;
}
.swiper-container img {
  width: 86%;
  height: auto;
}
.swiper-slide {
  text-align: center;
  background: #fff;
  /* Center slide text vertically */
  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;
}
.ch8_table ul {
  margin: 0;
  padding-left: 15px;
}
#banner {
  text-align: center;
}
#header {
  background-color: white;
  padding: 10px 0 10px 20px;
  /*margin-top: -2px;*/
  /*opacity:0.93;*/
}
.slide-fade-enter-active {
  animation: bounce-in .1s;
}
.slide-fade-leave-active {
  animation: bounce-in .1s reverse;
}
@keyframes bounce-in {
  0% {
    transform: translateX(120px);
  }
  100% {
    transform: translateX(0);
  }
}
#main-menu-fade {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color:white;opacity:0.5;*/
  background-color: rgba(55, 55, 55, .6);
}
#main-menu {
  overflow-y: auto;
  /*padding: 0.55rem 0.55rem;*/
  z-index: 5;
  position: fixed;
  top: 0;
  right: 0;
  width: 500px;
  height: 100%;
  background-color: #f7f7f7;
  border-left: solid 1px #f5f5f5;
}
#main-menu .main-menu-title {
  padding: 10px 10px;
  border-bottom: solid 1px #bfbfbf;
}
#main-menu .main-menu-title .btn1 {
  color: black;
  padding: 10px 13px;
  font-size: 1.3em;
}
#menus {
  margin: 0 0 30px 0;
}
#menus .active a {
  font-weight: bold;
}
#menus .title {
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
}
#menus .links ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menus .links ol li {
  border-bottom: solid 1px #ccc;
}
#menus .links ol a, #menus .links ol a:visited {
  padding: 10px 18px;
  display: block;
  color: #00489F;
}
#menus .links ol a:hover {
  /*color: red;*/
  color: white;
  background-color: blue;
  text-decoration: none;
}
#menus .links ol li a i {
  float: right;
}
#menus .links ol li ol {
  margin-left: 1em;
}
#menus .links ol li ol li {
  border-bottom: dashed 1px #ccc;
}
#menus .links ol li ol li:last-child {
  border-bottom: none;
}
.radius_btn_left, .radius_btn_right {
  width: 90px;
  border-radius: 32px;
  padding: 2px;
  font-size: 1.1em;
  color: white;
}
.radius_btn_left {
  border-right-color: #2b85e4;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.radius_btn_right {
  border-left-color: #2b85e4;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -3px;
}
.ul_roman {
  list-style-type: lower-roman;
}
.ul_disc {
  list-style-type: disc;
}
/* sitemap */
ol.domtree {
  margin-left: -40px;
  margin-top: -16px;
  text-align: left;
}
ol.domtree ol {
  margin: 0;
  padding: 0 0 0 28px;
}
ol.domtree li {
  list-style: none;
  position: relative;
  padding: 16px 0 0 0;
  color: #2f1f06;
}
ol.domtree a {
  text-decoration: none;
}
ol.domtree a:hover {
  color: red;
  font-weight: bold;
}
ol.domtree ol li a {
  color: #2a0584;
}
ol.domtree ol ol li a {
  color: #80500c;
}
ol.domtree ol ol ol li a {
  color: #07380e;
}
ol.domtree ol ol ol ol li a {
  color: #030f61;
}
ol.domtree > li:first-child:before {
  border-style: none none none none;
  /*border-style: none none solid none;*/
}
ol.domtree li:before {
  position: absolute;
  content: '';
  top: 0;
  left: -10px;
  width: 7px;
  /*height: 0.615em;*/
  height: 26px;
  border-style: none none solid solid;
  border-width: 1px;
  border-color: #ae0;
}
ol.domtree ol li:before {
  border-color: #2a0584;
}
ol.domtree ol ol li:before {
  border-color: #80500c;
}
ol.domtree ol ol ol li:before {
  border-color: #07380e;
}
ol.domtree ol ol ol ol li:before {
  border-color: #030f61;
}
ol.domtree li:not(:last-child):after {
  position: absolute;
  content: '';
  top: 10px;
  left: -10px;
  bottom: 0;
  border-style: none none none solid;
  border-width: 1px;
  border-color: #aaa;
}
ol.domtree li:not(:last-child):after {
  border-color: #2a0584;
}
ol.domtree ol ol li:not(:last-child):after {
  border-color: #80500c;
}
ol.domtree ol ol ol li:not(:last-child):after {
  border-color: #07380e;
}
ol.domtree ol ol ol ol li:not(:last-child):after {
  border-color: #030f61;
}
/* END sitemap */


/* appendix3 */
ol.domtree2 {
  margin-left: -40px;
  margin-top: -16px;
}
ol.domtree2 ol {
  margin: 0;
  padding: 0 0 0 28px;
}
ol.domtree2 li {
  list-style: none;
  position: relative;
  padding: 16px 0 0 0;
  color: purple;
  font-weight: bold;
} 
ol.domtree2 a {
  text-decoration: none;
}
ol.domtree2 a:hover {
  color: red;
}
ol.domtree2 ol li {
  color: blue;
  font-weight: bold;
}
ol.domtree2 ol ol li {
  color: black;
  font-weight: bold;
}
ol.domtree2 ol ol li.level4 span{
  width: 30px;
  display: inline-block;
  line-height: 14px;
  border-bottom: 1px solid #07380e;
  position: absolute;
  left: -3px;
  top: 25px;
}
ol.domtree2 ol ol li.level4 {
  color: #07380e;
  padding-left: 28px;
}
ol.domtree2 ol ol ol li.level5a {
  color: #030f61;
  font-weight: normal;
}
ol.domtree2 ol ol ol ol li {
  color: #030f61;
}
ol.domtree2 ol ol ol li {
  color: #07380e;
}
ol.domtree2 ol ol ol li.level5 span{
  height: 26px;
  width: 30px;
  display: inline-block;
  line-height: 14px;
  border-bottom: 1px solid #030f61;
  position: absolute;
  left: -3px;
  top:0;
}
ol.domtree2 ol ol ol li.level5 {
  color: #030f61;
  padding-left: 30px;
  font-weight: normal;
}
ol.domtree2 ol ol ol li.level5_special {
  padding-left: 60px;
  color: #078c11;
  font-weight: normal;
}
ol.domtree2 ol ol ol li.level5_special span{
  height: 26px;
  width: 60px;
  display: inline-block;
  line-height: 14px;
  border-bottom: 1px solid #078c11;
  position: absolute;
  left: -3px;
  /*bottom: 14px;*/
  top:0;
}
ol.domtree2 ol ol ol ol li {
  color: #030f61;
  font-weight: normal;
}
ol.domtree2 > li:first-child:before {
  border-style: none none none none;
  /*border-style: none none solid none;*/
}
ol.domtree2 li:before {
  position: absolute;
  content: '';
  top: 0;
  left: -10px;
  width: 7px;
  /*height: 0.615em;*/
  height: 26px;
  border-style: none none solid solid;
  border-width: 1px;
  border-color: #ae0;
}
ol.domtree2 ol li:before {
  border-color: #0000ff;
}
ol.domtree2 ol ol li:before {
  border-color: #000000;
}
ol.domtree2 ol ol ol li:before {
  border-color: #07380e;
}
ol.domtree2 ol ol ol ol li:before {
  border-color: #030f61;
}
ol.domtree2 li:not(:last-child):after {
  position: absolute;
  content: '';
  top: 10px;
  left: -10px;
  bottom: 0;
  border-style: none none none solid;
  border-width: 1px;
  border-color: #aaa;
}
ol.domtree2 li:not(:last-child):after {
  border-color: #2a0584;
}
ol.domtree2 ol ol li:not(:last-child):after {
  border-color: #000000;
}
ol.domtree2 ol ol ol li:not(:last-child):after {
  border-color: #07380e;
}
ol.domtree2 ol ol ol ol li:not(:last-child):after {
  border-color: #030f61;
}
/* END appendix3 */

#title {
  margin-top: 10px;
  padding: 0 0 0 20px;
}
h1 {
  color: #00489F;
}
h2 {
  color: #064c23;
}
h3 {
  color: #03863a;
}
#content {
  padding: 10px 20px;
  text-align: justify;
  text-justify: distribute;
}
#footer {
  margin-top: 2rem;
  padding: 10px 20px;
  background-color: #EDEDED;
}
.slide_title_mobile {
  display: none;
}
#gotop {
  text-align: center;
  position: fixed;
  right: 0px;
  bottom: 0px;
  background: #333;
  opacity: 0.85;
  border-radius: 16px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
#gotop a {
  color: #fff;
  text-decoration: none;
  font-size: 85%;
  padding: 6px;
  display: block;
}
#content .img-fluid {
  border-radius: 0.6em;
}
.imgCenter4 img {
  padding: 3px;
}
.imgCenter1 {
  text-align: center;
}
.imgCenter2 div {
  padding: 3px;
  width: 50%;
  float: left;
}
.imgCenter3 div {
  padding: 3px;
  width: 33%;
  float: left;
  text-align: center;
}
.imgCenter3 div img{
  width: auto;
  max-height: 238px;
}
.imgCenter4a div{
    width: 25%;
    float: left;
    text-align: center;
  }
  .imgCenter4a div img{
  width: auto;
  max-height: 205px;
  }

.imgCenter5 div {
  padding: 3px;
  width: 20%;
  float: left;
}



@media (max-width: 575.98px) {
  .logo {
    max-width: 60px;
    height: auto;
  }
}

@media (max-width: 767.98px) {
  #footer {
    font-size: 0.95em;
}
.hl_head{
  padding: 20px 38% 20px 10px;
  color: #00A0E8;
  background-color: #D1E8F0;
  font-weight: bold;
}
.hl_prize_item {
width: 100%; 
text-align: center;
padding-bottom: 10px;
}
.hl_prize_img img{width: 70px; height: auto;}
.table_m1 {
  width: 100%;
}
.photo_caption {
  text-align: center;
  font-style: italic;
  font-size: 0.92em;
  margin-top: 0;
  margin-bottom: 0.7rem;
}
  .fix1 {
    height: 76px;
    margin-top: -76px;
    content: '';
    display: block;
  }
  .sitemap a {
    padding: 10px 0;
    display: block;
  }
  #index_header {
    padding: 0px 20px 0px 20px;
  }
  #header {
    width: 100%;
  }
  #banner {
    padding-top: 76px;
  }
  .logo {
    width: 45px;
    height: auto;
  }
  .ar_jpg {
    width: 130px;
    height: auto;
  }
  .table_m7 {
    width: 100%;
  }
  .appendix12_ol {
    -moz-column-count: 1; /* Firefox */
    -webkit-column-count: 1; /* Safari and Chrome */
    column-count: 1;
  }
  .imgRight2 {
    text-align: center;
  }
.imgRight2 div img {
  /*float: left;*/
  height: 150px;
  width: auto;
}
.imgRight2_ch4 {
  text-align: center;
}
.imgRight2_ch4 a{
  width: 46%;
  display: inline-block;
}

.imgCenter3_ch4 div {
  padding: 3px;
  width: 33%;
  float: left;
  text-align: center;
}
.imgCenter3_ch4 div img{
  width: auto;
  max-height: 130px;
}

.imgCenter4a div:first-child{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 5px;
    padding: 0 3px;
  }
.imgCenter4a div:first-child img{
    width: auto;
    height: auto;

  }
.imgCenter4a div{
    width: 33.3%;
    float: left;
    padding: 0 3px;
    text-align: center;
  }




}
@media (max-width: 991.98px) {
  .fixtop {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1;
  }
  .swiper-container {
    display: none;
  }
  /*.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 1.5em;
}*/
  .index_nav_lang {
    display: none;
  }
  #index_menu ul {
    display: none;
  }
  .index_mob_menus img {
    width: 90%;
    height: auto;
    padding-bottom: 10px;
  }
  #main-menu {
    width: 95%;
  }
  .nav_lang {
    display: none;
  }
  .slide_title_pc {
    display: none;
  }
  .slide_title_mobile {
    display: block;
  }
  .mobile-open {
    text-align: right;
    font-size: 2em;
    display: block;
  }
  .mobile-open a {
    padding: 20px;
    color: black;
  }
  .mobile_open {
    padding: 25px 25px 10px 25px;
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    z-index: 2;
  }
  #mobile_back {
    padding: 10px 10px 10px 25px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
  }
  #mobile_close {
    padding: 10px 10px 10px 25px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 4;
  }
  .imgRight, .imgRight1, .imgRight_ch4 {
    width: 100%;
  }
  .imgCenter4 div div {
    width: 50%;
    float: left;
  }
}
@media (min-width: 768px) {
.hl_head{
  padding: 20px 12% 20px 10px;
  color: #00A0E8;
  background-color: #D1E8F0;
  font-weight: bold;
}
.hl_prize_item {
width: 49%; 
/*float: left;*/
display: inline-block;
text-align: center;
vertical-align: top;
}
.hl_prize_img img{width: 70px; height: auto;}
.photo_caption {
  text-align: center;
  font-style: italic;
  font-size: 0.92em;
  margin-top: 0;
  margin-bottom: 0;
}
  .imgRight {
    width: 310px;
    float: right;
    margin-left: 1em;
  }
  .imgRight1 {
    width: 250px;
    float: right;
    margin-left: 1em;
  }
  .imgRight_ch4 {
    width: 240px;
    float: right;
    margin-left: 1em;
  }
  .imgRight2_ch4 {
    width: 240px;
    float: right;
    margin-left: 1em;
  }
  .imgRight2 {
    text-align: center;
    width: 390px;
    float: right;
    margin-left: 1em;
  }
.imgRight2 div img {
  /*float: left;*/
  height: 166px;
  width: auto;
}
.twoImg {    
    max-width: 350px;
    padding: 0 10px;
    text-align: center;
    margin:0 auto;
}
.twoImg2 img{
    max-height: 170px;
    width: auto;
    text-align: center;
    margin:0 auto;
}
.twoImg2_ch4 img{
    height: 234px;
    width: auto;
    text-align: center;
    margin:0 auto;
}

.imgCenter3_ch4 div {
  padding: 3px;
  width: 33%;
  float: left;
  text-align: center;
}
.imgCenter3_ch4 div img{
  width: auto;
  max-height: 200px;
}

  .fix1 {
    height: 112px;
    margin-top: -112px;
    content: '';
    display: block;
  }
  .logo {
    max-width: 70px;
    height: auto;
  }
  .imgCenter1 img {
    width: 350px;
    height: auto;
  }
  .imgCenter2 img {
    width: 350px;
    height: auto;
  }
}
@media screen and (min-width:768px) and (max-width:991.99px) {
  #header {
    width: 100%;
  }
  #banner {
    margin-top: 112px;
  }
  .appendix12_ol {
    -moz-column-count: 2; /* Firefox */
    -webkit-column-count: 2; /* Safari and Chrome */
    column-count: 2;
  }
}
@media (min-width: 992px) {
.hl_prize_item {
width: 33%; 
/*float: left;*/
display: inline-block;
text-align: center;
}
  .fixtop {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 2;
    background-color: white;
  }
  .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 1.5em;
  }
  #swiper-pause {
    position: absolute;
    left: 48.5%;
    bottom: 10%;
    text-align: center;
    z-index: 10;
    color: blue;
    padding: 0.5em;
    width: 2.5em;
    height: 2.5em;
    border-radius: 1.5em;
    background: white;
    opacity: 0.5;
  }
  #index_menu {
    margin-top: 20px;
  }
  #index_menu ul {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #index_menu ul li {
    float: left;
  }
  #index_menu ul li a {
    padding: 7px 7px;
    text-decoration: none;
  }
  #index_menu ul li a:hover {
    color: #6A1585;
    border-bottom: solid 2px #6A1585;
  }
  .index_mob_menus {
    display: none;
  }
  #header {
    width: 960px;
    height: 112px;
    margin: 0 auto;
  }
  .nav_lang {
    padding: 10px 20px 0 0;
    text-align: right;
  }
  .mobile-open {
    display: none;
  }
  .mobile_open, #mobile_back, #mobile_close {
    display: none;
  }
  #banner {
    margin-top: 112px;
  }
  .imgCenter4 div div {
    width: 25%;
    float: left;
  }
  .appendix12_ol {
    -moz-column-count: 3; /* Firefox */
    -webkit-column-count: 3; /* Safari and Chrome */
    column-count: 3;
  }
}
@media (min-width: 1200px) {
  #header {
    width: 1140px;
    height: 112px;
    margin: 0 auto
  }
}
@media print {
  .fixtop {
    position: relative;
  }
  .collapse {
    display: block;
  }
  #gotop {
    display: none;
  }
  .print_hide {
    display: none;
  }
  #content .parent-nav:after {
    display: none;
  }
}