@charset "utf-8";
.page-content { width:100%; height:auto; overflow:hidden; margin-bottom:1em;}

ul.list-faq,
ul.list-faq li {padding:0; margin:0; list-style:none; text-decoration:none; width:100%; height:auto; overflow:hidden;}
ul.list-faq li { position:relative; padding-bottom:8px; border:1px solid rgba(0,0,0,0.2); margin-bottom:1em;
/*圓角*/
border-radius:15px;}
ul.list-faq li:last-child { margin-bottom:0;}
ul.list-faq li:after { content:''; display:block; width:100%; height:8px; position:absolute; left:0; bottom:0; z-index:0; background:#ae9249;}
ul.list-faq li .question,
ul.list-faq li .question > a { display:block; width:100%; height:auto; overflow:hidden; position:relative;}
ul.list-faq li .question:before { content:''; display:block; width:100%; height:0; opacity:0; position:absolute; left:0; bottom:0; z-index:0; background:#f5d83e;
transition:all .5s;}
ul.list-faq li .question.open:before,
ul.list-faq li .question:hover:before{ height:100%; opacity:1;}
ul.list-faq li .question > a {text-decoration:none; padding:0.25em 0.5em; padding-right:2.25em; color:rgba(0,0,0,1); font-weight:normal; z-index:1;}
ul.list-faq li .question > a:hover,
ul.list-faq li .question > a:active { color:#014c6f;}
ul.list-faq li .question.open > a:link,
ul.list-faq li .question.open > a:visited,
ul.list-faq li .question.open > a:hover,
ul.list-faq li .question.open > a:active { color:#014c6f;}

ul.list-faq li .question > a:after { content:'+'; display:block; width:2.25em; height:2.5em; line-height:2.5em; text-align:center; overflow:hidden; position:absolute; top:0; right:0;}
ul.list-faq li .question.open > a:after { content:'-';}
ul.list-faq li .question .title { width:calc( 100% - 2.5em ); height:auto; overflow:hidden; padding:0.25em 0; margin:0; line-height:1.5em; float:left; font-size:1em;}

ul.list-faq li .question .indicator,
ul.list-faq li .answer > .indicator { display:block; margin:0; padding:0; width:2.5em; height:2em; line-height:2em; overflow:hidden; float:left; text-align:left; color:#ae9249; font-size:1em; transition:color .5s;}

ul.list-faq li .question > a:hover .indicator,
ul.list-faq li .question > a:active .indicator,
ul.list-faq li .question.open .indicator { color:#014c6f;}

ul.list-faq li .answer { padding:0 0.5em;}
ul.list-faq li .answer > .indicator ~ .content { width:calc( 100% - 2.5em ); height:auto; overflow:hidden; padding:0.25em 0; margin:0; line-height:1.5em; float:left; font-size:1em;}
ul.list-faq li .answer > .indicator ~ .content > span > *:first-child { padding-top:0; margin-top:0;}
ul.list-faq li .answer > .indicator ~ .content > span > *:last-child { margin-bottom:0;}