@import "navigation.css";
/*FAQ content*/
.content{max-width:1660px; margin:auto !important; padding:0 9% 7vw}
.content>div:first-child{padding:140px 0 82px 87px}
.nav-pills{
margin:2% 0 !important;
justify-content: center;
}
.nav-pills li {
/*width: 100%;*/
font-size: 18px;
}
.nav-pills > li > a{
color:#373737;
line-height:19px;
border-radius:0;
padding:13px 12px;
}
i.fa.fa-plus-square {
padding-right: 0.75rem;
}
.tab-content{
min-height:500px;
padding-left:5.7%
}
.panel, .panel2, .panel3, .panel4, .panel5, .panel6, .panel7{
display:none}
.title {
cursor: pointer;
padding:19px 21px 19px 0;
position:relative;
border-bottom: 1px solid #ebebeb;
}
/*.title.active {
color: #0079c3;
border-bottom: 1px solid;
}*/
.title ~ div {
color: #004E96;
padding:16px 0 34px;
}
.icon::after{
width: 10px;
height: 10px;
border-right: 1px solid #4a6e78;
border-bottom: 1px solid #4a6e78;
position: absolute;
right: 3%;
content: " ";
top: 50%;
transform: rotate(-45deg);
transition: all 0.2s ease-in-out;
}
.card.active .icon::after{
transform: rotate(45deg);
transition: all 0.2s ease-in-out;}
li.card{
border:0 !important;
display:list-item;
margin-left:20px;
font-size:18px
}
/*.card.active .title{
border-color:#0079c3;
}
.card.active{
color:#0079c3
}*/
#g-intro, #g-header{
padding:0;
}
.banner{
background:url(/images/ezdupe/webpage/FAQ/FAQ_EZ-Dupe-1.png)center;
background-size:cover;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:11% 0;
}
.banner h1{
font-weight:700;
color:#fff;
padding-bottom:42px;
}
h2{
color:#373737;
}
.panel a{
text-decoration:underline;
color:#FF6B00;
}
input[type="text"] {
border-radius: 0px;
}
.col-xl-3{
padding: 15px 10px 0;
border-right: 1px solid #3e3a39;
}
.col-xl-9{
	padding-right:0 !important;
}
.submit{
display: none;
background: #3e3a39;
position: absolute;
width: 44px;
height: 41px;
cursor: pointer;
padding-top: 7px;
}
#nMatch{
padding-left:1.5rem;
}
#search{
padding-left:32px;	
}
.fa-search{
position:absolute;
top:25%;
left:24px
}
.banner>div:last-child {margin:0 100px; max-width:650px}
@media screen and (max-width:1200px){
	.content>div:first-child{padding:7% 0 3.5% 7.5%}
}
/*mobile*/
@media screen and (max-width:576px){
.panel-group ol{
padding-left:0;}
/*nav animate*/
.nav-pills>li:nth-of-type(n+2){display:none}
.nav-pills{position:relative}
.arrow {
position: absolute;	top:0;right: 22px;cursor: pointer;
z-index: 0;/*display: block;*/transition:.2s;
}
.nav-pills>li>a.active span {
    border-bottom: none;
}
.open.arrow{transform:rotate(-90deg)}
.list span:last-child {
    margin-right: 15px;
}
.tab-content{margin:30px 0 60px; min-height:unset}
.nav-pills{padding:0px !important;width:100%;margin:auto !Important;}
.nav-pills > li > a{padding:10px 6px;color:#4f4f4f}
.tab-content>.active, a.active{border:none}

.nav-pills>li{padding:0 10px;}
.nav-pills.open li:nth-of-type(-n+5) >a{border-bottom: 0.5px solid #828282 !important}

.nav-pills li{background:#f5f5f5; width:100%}
.open .act{background:#f5f5f5 !important; border:none}
#all-tab{display:none !important}
#default, .act{background: transparent !important;border:1px solid #CCCCCC;color: #828282;}
#default a{background:transparent !important;border-bottom:none !important;color:#828282 !important;padding:5px 0}
/*15*/
.nav-pills>li, .list, li.card, #default a, .act a{font-size:15px;line-height:22px !important;}
.act a{padding:5px 6px !important}
.banner h1, #g-intro h2{font-size:24px;padding-bottom:20px}
.banner{min-height: 200px;}
.arrow>img {display: block;filter: invert(70%);transform: rotate(90deg) scale(.4);}
.col-xl-3.col-md-3{position:relative;/*margin-bottom:60px*/padding:0}
.col-xl-9.col-md-9 {padding-left: 5px;}
/*.nav-pills{position:absolute;left:0;z-index:5}*/
.content>div:first-child{padding:10vw 0 0}
.content{padding:0 8%}
.title{padding:16px 21px 16px 0}
.title ~ div{padding-bottom:4px}
}
@media screen and (max-width: 350px){.title {padding-right: 30px;}}

@media screen and (min-width:576px) and (max-width:767px){
.nav-pills li {padding:0}
.col-xl-3{
border-bottom:1px solid #3e3a39;
}
.md-hide{display:none}
}
@media screen and (min-width:576px){
.nav-pills>li>a.active {
    background: #373737;
    color: #fff;
    padding: 12px 10px;
}
.nav-pills a:hover{padding-left:15px;}
.banner>div:last-child {max-width:650px; margin:0 60px}
#default, .arrow{display:none !important}
}
@media screen and (max-width:767px){/*因應iPad Pro解析度是768*/
h2{padding-left:0}
.banner>div:last-child {max-width:500px; margin:0 50px}
.col-xl-3{
border-right:0}
.tab-content{padding-left:0}
}

@media screen and (min-width:1440px){
.title ~ div{
padding-right:16px
}
}