body{
font-family: 'Nunito', sans-serif;
overflow-x: hidden;}
}
button{outline: none;}
.clear{clear: both;}
.textCenter{text-align: center;}
.navlogo{
width: auto;
height: 55px;
}
.en{font-family: 'Nunito', sans-serif;}
.tc{font-family: Microsoft JhengHei;}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
background-color: transparent !important;
}
.pl-15{padding-left: 15px;}
.pl-30{padding-left: 30px;}
.bgDark{
background-color: #000;
}
#mainNav .navbar-toggler{outline: none;}
.webImg{margin-top: 85px;}
.webImg,.webImg img{
width: 100%;
height: auto;
}
.section{
position: relative;
width: 100%;
height: auto;
padding: 80px 0 100px 0;
min-height: 500px;
}
.bggrey{background-color: #f8f8f8;}
.colorFFF{color: #fff;}
.bgimage{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.faqbgIMG{
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.section h2{
display: inline-block;
border-bottom: 3px solid #b80c2f;
text-align: center;
margin-bottom: 60px;
}
img.aboutLogo{
width: auto;
height: 60px;
margin-bottom: 20px;
}
.aboutus p{
margin:0 auto 20px auto;
max-width: 1000px;
font-size: 17px;
line-height: 2;
}
.sectionbgIMG{
background-position: center;
background-size: cover;
background-repeat: no-repeat;
box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.70);
}
.sectionbgIMG h2,.ourFlowSection h2{
display: inline-block;
color: #fff;
border-bottom: 3px solid #fff;
text-align: center;
margin-bottom: 60px;
}
.FlowRow{
color: #fff;
position: relative;
margin-bottom: 18px;
font-size: 18px;
}
.ourFlowSection{
background-color: #000;
min-height: 620px;
}
.FlowRow img{
position: relative;
top: -3px;
width: auto;
height: 18px;
margin-right: 5px;
}
.appImg{
position: absolute;
right: 50px;
bottom: 0;
}
.appImg img{
width: auto;
height: 480px;
}
/*faq tabs*/
.Q-Cate button{
cursor: pointer;
background-color: transparent;
color: #222;
padding: 0;
border:0;
font-size: 20px;
margin:0 18px;
outline: none;
margin-bottom: 30px;
}
.Q-Cate button.active{
color: #b80c2f;
border-bottom: 2px solid #b80c2f;
}
.FAQContainer{
width: 70%;
margin:0 auto;
padding: 20px;
background-color: rgba(255,255,255,0.9);
min-height: 460px;
}
.Question{
text-align: left;
width: 100%;
margin:15px auto;
border-bottom: 1px solid #ddd;
}
.Question h4{cursor: pointer;font-size: 20px;color: #555;}
.Question p{font-size: 16px;}
/*footer*/
footer{
position: relative;
width: 100%;
background-color: #b80c2f;
padding: 50px 0 0 0; text-align: center;
}
.footerLogo{margin-bottom: 30px;}
.footerLogo img{width: auto;height: 70px;}
.footerSocialMedia{margin-bottom: 25px;}
.footerSocialMedia img{margin: 0 15px;}
.terms{color: #fff;font-size: 13px;}
.terms a{
color: #fff;
text-decoration: underline;
}
.platstore{
top: -32px;
position: relative;
float: right;
}
.platstore img{width:auto;height: 42px;}
.tnc{display: inline-block;}
.tnc a{margin:0 3px;}
/*privacy*/
.blankHeader{
padding: 10px 0;
color: #fff;
text-align: center;
background-color: #b80c2f;
}
.blankHeader img{
width: auto;
height: 55px;
}
.banner{
text-align: center;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 250px;
color: #fff;
box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.45);
}
.banner h1{
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%,-50%);
}
.tncContainer{padding: 20px 0;}
.tncContainer a{color: #b80c2f;}