/* Flexible Slide-to-top Accordion Style*/

.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto 50px auto;
}
.st-accordion > ul { padding: 0;}
.st-accordion > ul > li{ margin-bottom: 0px; 
    border-bottom: 1px solid #d4d4d4; height: auto !important;
    border-top:0px solid #fff;
    overflow: hidden;
}
.st-accordion > ul > li:first-child{
    border-top:none;
}
.icon-q {font-size: 22px; color: #fff; font-weight: 500; display: inline-block; width: 40px; height: 40px; background: #1eb9ee; text-align: center; padding-top: 3px; border-radius: 100%; position: absolute; top: 18px; left: 15px;}
.icon-a {font-size: 22px; color: #fff; font-weight: 500; display: inline-block; width: 40px; height: 40px; background: #f7ac19; text-align: center; padding-top: 3px; border-radius: 100%; position: absolute; top: 10px; left: 15px;}
.st-accordion ul li > a{
    font-family: 'Noto Sans TC', serif; color: #333; padding: 25px 50px 30px 75px; line-height: 30px;
    font-size: 18px;
    display: block;
	position: relative;
	outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
}
.st-accordion ul li > a:after { position: absolute; width: 100%; height: 1px; background: #76777a; left: 0; bottom: 0;}
.st-accordion ul li > a span{ position: absolute; right: 10px; top: 10px; display: block; text-indent: -9999px;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a span:before,.st-accordion ul li > a span:after  { content: ""; position: absolute; width: 2px; height: 12px; background: #484848; top:20px; right: 15px; transform-origin: 50% 100%; display: none;}
.st-accordion ul li > a span:before { transform: rotate(-45deg); right: 14px;}
.st-accordion ul li > a span:after { transform: rotate(45deg);}
.st-accordion ul li > a:hover{
    color: #e60012;
}
.st-accordion ul li > a:hover span{
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #333; 
}
.st-accordion ul li.st-open > a .icon-q{color: #fff; }
.st-accordion ul li.st-open > a span:before, .st-accordion ul li.st-open > a span:after{
	height: 24px;transform-origin: 50% 50%; top:13px; background: #fff; right: 17px;
}
.st-content{
    padding: 15px 25px 25px 75px;  color: #333; font-size: 17px; line-height: 30px; position: relative;
}
.st-content:before { position: absolute; width: 20px; height: 20px; border-width: 1px 1px 0 0; border-style: solid; border-color: #2660ad; background: #fff; transform: rotate(-45deg); left: 55px; top:-11px;}

.st-content ul, .st-content ol {padding:12px 0;}
.st-content ul li{list-style: disc;margin-left:25px;}
.st-content ol li{list-style: decimal;margin-left:25px;}
.st-content h2 {font-size: 187.5%; font-weight: 500; color: #e60012; line-height: 2;}
.st-content h3 {font-size: 175%; font-weight: 500; color: #e60012; line-height: 2;}
.st-content h4 {font-size: 162.5%; font-weight: 500; color: #e60012; line-height: 2;}
.st-content h5 {font-size: 150%; font-weight: 500; color: #e60012; line-height: 2;}
.st-content h6 {font-size: 137.5%; font-weight: 500; color: #e60012; line-height: 2;}

.st-content p{
}
.st-content img{
    
}
@media screen and (max-width: 320px){
	.st-accordion ul li > a{
		
	}
}