body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(images/bg.png);
background-repeat:no-repeat;
background-position:center top;
background-color:rgb(255, 126, 102)!important;
font-family: "Arial" , "微軟正黑體";
/*background-attachment: fixed;*/
}
.connect {
position: fixed;
bottom: 100px;
right: 5px;
}
.connect table {
background-color: rgba(255, 255, 255,0.3);
border-collapse: separate !important;
border-spacing: 4px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.connect td {
background-color: rgba(255, 0, 0,1.0);
font-weight: bold;
color: #FFFFFF;
padding: 8px 8px;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
line-height: 20px;
cursor: pointer;
/*width: 150px;*/
}
.connect td:hover{
background-color: rgba(0, 0, 0,0.5);
color: #fff;
font-weight: bold;
}
#gotop {
display: none;
border: 1px solid rgb(29, 205, 0);
border-radius: 5px;
padding: 1px 6px;
font-size:15px;
line-height: 1.5;
background: rgb(29, 205, 0);
color: white;
cursor: pointer;

}
.connect_b {
    width:100%; 
    background-color:rgba(255,255,255,0.8);
    line-height:1.5;
    color: #fff;
    padding: 6px 0px 15px 0px;
    text-align: center;
    position: fixed;
    bottom: 0px;
    vertical-align: middle;
    left: 0px;
}
/*LINE 課程*/
.dropbtnline { 
  margin: 0px 6px;
    background-color:#fff;
    color: #1dcd00;
    padding: 1px 5px;
    font-size: 15px;
    border: 1px solid #1dcd00;
    border-radius:5px!important;
    cursor: pointer;
    font-family: "Arial" , "微軟正黑體";
}

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

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

.dropdown-menu a:hover {background-color: #fff;color:#1dcd00!important;font-weight: bold; }

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

.dropdown:hover .dropbtn {
    border: 2px solid #1dcd00;
    color: #1dcd00;
    background-color: #fff;
}


.dropbtnfb{ 
    background-color:#fff;
    color: #0066cc;
    padding: 0px 10px;
    font-size: 18px;
    border: 1px solid #0066cc;
    border-radius:50%;
    cursor: pointer;
    font-family: "Arial Black" , "微軟正黑體";
}
.fb{
  vertical-align: middle;
   display: inline-block;
}
/*LINE 課程end*/
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 20px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
font-family: "Arial" , "微軟正黑體";
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 95%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
/* The Close Button */
/*.close {
color: white;
float: right;
font-size: 32px;
font-weight: bold;
color: #fff;
}
.close:hover,
.close:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}*/
.modal-header {
padding:30px 16px;
/*background-color:#3B3157;*/
background-color: #ff0000;
color: white;
text-shadow: 0px 0px 0px rgba(255,255,255,0.6);
}
.modal-body {padding: 30px 16px;}
.modal-footer {
padding: 20px 16px;
background-color: rgba(0,0,0,0.3);
color: white;
}

.form-control{
display:inline-block;
margin-left: auto;
margin-right: auto;
font-family:  "Arial" , "微軟正黑體" !important;
padding:20px 15px;
font-size:18px;
color:#ddd;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:2px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus{
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder{color:#ccc;opacity:1}
.form-control:-ms-input-placeholder{color:#ccc}
.form-control::-webkit-input-placeholder{color:#ccc}
.form-control::-ms-expand{background-color:transparent;border:0}
.form-control[disabled],.form-control[readonly],fieldset[disabled]
.form-control{background-color:#eee;opacity:1}
.form-control[disabled],fieldset[disabled]
.form-control{cursor:not-allowed}
textarea.form-control{height:auto}
input[type=search]{-webkit-appearance:none}
/* @media screen and (-webkit-min-device-pixel-ratio:0){input[type=date]*/
.form-control,input[type=time]
.form-control,input[type=datetime-local]
.form-control,input[type=month]
.form-control{line-height:1}
}

.t_start{
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.t_start_2{
width:100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
/*題目*/
button.accordion {
font-family: "Arial" , "微軟正黑體";
/*background-color: #FDC5B3;*/
/* background-color: #89E2D8;*/
background-color: #72D9C3;
/*background-color: #fff;*/
color: #fff;
border-radius: 3px;
cursor: pointer;
padding:  30px 30px 15px 30px;
width: 90%;
border: none;
text-align:justify;
outline: none;
font-size: 28px;
font-weight: bold;
line-height: 38px;
transition: 0.2s;
border-bottom: 3px solid  #fff;
/*text-shadow: 0px 1px 1px rgba(0,0,0,0.2);*/
}
button.accordion.active, button.accordion:hover {
background-color:#3B3157;
/*background-color: #00CC99;*/
color: #fff;
font-size: 32px;
line-height: 46px;
text-shadow: 0px 0px 0px rgba(255,255,255,0.9);
}
button.accordion:after {
font-family: "Arial Black" , "微軟正黑體";
content: '\02795';
font-size: 25px;
color: #0033cc;
float: right;
margin-top: 0px;
margin-left: 5px;
}
button.accordion.active:after {
content: "\2796";
}
div.panel {
font-family: "Arial Black" , "微軟正黑體";
margin-left: auto;
margin-right: auto;
width: 90%;
text-align: left;
padding:0px;
background-color: rgba(255,175,122,0.3);
max-height: 0;
overflow: hidden;
transition: 0.6s ease-in-out;
opacity: 0;
font-size: 28px;
line-height: 32px;
text-shadow: 0px 0px 0px rgba(255,255,255,0.9);
}
div.panel.show {
opacity: 1;
max-height: 3800px;
/*題目end*/
}
a:link {color: #333333;text-decoration: none;}
a:visited{text-decoration: none;color: #333333;}
a:hover{text-decoration: underline;}
a:active{ text-decoration: none; }
.red {color: #F00;font-weight: bold; font-family: "Arial Black" , "微軟正黑體";}
.yellow{color: #ff0;font-weight: bold;}
.blue{color: #0066cc;font-weight: bold;}
.with{color: #fff;}
.c_add{color: #0033cc;font-weight: bold;}
.c_bg{background-color: #006fff;color: #fff;padding: 1px 5px;margin: 0px 2px;text-shadow: 0px 0px 0px rgba(255,255,255,0.6); font-weight: bold;}
.r_bg{background-color: #ff0000;padding: 1px 5px;color: #fff;font-weight: bold;text-shadow: 0px 0px 0px rgba(255,255,255,0.6);}
.font1  {
font-family: "新細明體";
font-size: 15px;
line-height: 23px;
font-weight: normal;
color: #333;

}
.line_1{
border-top:  dashed 1px #ccc;
width:85%;
margin-left:left;
margin-top: 20px;
margin-bottom: 20px;
}
.line_2{
border-top:  dashed 1px #999;
width:95%;
margin-left:auto;
margin-right:auto;
margin-top: 10px;
margin-bottom: 10px;
}
#top{
background:url(images/top.png) 100% 0 no-repeat;
margin: 0 auto;
background-position:center top;
margin-left: 0px;
margin-top:100px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 380px;
}
.top_mune{
background:url(images/mune.png) 100% 0 no-repeat;
background-position:center top;
background-repeat: no-repeat;
/*    background-color: #FEE118;*/
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#test_start{
background:url(images/index02.png) 100% 0 no-repeat;
margin: 0 auto;
background-position:center top;
background-repeat: repeat-y;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.t-title{
text-align: center;
font-family: "Arial" , "微軟正黑體";
font-size: 28px;
line-height: 32px;
text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
font-weight: bold;
}
.password_1{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
   background-color:#eee; 
   padding-top: 20px;
   padding-bottom: 0px;
   color: #333;   
}
.password_2{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
   background-color: rgba(255,255,255,0.3); 
   padding-top: 0px;
   padding-bottom: 0px;
   color: #fff;   
}
.password_3{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-image: url(images/bg_2.png);
    background-repeat:no-repeat;
    background-position:center top;
    background-color:#eae0b5!important;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #333;   
   
}
button.password {
    text-align: center;  
    font-family: "Arial" , "微軟正黑體";
    padding: 13px;
    font-size: 20px;
    background-color: #0033cc;
    border: 2px solid #fff;
    margin-left: 10px;
    margin-top: 10px;
    color: #fff;    
    border-radius: 10px;
    cursor: pointer;
    border-collapse: separate; !important;
}
button.password:hover{
    background-color: #fff;
    border: 2px solid #0033cc;
    color: #10c2cc;  
    font-weight: bold;

    }

ul.m0{
margin: 0px;
list-style-type: square;
}
/*答案頁*/
.navbar-nav{
font-family:  "Arial" , "微軟正黑體";
}
.navbar-brand{
font-family:  "Arial" , "微軟正黑體";
}
.section_1{
position: relative;
padding:10px 0!important;
}
.table_1{
width: 100%;
font-family:  "Arial" , "微軟正黑體";
}
.table_1 td{
padding: 1px !important;
border: none !important;
}
ul.tab {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
border: none;
background-color: rgba(255,255,255,0)!important;
font-family: "Arial" , "微軟正黑體";
font-weight: bold;
}
/* Float the list items side by side */
ul.tab li {float: left;}
/* Style the links inside the list items */
ul.tab li a {
display: inline-block;
color: black;
text-align: center;
padding: 20px 15px;
text-decoration: none;
transition: 0.3s;
font-size: 18px;
}
/* Change background color of links on hover */
ul.tab li a:hover {
background-color: rgba(255,255,255,0.3)!important;
}
/* Create an active/current tablink class */
ul.tab li a:focus, .active {
background-color:;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
-webkit-animation: fadeEffect 1s;
animation: fadeEffect 1s;
}
@-webkit-keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
button.pdf {
background-color: #FF355E;
bonder:none !important;
}
button.pdf:hover{
background-color: #006FFF;
}
.bo_bg{
width: 100%;
background-color:rgba(255,255,255,0.6);
border-radius: 10px;
padding: 10px;
margin-left:auto;
margin-right: auto;
/* border: 1px solid #82DFD4;*/
}
.table ol {
margin: 0px 0px;
list-style-type: upper-latin;
}
.test_bg{
background-color:rgba(255,255,255,0.9);
border-radius: 25px;
padding: 3px 12px;
margin-left:auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 0px;
border: 1px solid rgba(0,0,0,0.2);
/*border: 1px solid rgba(0,102,255,0.8);*/
}
.table_ts{  width: 100%;}
.table_ts td{
padding: 15px 5px !important;
vertical-align:middle !important
}
.table_ts tr:nth-child(1) td {
background-color: #0033cc;
color: #fff;
font-weight: bold;
font-size: 36px;
text-align: center;
border-radius: 15px 15px 0px 0px;
padding: 20px!important;
border-bottom: 0px  dashed rgba(0,102,255,0.8);
}
.table_ts tr:nth-child(3) td {padding: 15px 5px 0px 5px!important;border-bottom: 0px dashed rgba(0,102,255,0.8);height: 250px;vertical-align: top!important;}
.table_ts tr:nth-child(4) td {
background-color:#FFE4CD;
text-align:center;
border-bottom: 0px dashed rgba(0,102,255,0.8);
padding: 15px 5px 15px 5px!important;
border-radius: 0px 0px 15px 15px;
}
ul.table_ts{
list-style-type: square;
}
.ts-icon{
background-color: #0033cc;
color: #fff;
font-weight: bold;
margin: 3px 0px;
padding: 2px 5px;
}
button.test { /*news bt*/
text-align: center;
background-color:rgba(255,255,255,0.6);
font-family: "Arial" , "微軟正黑體";
padding: 3px 20px;
font-size: 16px;
border: 1px solid #FF355E;
color: #FF355E;
border-radius: 20px;
cursor: pointer;
border-collapse: separate; !important;
}
button.test:hover { /*news bt*/
background-color: #fff;
border: 2px solid #0066cc;
color: #0066cc;
}
.sale_y{
font-size: 20px;
color: #ffff00;
line-height: 0.8;
}
.top_descript_2{
padding: 20px 20px;
margin: auto;
}
.p-0{
  padding: 0px;
}
.table_op2{
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
width: 100%;
color: #FFF;
}
.table_op2 tr td:nth-child(2){
width: 65%;
text-align: left;
padding-left:20px;
padding-right: 0px;
padding-bottom: 10px;
}
.table_op2 tr td:nth-child(1){
text-align: center !important;
}
.op_3{
    font-size: 22px;
    font-weight: bold;
    color: #ffff00;
}
.table_op3{
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
width: 100%;
font-size: 16px;
line-height: 1.5;
color: #FFF;
}
.table_op3 tr td:nth-child(2){
width: 65%;
text-align: left;
padding-left:20px;
padding-right: 0px;
padding-bottom: 10px;
border-bottom: 1px dashed #fff;
}
.table_op3 tr td:nth-child(1){
text-align: center !important;
}
.teacher_bg{
background-color:rgba(255,255,255,0.8);
border-radius: 25px;
padding: 50px 20px;
margin-left:auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 0px;
border: 2px solid rgba(0,0,0,0.2);
}
.p-teacher{
    padding: 30px;
}
.t-teacher{ 
width:100%;
background-color:rgba(0, 102, 255, 0.8);
border-radius: 35px;
padding: 30px 20px !important;
margin-left:auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 50px;
border: 3px solid rgba(0,0,0,0.2);
border-collapse: separate;
color: #fff;
}
.t-teacher td{
    padding: 5px;
}
  ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*background-color: rgba(0,0,0,0.1);*/
}

ul.topnav li {float: left;}

ul.topnav li a {
  font-family: "Arial" , "微軟正黑體";
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 16px;
}

ul.topnav li a:hover {background-color:rgba(0,0,0,0.1);border-radius: 30px;}

ul.topnav li.icon {display: none;}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;    
  }
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
    background-color:rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 0px;
  }
  ul.topnav li a:hover {background-color:rgba(0,0,0,0.5);}
}
}
button.stay {
    padding: 10px 30px;
    font-family: "Arial" , "微軟正黑體";
    text-decoration: none;
    transition: 0.3s;
    font-size: 22px;
    cursor: pointer;
    border: 2px solid #0033cc;
     font-weight: bold;
    color: #0033CC;
    background-color: #FFF;
}
button.stay:hover{
   background-color: #ff0000; 
   color: #FFFFFF;
   font-weight: bold;
}
button.classop1 {
  background-color: #0033cc;
   color: #fff;
   font-size: 20px;
    text-align: center;
    font-family: "Arial","微軟正黑體" !important;
    cursor: pointer;
    border-collapse: separate;
    margin:5px 10px;
    font-weight: bold;
    padding: 30px 12px;
    border: 3px solid rgb(255, 255, 255);
    border-radius: 100px;
}
button.classop2{
   background-color: #0033cc;
   color: #fff;
   font-size: 20px;
    text-align: center;
    font-family: "Arial","微軟正黑體" !important;
    cursor: pointer;
    border-collapse: separate;
    margin:5px 10px;
    font-weight: bold;
    padding: 30px 21px;
    border: 3px solid rgb(255, 255, 255);
    border-radius: 100px;
}
button.classop3{
   background-color: #0033cc;
   color: #fff;
   font-size: 20px;
    text-align: center;
    font-family: "Arial","微軟正黑體" !important;
    cursor: pointer;
    border-collapse: separate;
    margin:5px 10px;
    font-weight: bold;
    padding:30px 18px;
    border: 3px solid rgb(255, 255, 255);
    border-radius: 100px;
}
.shadow {
  text-shadow:1px 1px 1px rgba(255,255,255,0.9);
}
.box2{
   margin-right: auto;
   margin-left: auto;   
   padding-top: 20px;
   padding-bottom: 20px;
   
}
.start {
    width: 100%;
    padding: 35px;
    background-color: rgba(255,255,255,0.6);   
    margin-top: 5px;
    margin-left:auto;
    margin-bottom: 50px;
    margin-right: auto;
    border-radius: 25px;
    text-align: left;  
    font-size: 20px;
    line-height:1.5;
}
.start_ts {
    width: 100%;
    padding: 35px;
    background-color: rgba(255,255,255,0.6);   
    margin-top: 5px;
    margin-left:auto;
    margin-bottom: 50px;
    margin-right: auto;
    border-radius: 25px;
    text-align: left;  
    font-size: 20px;
    line-height:1.5;
}

.act {
  font-size: 65px;
  color: #fff;
}
.act_bk{
  font-size: 65px;
  color: #000;
}
.act_more{
  font-size: 50px;
  color: #666;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #f0f0f0;
  font-family: "Arial" , "微軟正黑體";
}

.te{
  width: 90%;
  padding: 50px;
  border-spacing: inherit;
  border-collapse: inherit;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #eee; 
  border-radius: 50px;
  color: #666;
  background-color: #fff;
}
.te td{
  font-size: 18px;
  padding: 10px 0px 8px 0px;
  border-bottom: 1px dashed #6CDAE7;

}
.te td:nth-child(1):hover{
  background-color: rgba(255,235,0,0.2);
  font-weight: bold;

}
.te tr:nth-child(1) td:nth-child(1):hover{
  background-color: rgba(0,0,0,0.0);
  font-weight: normal;
  border-radius: 0px;

}
.te tr:nth-child(7) td{
  background-color: rgba(0,0,0,0.0);
  font-weight: normal;
 border-bottom:0px dashed #ccc;

}
.te strong{
  color: #0033cc;
  font-size: 22px;
}
.te-icon {
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
  color: rgba(0,0,0,0.3);
}
.te-icon:hover {
  color: #0033cc;
}
.te-icon_2{
  font-size:36px;
  color:#6CDAE7;
}
.te-icon_3 {
  font-size: 35px;
  line-height: 1;
  color: #ccc;
  cursor: pointer;
  float: right;
}
.opspw{
  padding: 36px 5px;
  font-size: 42px;
  line-height: 1.2;
  text-align:center;
  font-weight: bold;
  border: 2px solid #ddd;
  border-radius: 25px;
  color: #333;
  margin-bottom: 20px;
  background: rgb(219,219,219);
background: -moz-linear-gradient(45deg, rgba(219,219,219,1) 0%, rgba(191,191,191,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 20%);
background: -webkit-linear-gradient(45deg, rgba(219,219,219,1) 0%,rgba(191,191,191,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 20%);
background: linear-gradient(45deg, rgba(219,219,219,1) 0%,rgba(191,191,191,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 20%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=1 );
}
.opsptime{
  font-size: 24px;
  text-align: left;
  line-height: 1.5;
}
ul.opsptime{
  margin: 0px!important;
  padding:0px!important;
}
.bg_k{
background-color: #333;
color:#fff;
padding:60px 0px 80px 0px;
text-align: center;
}
ul.bg_k{
  margin: 0px!important;
  padding:0px!important;
}
.bg_k ul li{
list-style-type: none;
padding:0px 0px!important;
}
button.lineop {
    text-align: center;
    font-family: Arial, 微軟正黑體;
    font-size:18px;
    background-color: rgb(29, 205, 0);
    color: #fff;
    border-collapse: separate;
    margin-left: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    padding: 2px 5px;
    border:1px solid #fff;
    border-radius: 5px;
}
button.lineop:hover {
    background-color:#fff;
    border:1px solid rgb(29, 205, 0);
    color: rgb(29, 205, 0);

}
button.lineop_2 {
    text-align: center;
    font-family: Arial, 微軟正黑體;
    font-size:15px;
    background-color:#fff;
    color: rgb(29, 205, 0);
    border-collapse: separate;
    margin-left: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    padding: 2px 5px;
    border:1px solid rgb(29, 205, 0);
    border-radius: 5px;
}
button.lineop_2:hover {
    background-color: rgb(29, 205, 0);
    border:1px solid #fff;
    color:#fff;

}
.pic-size_2{
   width: 108px;
    margin: auto;
    padding: 0px 0px 0px 0px;
  }
  /*題目*/
 
 .test_bg{
    width: 100%;
    background-color:rgba(255,255,255,0.9);
    border-radius: 25px;
    padding: 15px 25px;
    margin-left:auto;
    margin-right: auto;
    border: 1px solid #82DFD4;
}
.bo_bg{
    width: 100%;
    background-color:rgba(255,255,255,0.6);
    border-radius: 10px;
    padding: 10px;
    margin-left:auto;
    margin-right: auto;
   /* border: 1px solid #82DFD4;*/
}
.table ol {
    margin: 0px 0px;
   list-style-type: upper-latin;
}
.table_2 {
    font-size: 16px;

}
.table_2 td{
  padding: auto 1px !important;
}
.table_2 td:nth-child(1){
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 10%;
}
.table_2 td:nth-child(2){
    text-align: center;
}
.table_3 {
    font-size: 16px;
}

.table_3 td:nth-child(1){
    color: #666;
    font-weight: bold;
    text-align: center;
}
.table_3 td:nth-child(2){
    text-align: center;
    color: #0033cc;
}
.table_3 td:nth-child(3){
    text-align: center;    
}
@media (max-width: 860px){

.te{
  width: 100%;
  padding: 10px;
  border-spacing: inherit;
  border-collapse: inherit;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #eee; 
  border-radius: 20px;
  color: #666;
}
.te td{
  font-size: 16px;
  padding:10px 10px 0px 10px;
  border-bottom: 1px dashed #6CDAE7;
}
.te strong{
  font-size: 18px;
}
.te-icon {
  font-size: 32px;
  line-height: 1.5;
  color: #0033cc;
  cursor: pointer;
  float: right!important;
}
.te-icon_2{
  font-size:30px;
  color:#6CDAE7;
}
.opspw{
  padding: 0px 0px;
  font-size: 65px;
  line-height: 1.2;
  text-align:center;
  font-weight: normal;
  border: 0px solid #ddd;
  border-radius: 0px;
  color: #eee;
  background: rgb(219,219,219,0);
background: -moz-linear-gradient(45deg, rgba(219,219,219,0) 0%, rgba(191,191,191,0) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 20%);
background: -webkit-linear-gradient(45deg, rgba(219,219,219,0) 0%,rgba(191,191,191,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 20%);
background: linear-gradient(45deg, rgba(219,219,219,0) 0%,rgba(191,191,191,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 20%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=1 );
}
.opsptime{
  font-size: 18px;
  display: inline-block;
  text-align: left;
  line-height: 1.5;
  }
  .start {
    width: 100%;
    padding: 35px 15px;
    background-color: rgba(255,255,255,0.6);   
    margin-top: 5px;
    margin-left:auto;
    margin-bottom: 50px;
    margin-right: auto;
    border-radius: 25px;
    text-align: left;  
    font-size: 16px;
    line-height:1.5;
}
.pic-size_2{
    width: 203px;
    margin: auto;
    padding: 0px 0px 0px 0px;
  }
  .table_2 {
    font-size: 16px;
}
 .test_bg{
    width: 100%;
    background-color:rgba(255,255,255,0.9);
    border-radius: 25px;
    padding: 10px;
    margin-left:auto;
    margin-right: auto;
    border: 1px solid #82DFD4;
}
}
button.test_g{
  border: 1px solid  #ff0000;
  background-color:#fff;
  font-size: 16px;
  line-height: 1.5;
  color: #ff0000;
  border-radius: 5px;
  padding: 3px 10px;
}
 .news_t{ 
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
  background-color: #ff0000;
  padding: 10px 50px 0px 50px;
    }
 .s_more {
  color: #666;
  line-height: 1.6;
  font-size: 16px;
   padding: 10px 20px 60px 20px;
   font-family: "Arial" , "微軟正黑體";


  }
 .bg_r{
  width: 100%;
  background-color: #eae0b5;
  padding: 80px 0px;
  margin-bottom: 80px;

    }
    .topic5_2{
      font-family: "Arial" , "微軟正黑體";
    border-radius: 50px;
    font-size:18px; 
    line-height:1.3;
    border:1px solid #ccc;
    color:#999;
    padding:8px 15px;
    text-align: center;
    display: inline-block;
    }   
    .topic5_1{
    font-size:15px; 
    display: inline-block;
    color:#999;
    font-weight:bold;
    text-align: center;
    }
    ul.colors{
    padding: 10px;
    margin: auto;
    list-style: none;
    text-align:center;
    }
    .topic5 li{
      display: inline-block;
      margin: 20px 0px;
      text-align:center;
    }
    .time{
      border-radius: 5px;
      border: 1px solid #fff;
      padding: 5px 10px;
      color: #fff;
      font-family: "Arial black","微軟正黑體";
      font-size:36px;
      line-height: 1.5;
         }
    button.go{
      margin-right: auto;
      margin-left: auto;
      margin: 20px 0px;
      background-color: #fff;
      border: 1px solid #ff0000;
      padding: 45px 10px;
      font-size: 20px;
      color: #ff0000;
      border-radius: 50%;
      text-align: center;
      font-weight: bold;

    }
     button.go:hover{
      background-color: #ff0000;
      color: #fff;
     }
     .table_2 input{
      padding: 0px 0px;
      background-color:#0033cc!important;
      border: none!important;
      width: auto!important;
     }
.time_end{
  font-size:20px;
  line-height: 1.3;
  color:#666;
  padding-top: 10px;
}
.print{
  border: 1px solid #ccc;
  text-align: center;
  color: #fff;
  background-color: #ff0000;
  padding: 5px 15px;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.5;
  margin-left: 5px;
}
.ind{
  border: 1px solid #999;
  text-align: center;
  color: #999;
  background-color: #fff;
  padding: 5px 15px;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.5;
  margin-left: 5px;
}
label:nth-child(2);{
  padding-left: 10px;
}