body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(images/bg.png);
    background-repeat: repeat;
    background-position:center top;
    /*background-color: #FFF67F;*/
    }
    .font1
      {
    font-family: "微軟正黑體";
    font-size: 15px;
    line-height: 23px;
    font-weight: normal;
      }
    .font1_1
      {
      font-family: "微軟正黑體";
      font-size: 15px;
      line-height: 22px;
      font-weight: normal;
      color:#333333;
      }
.connect {
position: fixed;
bottom: 108px;
right: 10px;
}
.connect table {  
/*background-color: rgba(0, 0, 0,0.3);*/
border-collapse: separate !important;
border-spacing: 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.connect td {
    background-color: #ff0000;
    color: #FFFFFF;
    font-family: "微軟正黑體";
    padding: 15px 20px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    border-radius: 60px;
    cursor: pointer;
}
.connect td:hover{  
background-color: rgba(30, 33, 133, 0.9);
color: #FFFFFF;
font-weight: bold;
}
#gotop {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 20px;
    border-radius: 42px;
    border: 5px solid #ff0000;
    padding: 21px 13px;
    font-size: 22px;
    font-weight: bold;
    background: rgba(255,255,255,0.8);
    color: #ff0000;
    cursor: pointer;
  }
      .font2
      {
    font-family: "微軟正黑體";
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    color: #000000;
    }
    .font2_1
    {
  font-family: "Arial Black" , "微軟正黑體";
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  color: #0033cc;
  text-align: left;
  text-decoration: none;
    }
    .font2_2
    {
  font-family: "微軟正黑體";
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  color: #000000;
  text-align: center;
    }
      .font3
      {
  color: #0033cc;
  font-weight: bold;
  font-size: 50px;
  line-height: 65px;
  font-family: "Arial Black" , "微軟正黑體";
  text-shadow: 1px 2px 2px #FFF;
  text-decoration: none;
  }
  .font31
  {
  font-family: "Arial Black" , "微軟正黑體";
  font-size: 55px;
  line-height: 65px;
  font-weight: bold;
  color: #333333;
  text-shadow: 1px 1px 2px #fff;
  }
  .font32 {
  font-family: "Arial Black" , "微軟正黑體";
  font-size: 28px;
  line-height: 38px;
  font-weight: bold;
  color: #0033CC;
  }
  .font32_y {
  font-family: "Arial Black" , "微軟正黑體";
  font-size: 22px;
  line-height: 28px;
  font-weight: bold;
  color: #ffff00;
  }
  .font32_cw {
  font-family: "Arial Black" , "微軟正黑體";
  font-size: 26px;
  line-height: 28px;
  font-weight: bold;
  color: #0033CC;
  }  
  .font4
  {
  font-family: "微軟正黑體";
  font-size: 18px;
  line-height: 26px;
  color: #ff0099;
  font-weight: bold;
  letter-spacing: normal;
   }
    .font4_1  {
  font-family: "微軟正黑體";
  font-size: 18px;
  line-height: 28px;
  color: #ff0099;
  font-weight: bold;
  letter-spacing: normal;
    }
  .font5 {
  font-family:"Time new Roman" , "微軟正黑體";
  line-height: 16px;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  letter-spacing: normal;
      }
  .yellow {color: #FF0;}
  .red{color: #F00;font-weight: bold;}
  .tdcss{text-align: left;}
  a:link{color: #333333;text-decoration: none;}
  a:visited{text-decoration: none;color: #333333;}
  a:hover{text-decoration: underline;}
  a:active{text-decoration: none;}
  font7
  {
    font-family:  "Arial Black","微軟正黑體";
    font-size: 18px;
    background-color: #FF4465;
    text-decoration: none;
    padding: 2px;
    color: #FFFFFF;
    font-weight: bold;
      }
  .font23 {
  color: #0033cc;
  font-weight: bold;
  font-size: 35px;
  line-height: 55px;
  font-family: "Arial Black" , "微軟正黑體";
  text-shadow: 1px 1px 2px #FFF;
  text-align: left;
  }
    .font23a {
  color: #0033cc;
  font-weight: bold;
  font-size: 35px;
  line-height: 55px;
  font-family: "Arial Black" , "微軟正黑體";
  text-shadow: 1px 1px 2px #FFF;
  text-align: center;
  }
  .other_page {
    margin: 3vh auto;
    font-family: "Arial Black" , "微軟正黑體";
  }
  .other_page td{
    background-color: #265fab;
    color: #fff100;
    padding: 2vh 2vw;
    margin: 0vh 5vw;
    border: solid 2px #fff;
    border-radius: 50px;
    cursor: pointer;
    font-size: 30px;
    font-weight: bold;
  }
  .other_page td:hover{
    background-color: #fff100;
    border: solid 3px #265fab;
    color: #265fab;
  }
  .other_page1 { /*��銝𧢲䲮撱���*/
  background-color: rgba(25, 181, 254, 1.0);
  margin-bottom:10px;
  color: #fff;
  padding: 35px;
  border-radius: 10px;
  border: solid 2px #f0f0f0;
  font-weight: bold;
  font-size: 18px;
  line-height: 32px;
  font-family:"Arial Black" , "微軟正黑體";
  text-shadow: 1px 1px 1px rgba(0,102,255,0.0);
  }
  .other_page1_1 {
  background-color: rgba(255,255,255,0.5);
  color: #000;
  padding: 35px;
  border-radius: 5px;
  border: 1px solid rgb(59, 129, 237);
  font-size: 18px;
  line-height: 1.5;
  font-family:"Arial" , "微軟正黑體";
  width:90%;
  margin-top:50px;
  margin-bottom: 0px;
  margin-right:auto;
  margin-left:auto;
  }
.other_page1_3 {
     background-color: rgba(0,51,204,0.8);
  color: #fff;
  padding: 35px;
  border-radius: 5px;
  border: 1px solid rgb(255, 255, 255,0.5);
  font-size: 18px;
  line-height: 30px;
  font-family:"Arial Black" , "微軟正黑體";
  width:90%;
  margin-top:10px;
  margin-right:auto;
  margin-left:auto;
    }
  .other_page1_2 {
  background-color: rgba(255,255,255,0.6);
  color: #000;
  padding: 35px;
  border-radius: 5px;
  border: 1px solid rgb(59, 129, 237);
  font-size: 18px;
  line-height: 30px;
  font-family:"Arial Black" , "微軟正黑體";
  width:90%;
  margin-top:10px;
  margin-right:auto;
  margin-left:auto;
    }
    .other_page_public {/*�祈�瑕��銁��閰虫�讠晶銵冽聢*/
    background-color: rgba(255,255,255,0.8);
  color: #000;
  padding: 0px;
  font-size: 18px;
  line-height: 1.5;
  font-family:"Arial Black" , "微軟正黑體";
  width:90%;
  margin-top:80px;
  margin-right:auto;
  margin-left:auto;
    }
  .other_page2 td{
  background-color: #1D2087;
    color: #ffffff;
    padding: 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 20px;
    border: solid 6px #ffffff;
    font-weight: bold;
    cursor: pointer;
    font-size: 24px;
    line-height: 32px;
    font-family: "Arial Black" , "微軟正黑體";
  }
  .other_page2 td:hover{
    background-color: #F0F0F0;
    border: solid 6px #000000;
    color: #000000;
  }
  .other_page35 td {
    color: #0033cc;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    font-weight: bold;
    cursor: pointer;
    font-size: 55px;
    line-height: 65px;
    font-family: "Arial Black" , "微軟正黑體";
    text-shadow: 1px 2px 2px #FFF;
    text-decoration: underline;
  }
  .other_page35 td:hover{
    border: solid 0px #ffffff;
    color:  #0033cc;
  }
  .line{
    border-top: dashed 1px #333;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    margin-bottom:10px;
    }
  .line_1{
    border-top: dashed 1px #666666;
    width: 500px;
    margin-top:12px;
    margin-bottom:12px;
  }
  .line_2{
  border-top: dashed 1px #999;
  width:600px;
  margin-left: auto;
  margin-right: auto;
    }
  .line_3{
  border-top: dashed 2px #999999;
  width:650px;
  margin-left: auto;
  margin-right: auto;
  }
  .line_5{
  border-top: solid 2px #999999;
  width:1000px;
  margin-left: auto;
  margin-right: auto;
  }
  .other_page38 td {
    color: #fff;
    background-color: #B4DF2D;
    border: solid 5px #f0f0f0;
    padding: 25px;
    border-radius: 30px;
    font-weight: bold;
    font-size: 35px;
    line-height: 42px;
    font-family: "Arial Black" , "微軟正黑體";
  }
  .font10A1 {
  font-size: 18px;
  font-family: "Courier New", "微軟正黑體";
  background-color:#FF0099;
  color: #FFF;
  margin-bottom: 0px;
  margin: 0px 5px 0px 0px;
  font-weight: bold;
  line-height: 30px;
  padding:3px 3px 3px 3px
  }
   .box{
  padding: 25px;
  margin-left: auto;
  margin-right: auto;
  border: solid 5px #fff;
  background-color: #1D2087;
  border-collapse: separate !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 35px;
  margin-top: 5px;
}
   .box_2{
  margin-left: auto;
  margin-right: auto;
  height:200px;
  border: solid 0px #fff;
  background-color: rgba(255,255,255,0.5);
  border-collapse: separate !important;
}
   .box_3{
    padding: 20px 0px 100px 0px;
  margin-left: auto;
  margin-right: auto;
  border: solid 2px #fff;
  background-color: rgba(255,255,255,0.8);
  border-collapse: separate !important;
    }
   .box_5{
    margin-left: auto;
  margin-right: auto;
  border: solid 2px #fff;
  background-color: rgba(255,255,255,0.8);
  border-collapse: separate !important;
    }
   .table_cw /*鈭箸彍蝯梯��*/{
    width: 100%;
    background-color: rgba(255,255,255,0.8);
    border: 1px solid rgb(251, 206, 164);
    font-size: 18px;
    font-family:"Arial" , "微軟正黑體";
    line-height:30px;
  text-align: center
  color:#000;
  }
   .table_cw td { /*鈭箸彍蝯梯��*/
    border-bottom: 1px solid rgb(251, 206, 164);
    border-right: 1px solid rgb(251, 206, 164);
    padding: 6px;
    text-align: center;
    }
    .table_cw tr:nth-child(1) th:nth-child(1n){ /*鈭箸彍蝯梯��*/
    padding: 6px;
  text-align: center; 
  border-bottom: 1px solid rgb(255,255,255);
  background-color: rgba(0,51,204,0.8);
  border-right:1px solid rgb(255,255,255);
  text-shadow: 1px 1px 1px rgba(0,51,204,0.9);
  color:#ffffff;
    }
  .table_cw tr:nth-child(2n) td{ /*鈭箸彍蝯梯��*/
    background-color: rgba(233,234,237,0.6);
  }
  .table_cw td:nth-child(6n) {
  font-family: "Arial Black" , "微軟正黑體";
  color:#ff0000!important;
}
.down {
  color: #FF0092!important;
  font-size: 26px!important;
}
.t_style{
  font-family:"Arial Black" , "微軟正黑體";
  padding:15px;
  font-size:30px;
  line-height:20px;
  text-align: center;
  background-color: rgba(0,102,255,0.8);
  border-bottom:1px solid rgb(255,255,255);
  border-left:5px solid rgba(0,102,255,0.2);
  text-shadow: 1px 1px 1px rgba(0,102,255,0.9);
  color:#ffffff;
  font-weight: bold;
}
.t_style_2{
  font-family:"Arial Black" , "微軟正黑體";
  padding:30px 10px;
  font-size:22px;
  line-height:30px;
  text-align: center;
  border-radius: 3px;
  border-bottom: 1px solid rgb(255,255,255);
  background-color: rgba(0,51,204,0.8);
  border:1px solid rgb(255,255,255);
  text-shadow: 1px 1px 1px rgba(0,51,204,0.9);
  color:#ffffff;
}
.t_style_3{
    font-family:"Arial Black" , "微軟正黑體";
  padding:5px 10px;
  font-size:22px;
  line-height:30px;
  text-align: center;
  border-radius: 3px;
  border-bottom: 1px solid rgb(255,255,255);
  background-color: rgba(0,51,204,0.8);
  border:1px solid rgb(255,255,255);
  text-shadow: 1px 1px 1px rgba(0,51,204,0.9);
  color:#ffffff;
}
.t_style_5{
    font-family:"Arial Black" , "微軟正黑體";
  padding:5px 10px;
  font-size:20px;
  line-height:30px;
  text-align: center;
  border-radius: 3px;
  border-bottom: 1px solid rgb(255,255,255);
  background-color: rgba(0,51,204,0.8);
  border:1px solid rgb(255,255,255);
  text-shadow: 1px 1px 1px rgba(0,51,204,0.9);
  color:#ffffff;
}
.topic{
    border-right:1px solid rgb(251, 206, 164); 
    border-bottom:1px solid rgb(251, 206, 164); 
    font-size:18px; 
    line-height:30px;
    background-color: #ffffcc;
    text-align: center;
  }
.topic1{
  font-family: "Arial Black" , "微軟正黑體";
  border-bottom:1px dashed #666;
  text-align: left;
  padding:20px 20px 30px 20px;
  font-size:18px;
  line-height:28px;
  }
.topic2{
  font-family: "Arial Black" , "微軟正黑體";
  border-bottom:1px dashed #666;
  text-align: left;
  padding:20px 20px;
  font-weight: bold;
  }
.topic2_public{
  font-family: "Arial Black" , "微軟正黑體";
  border-bottom:1px solid rgb(251, 206, 164);
  border-right: 1px solid rgb(251, 206, 164);
  text-align: left;
  padding:15px 15px;
  /*font-weight: bold;
*/  }
.topic2_public_t{
  font-family: "Arial Black" , "微軟正黑體";
  border-bottom:1px solid rgb(251, 206, 164);
  border-top: 1px solid rgb(251, 206, 164);
  border-right: 1px solid rgb(251, 206, 164);
  background-color: #0033cc;
  color: #ffffff;
  text-align: center;
  padding:10px 10px;
  font-weight: bold;

  }
.topic2_public_b{
    font-family: "Time new Roman" , "微軟正黑體";
  border-bottom:1px solid rgb(251, 206, 164);
  border-right: 1px solid rgb(251, 206, 164);
  text-align: left;
  padding:15px 15px;
  font-size:18px;
  line-height:28px;
  }
.topic2_public_c{
    font-family: "Time new Roman" , "微軟正黑體";
  border-bottom:1px solid rgb(251, 206, 164);
  border-right: 1px solid rgb(251, 206, 164);
  border-left:  1px solid rgb(251, 206, 164);
  text-align: center;
  padding:15px 15px;
  }
.topic3{
  font-family: "Arial Black" , "微軟正黑體";
  border-right:1px solid rgb(59, 129, 237);
  border-bottom:1px solid rgb(59, 129, 237);
  font-size:18px;
  line-height:26px;
  background-color: rgba(255,255,255,0.8);
  text-align: left;
  padding:25px 20px;
  }
.topic5{
  font-family: "Times New Roman" ;
  border-left:1px solid rgb(251, 206, 164);
  border-bottom:1px solid rgb(251, 206, 164);
  font-size:22px;
  line-height:26px;
  background-color: rgba(255,255,255,0.8);
  text-align:center;
  padding:6px;
  font-weight: bold;
  }
  .topic5_b{
  font-family: "Times New Roman" ;
  border-left:1px solid rgb(251, 206, 164);
  border-bottom:1px solid rgb(251, 206, 164);
  font-size:22px;
  line-height:26px;
  background-color: rgba(233,234,237,0.5);
  text-align:center;
  padding:6px;
  font-weight: bold;
  }
.topic5_1 {
  font-family: "Arial Black" , "微軟正黑體";
  border-left:1px solid rgb(251, 206, 164);
  border-right: 1px solid rgb(251, 206, 164);
  border-bottom:1px solid rgb(251, 206, 164);
  font-size:22px;
  line-height:26px;
  background-color: rgba(255,255,255,0.8);
  text-align:center;
  padding:6px;
  font-weight: bold;
  color:#ff0000;
  }
  .topic5_2{ /*銝𦠜�𨀣𤫇�裦*/
  margin-bottom: 30px;
  font-size:36px; 
    line-height:46px;
    border:2px solid #f0f0f0;
  font-family:"Arial Black" , "微軟正黑體";
    background-color: rgba(0,51,204,0.8);
    color:#fff;
  padding-top:55px;
  font-weight:bold;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,51,204,0.8);
  }
  .topic5_2:hover{ /*銝𦠜�𨀣𤫇�裦*/
    border:2px solid rgba(0,51,204,0.8);
    background-color: rgba(255,255,255,0.6);
    color:#0033CC;
  text-shadow: 1px 1px 1px rgba(0,51,204,0.8);
  }
  .topic5_b1 {
  font-size:22px;
  line-height:26px;
  font-family: "Arial Black" , "微軟正黑體";
  border-left:1px solid rgb(251, 206, 164);
  border-right:1px solid rgb(251, 206, 164);
  border-bottom:1px solid rgb(251, 206, 164);
    background-color: rgba(233,234,237,0.5);
  text-align:center;
  padding:6px;
  font-weight: bold;
  color:#ff0000;
  }
   .drawing_data{
  border-radius: 120px;
  width: 120px;
  height: 120px;
  margin: 0 20px;
  font-family:"Arial Black" , "微軟正黑體";
  font-size:24px;
  /*padding:20px 0px;*/
    line-height:32px;
  background-color: rgba(0,51,204,0.8);
  border:3px solid rgba(255,255,255,0.9);
  text-align: center;
  color:#fff;
  text-shadow: 1px 1px 3px  rgba(0,51,204,1.0);
  font-weight:bold; 
  }
    .drawing_top{
  border-radius: 120px;
  width: 200px;
  height:122px;
  font-family:"Arial Black" , "微軟正黑體";
  font-size:24px;
  padding-top:3px ;
    line-height:32px;
  background-color: rgba(255,255,255,0.5);
  border:2px solid rgba(0,51,204,0.8);
  text-align: center;
  color:rgba(0,51,204,0.8);
  text-shadow: 1px 1px 1px rgba(0,51,204,0.3);
  font-weight:bold;
  cursor: pointer;
  }
    .drawing_top:hover{
  background-color: rgba(0,51,204,0.8);
  border:2px solid rgba(255,255,255,0.9);
  text-align: center;
  color:#fff;
  text-shadow: 1px 1px 3px  rgba(0,51,204,1.0);
  font-weight:bold;
  }
  .drawing_data_a{
  border-radius: 120px;
  width: 120px;
  height: 120px;
  margin: 0 20px;
  font-family:"Arial Black" , "微軟正黑體";
  font-size:24px;
  /*padding:20px 0px;*/
    line-height:32px;
  background-color: rgba(255,255,255,0.8);
  border:3px solid rgba(107,234,32,0.8);
  text-align: center;
  color:rgba(107,234,32,1.0);
  font-weight:bold;
  }
  .drawing_data_1{
    height: 120px;
    margin: 0 35px;
  font-family:"Time New Roman" ,"微軟正黑體"; 
    font-size:20px; 
  padding:0px 0px 0px 10px;
    line-height:30px;
    text-align: left;
  color:#0066CC;
  font-weight:bold; 
  }
  .drawing_data_2{
  height: 120px;
  font-family:"Arial Black" , "微軟正黑體";
  font-size:18px;
  padding:0px 0px 0px 10px;
  line-height:28px;
  text-align: left;
  color:#000;
  }
  .drawing_data_3 {
  border-radius: 3px;
  width: 120px;
  height: 120px;
  margin: 15px 0px 5px 0px;
  font-family:"Arial Black" , "微軟正黑體";
  font-size:22px;
  /*padding:20px 0px;*/
    line-height:28px;
  background-color: rgba(255,0,103,0.8);;
  border:1px solid rgba(255,255,255,0.9);
  text-align: center;
  color:#fff;
  text-shadow: 1px 1px 1px rgba(255,0,103,0.5);
  font-weight:bold;
  }
 .t{
    font-family:"微軟正黑體";
    font-size:20px; 
    line-height:35px;
    border-collapse: collapse;
}
 ul {
  padding: 10px;
  margin: auto;
  list-style: none;
  text-align:center;

   }
 li {
     -webkit-border-radius: 80px;
     -moz-border-radius: 80px;
     border-radius: 180px;
     display: inline-block;
     width: 200px;
     height: 145px;
     margin: 0 15px;
   text-align:center;
        }
 .bk {
  width: 900px;
  background-color:;
  }
/*LINE 隤脩��*/
.dropbtn { 
  margin: 6px 0px 10px 10px;
    background-color:#1dcd00;
    color: #FFF;
    padding: 6px 12px;
    font-size: 18px;
    border: 1px solid #1dcd00;
    border-radius:5px;
    cursor: pointer;
     font-family: "Arial" , "微軟正黑體";
}

.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #1dcd00;
    font-size: 16px;
    min-width: 160px;    
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
  font-family: "Arial" , "微軟正黑體";
    background-color: #1dcd00;
    color: #fff;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #fff;
}

.dropdown-content a:hover {background-color: #f1f1f1;color:#1dcd00;font-weight: bold; }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    border: 2px solid #1dcd00;
    color: #1dcd00;
    background-color: #fff;
}
button.more{
  border:  1px solid  rgba(0,51,204,0.8);
  padding: 6px;
  color:  rgba(0,51,204,0.8);
  border-radius: 8px;
  font-size: 16px;
  background-color: rgba(255,255,255,1.0);
  color:#214FC6;
  margin-top: 10px;
  margin-left: 5px;
  font-family: "Arial" , "微軟正黑體";
}
button.more:hover{
  border:  1px solid rgba(245,245,245,1.0);
  color: #fff;
  background-color: rgba(0,0,0,0.8);
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;   
    /*background-color: rgba(30, 33, 133,0.9);*/
    background-color: rgba(0,0,0,0.8);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    font-family:"time new roman" , "微軟正黑體";
}

.sidenav a{
    padding: 12px 10px 12px 32px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    text-decoration: none;
    font-size:16px;
    color: #fff;
    display: block;
    transition: 0.3s;
    
}

.sidenav a:hover, .offcanvas a:focus{
   color: rgba(255,255,255,1.0);
   background-color: rgba(0,0,0,0.2); 
   font-weight: bold;
   
    
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#main {
    transition: margin-left .5s;
    padding: 0px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 22px;}


}

.imgindex{
  padding: auto auto;
  margin: auto auto;
  text-align: center;
  vertical-align: top;
  background-size: cover;
  display: block;
}
@media screen and (max-width:985px){

.imgindex{
  width: 100%;
}
}