@charset "utf-8";
.content-wrap{
	overflow: hidden;
	margin: 10px;
}
.overflow-auto-GSpopup{
	background-color: #E5E5E5;
	border-radius: 4px;
	margin-bottom: 20px;
    top: 60px;
    z-index: 9;
}
.overflow-auto-GSpopup::-webkit-scrollbar {
  	height: 5px;
}
.overflow-auto-GSpopup::-webkit-scrollbar-button{
  	background: #e5e5e5;
}
.overflow-auto-GSpopup::-webkit-scrollbar-track-piece{
  	background: #e5e5e5;
}
.overflow-auto-GSpopup::-webkit-scrollbar-corner{
  	border:1px solid red;
}
.overflow-auto-GSpopup::-webkit-scrollbar-track {
  	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 100px;
}
 .overflow-auto-GSpopup::-webkit-scrollbar-thumb {
  	background-color: rgba(0,0,0,.2);
	border-radius: 100px;
}

/*頁籤*/
.tab-GSpopup{
	flex-wrap: nowrap;
	flex-shrink: 0;
	background-color: #E5E5E5;
	border-radius: 4px;
}
.tab-GSpopup li{
	flex-shrink: 0;
	font-size: 0.9em;
}
.tab-GSpopup-link{
	padding:0.2rem;
	color: #000;
}
.tab-GSpopup .tab-GSpopup-link.active{
    color: #fff;
    background-color: #2a79e1;
}

.tab-line-GSpopup{
	flex-wrap: nowrap;
	flex-shrink: 0;
	background-color: transparent;
	border-bottom: 1px solid #2a79e1;
}
.tab-line-GSpopup li{
	flex-shrink: 0;
	font-size: 1em;
}
.tab-line-GSpopup-link{
	padding:0.5rem 0.7rem ;
	color: #2a79e1;
	font-weight: 600;
}
.tab-line-GSpopup .tab-line-GSpopup-link.active{
    color: #fff;
    background-color: #0C4BB3;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
/*頁籤結尾*/

/*收合*/
.accordion-header-GSpopup {
	position: relative;
}
.accordion-item-GSpopup {
    border: 0px; 
	margin-bottom: 6px;
}
.accordion-button-GSpopup {
    margin-bottom: 6px;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.2rem 0.2rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #E8EEF7;
    border: 0;
    border-radius: 0.2em;
    overflow-anchor: none;
	font-weight: 600;
	flex-grow: 1;
}
.accordion-button-GSpopup:not(.collapsed){box-shadow: none;}
.accordion-button-GSpopup::after, .accordion-button:not(.collapsed)::after  {
    background-image: none;
}
.accordion-button-GSpopup::before {
    flex-shrink: 0;
    content: "";
	background-image: url("../images/angle-right-solid.svg");
	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: center;
	width: 23px;
	height: 20px;
    transition: transform .5s ease-in-out;
}
.accordion-button-GSpopup:not(.collapsed)::before {
    flex-shrink: 0;
    content: "";
	background-image: url("../images/angle-right-solid.svg");
	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: center;
	width: 23px;
	height: 20px;
    transform: rotate(90deg);
}
.accordion-button-GSpopup > span:first-child{
	text-align: left;
	flex-grow: 1;
}
.accordion-button-GSpopup > span:last-child{
	text-align: right;
}
.accordion-collapse-GSpopup{
	margin-top: -8px;
}
.accordion-button-GSpopup-s {
    margin-bottom: 6px;
    padding: 0.5rem 1.25rem;
    font-size: 1.2rem;
    color: #212529;
    text-align: left;
    background-color: #f0f0f0;
    border: 0;
    border-radius: 0.2em;
    overflow-anchor: none;
	font-weight: 600;
}
.accordion-button-GSpopup-s:not(.collapsed){
	background-color: #f0f0f0;
	color: #212529;
}

/*收合結尾*/



