/* Flexible Slide-to-top Accordion Style*/

.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto 0px auto;
}
.st-accordion ul { padding: 0;}
.st-accordion ul li{ margin-bottom: 0px;  padding: 30px 5%;
    border-bottom: 0px solid #484848; height: auto !important;
    border-top:0px solid #fff;
    overflow: hidden;
}
.st-accordion ul li:nth-child(even) {background: #efefef;}
.st-accordion ul li:first-child{
    border-top:none;
}
.icon-q, .icon-a {font-size: 20px; display: inline-block; position: absolute; top: 10px; left: 5px; font-weight: bold;font-family: 'Arial', sans-serif; letter-spacing: 0.1rem; }
.icon-q { color: #293d82; }
.icon-a { color: #293d82; }
.st-accordion ul li div > a{
    font-family: '微軟正黑體', serif; color: #293d82; padding: 10px 50px 10px 60px; line-height: 170%; font-weight: bold; margin-bottom:0px; border-bottom: 3px solid #7cc623; letter-spacing: 0.2rem;
    font-size: 20px;
    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 div > a:after { position: absolute; width: 100%; height: 1px; background: #e9e9e4; left: 0; bottom: 0;}
.st-accordion ul li div > 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 div > a span:before  { content: ""; position: absolute; width: 14px; height: 14px; border-width: 2px 2px 0 0; border-color: #293d82; border-style: solid; top:8px; right: 15px; transform-origin: 50% 50%;}
.st-accordion ul li div > a span:before { transform: rotate(135deg);}
.st-accordion ul li div > a:hover{
    color: #293d82;
}
.st-accordion ul li div > a:hover span{
	
}
.st-accordion ul li div.st-open > a{
     
}
.st-accordion ul li div.st-open > a .icon-q{color: #293d82; }
.st-accordion ul li div.st-open > a span:before{
transform: rotate(-45deg); 
}
.st-content{ margin-bottom: 14px; 
    padding: 20px 0px 20px 0px;  color: #333; font-size: 16px; line-height: 25px; 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 p{
}
.st-content img{
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
@media screen and (max-width: 320px){
	.st-accordion ul li div > a{
		
	}
}