Template:CCU Taiwan/css panel

body {

 margin: 0;
 font-family: 'Roboto';
 font-size: 14px;
 background: #455A64;

}

h3 {

 color: #fff;
 font-size: 24px;
 text-align: center;
 margin-top: 30px;
 padding-bottom: 30px;
 border-bottom: 1px none #fff;
 margin-bottom: 30px;
 font-weight: 300;

}

a:visited{

 color:#000;

}

.container {

 max-width: 970px;

}

div[class*='col-'] {

 padding: 0 30px;

}

.wrap {

 box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 border-radius: 4px;

}

a:focus, a:hover, a:active {

 outline: 0;
 text-decoration: none;

}

.panel {

 border-width: 0 0 1px 0;
 border-style: solid;
 border-color: #fff;
 background: none;
 box-shadow: none;

}

.panel a:hover{

 color: #ccc;

}

.panel:last-child {

 border-bottom: none;

}

.panel-group > .panel:first-child .panel-heading {

 border-radius: 4px;

}

.panel-group .panel {

 border-radius: 4px;

}

.panel-group .panel + .panel {

 margin-top: 0;

}

.panel-heading {

 background-color: #009688;
 border-radius: 4px;
 border: none;
 color: #fff;
 padding: 0;

}

.panel-title a {

 display: block;
 color: #fff;
 text-align:left;
 padding: 15px;
 font-size: 16px;
 font-weight: 600;

}

.panel-body {

 background: #fff;
 text-align: left;
 font-size: 17px;
 line-height: 25px;

}

.panel:last-child .panel-body {

 border-radius: 4px;

}

.panel:last-child .panel-heading {

 border-radius: 4px;
 transition: border-radius 0.3s linear 0.2s;

}

.panel:last-child .panel-heading.active {

 border-radius: 0;
 transition: border-radius linear 0s;

} /* #bs-collapse icon scale option */

.panel-heading a:before {

 content: '\e146';
 position: absolute;
 font-family: 'Material Icons';
 right: 5px;
 top: 10px;
 font-size: 24px;
 transition: all 0.5s;
 transform: scale(1);

}

.panel-heading.active a:before {

 content: ' ';
 transition: all 0.5s;
 transform: scale(0);

}

1. bs-collapse .panel-heading a:after {

 content: ' ';
 font-size: 24px;
 position: absolute;
 font-family: 'Material Icons';
 right: 5px;
 top: 10px;
 transform: scale(0);
 transition: all 0.5s;

}

1. bs-collapse .panel-heading.active a:after {

 content: '\e909';
 transform: scale(1);
 transition: all 0.5s;

} /* #accordion rotate icon option */

1. accordion .panel-heading a:before {

 content: '\e316';
 font-size: 24px;
 position: absolute;
 font-family: 'Material Icons';
 right: 5px;
 top: 10px;
 transform: rotate(180deg);
 transition: all 0.5s;

}

1. accordion .panel-heading.active a:before {

 transform: rotate(0deg);
 transition: all 0.5s;

}