a:focus,
a:hover,
a:active {
  outline: 0;
  text-decoration: none;
  font-family: 'Noto Sans TC', sans-serif;
}

.panel {
  border:1px solid #333;
  background: none;
  box-shadow: none;
  border-radius: 0;
}

.panel-group .panel {
  border-radius: 0;  
}

.panel-group .panel + .panel {
  margin-top: 10px;
  margin-bottom:10px;
}

.panel-headline {
  background-color: #333;
  border-radius: 0;
  border: none;
  color: #fff;
  padding: 0;
}

.panel-title a {
  display: block;
  color: #fff;
  padding: 8px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  text-align:center;
}

.panel-body {
  background: #fff;
  padding:0 15px;
  padding-top:10px;
}

.panel-headline a:before {
  content: '\e146';
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 5px;
  font-size: 24px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.panel-headline.active a:before {
  content: ' ';
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0);
          transform: scale(0);
}

#bs-collapse .panel-headline a:after {
  content: ' ';
  font-size: 24px;
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 3px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#bs-collapse .panel-headline.active a:after {
  content: '\e909';
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
/* #accordion rotate icon option */

#accordion .panel-headline a:before {
  content: '\e316';
  font-size: 24px;
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#accordion .panel-headline.active a:before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.qschcon{
  padding:0px;
  line-height:28px;
  font-size:14px;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
}

.qsch{
  display:block;
  width:100%;
  font-weight:500;
}

.qsch label{
  width:100%;
  font-weight:500;
}


.quch-collapse-right{
  width:100%;
}


.quchbtn .navbar-toggle img{
  width:60px;
  height:auto;
  box-shadow: 0px 2px 3px -5px rgba(84,137,200);
  z-index:999;
}
.quchbtn{
  position:fixed;
  top:45px;   
  right:-5px;
  z-index:999;
  height:50px;
}

@media (max-width: 767px) {
  .pull-right {
    margin-right:10px;
  }
  .panel {
    border:none;
    padding:15px;
    border-bottom: 1px solid #f3f3f3;
  }

  .panel-group .panel + .panel {
    margin: 0;
    border:none;
  }

  .panel-headline {
    background-color: #fff;
    border-radius: 0;
    border: none;
    color: #000;
    font-family: 'Noto Sans TC', sans-serif;
    padding: 0;
  }

  .panel-title a {
    display: block;
    color: #000;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Noto Sans TC', sans-serif;
    text-align:left;
    border: none;
  }
  
  .panel-body {
    background: #fff;
    padding:0 15px;  
    border: none;
  }

  .qsch{
    float:left;
    width:50%;
    margin-top:2.5px;
    margin-bottom:2.5px;
  }
  
}

@media screen and (max-width: 767px) {
  /*right*/
  .quch-collapse-container-right{
    font-family: 'Noto Sans TC', sans-serif;
    position:relative;
    right:0;
    transition:right .4s;
  }
  .quch-collapse-container-right.out{
    right:100%;
  }
  .quch-collapse-right {
    font-family: 'Noto Sans TC', sans-serif;
    position:fixed;
    top:99px;
    right:0;
    width:82%;
    overflow:hidden;
    transition:width .4s;
    z-index:999;
    box-shadow: 0px 1px 2px 3px rgba(84,137,200,.2);
    background:#fff;
    border-left:solid #6495ED 1px;
    border-bottom:solid #6495ED 1px;
  }  
  .quch-collapse-right.in {
    width:0;
  }
  .navbar{
    position:relative;
    top:0;
    left:0;
    height:0px;
    margin:0;
  }
}
.topic{
	border:#000000 solid 1px;
	margin-bottom:10px;
	text-decoration:none;
	list-style:none;
  font-family: 'Noto Sans TC', sans-serif;

}
.topic ul,.topic li{
	list-style:none;
}
.ktitle{
	height:48px;
	line-height: 48px;
	text-align: center;
	background: #333333;
	color:#ffffff;
  font-family: 'Noto Sans TC', sans-serif;
}


.typebox ul{
  padding:0;
  margin:0;	
  text-align:center;
  font-family: 'Noto Sans TC', sans-serif;
 
}
.typelist{
  padding:0px;
  margin:0 5px;	
  height:40px;
  line-height: 40px;
  border-bottom:1px #333333 solid;

}
.typelast{
  padding:0px;
  margin:0 5px;	
  height:40px;
  line-height: 40px;
  border-bottom:0;
  }  
.typebox li a{
	height:39px;
  line-height: 39px;	
	background: #ffffff;
	color:#000000;
  font-family: 'Noto Sans TC', sans-serif;
	text-align:center; 
	display:block;
}
.typebox li a:hover{
	background: #333333;
	color:#ffffff;
  font-family: 'Noto Sans TC', sans-serif;
	border-bottom:1px #ffffff solid;
  border-top:1px #ffffff solid;
}
@media screen and (max-width: 1200) {
  .typebox li a{
    font-size:12px;
    font-family: 'Noto Sans TC', sans-serif;
  }
}




input[type="checkbox"]{
  cursor:pointer;
  position:relative;
  width:15px;
  height:15px;
  font-size:14px;
 
}
input[type="checkbox"]::after {
  position:absolute;
  top:0;
  color:#000;
  width:15px;
  height:15px;
  border: 1px solid #888;
  border-radius: .2em;
  display:inline-block;
  visibility:visible;
  text-align:center;
  content:'';

}


input[type="checkbox"]:checked::after { 
  font-size:12px;
  font-weight:bold;
  color:#fff;  
  border: none;
  border-radius: .2em;
  background:URL("../ICON/Tick.svg") NO-REPEAT;
}