@charset "utf-8";

@media screen and (max-width:768px){
.faq .whiteBox{padding: 20px 0;}
}
/*====================================================================================
faq
====================================================================================*/

/*panel-group*/
.panel-group{width: 85%; margin: 0 auto;}
.panel-group .panel + .panel{margin:15px 0 0 0; }
.panel-heading{background: #f3f3f3 border:1px solid #ddd; padding: 15px;}
.panel-group .panel-title{ font-size: 16px; vertical-align: middle;}
.panel-group .panel-title .title{width: 90%; font-size: 16px; display: inline-block; line-height: 1.6; color: #e1454d;}
.panel-group .panel-title i{float:right;font-size:18px; padding: 5px 0 0 0; color: #999;}
.panel-group .panel-body{font-size: 15px;}
.panel-group .panel-body .text{width: 95%; display: inline-block; line-height: 1.6; }

.panel-group .iconRadius{width: 25px; height: 25px; font-size: 15px; text-align: center; margin: 0 8px 0 0; vertical-align: top; border-radius: 0.4em; display: inline-block;}
.panel-group .iconQ{background-color: #b81d25; color: #fff; padding: 3px 0 0 0; }
.panel-group .iconA{background-color: #fff; color: #e1454d; border:1px solid #e1454d; padding: 0; }
@media screen and (max-width: 1199px){
.panel-group{width: 90%; }
.panel-group .panel-title .title{width: 90%;}
.panel-group .panel-body .text{width: 90%;}
}
@media screen and (max-width: 768px){
.panel-group .panel-title .title{width: 85%;}
.panel-group .panel-body .text{width: 85%;}
}
@media screen and (max-width: 480px){
.panel-group .panel-title .title{width: 80%;}
.panel-group .panel-body .text{width: 80%;}
}