/***************************
 * file:  
 * note:  常見問題
 ***************************/
.page-wrapper{font-family: Century Gothic, Arial, "微軟正黑體", "新細明體";background-color:#fff;color: #313131;}
/* logo */
.headerWrap{background-color: #3876c1;}
.headerWrap h1{width:30%;}
.headerWrap img{width:100%;}
/* banner */
.banner-content{overflow:hidden;display:block;position:relative;}
.banner-content .bg{width:50%;position: absolute; top:0;height:400px;z-index:-1;}
.banner-content .bg-left{background-color:#e5e5e5;}
.banner-content .bg-right{background-color:#63d9b6;}
.banner-content img{width:100%;}
/* main content */
.mobile-logo { width: 100px; vertical-align: 0px; display: inline-block; padding-top: 15px; }
.page-wrapper .content-container{padding: 15px 20px 30px;line-height: 1.5; }
.page-wrapper .desc {padding: 20px 20px 25px;line-height:1.5;}
.page-wrapper .desc .txt-link{text-decoration: underline; color:#3876c1;}
.page-wrapper .cgyHeader{padding-left: 20px; border-bottom: 2px solid #333;}
.page-wrapper .cgyHeader h1{display:block;line-height: 1.8;font-size: 21px;font-weight: 600;}
.page-wrapper .cgyHeader h1 span{color:#999;font-size: 17px;padding-left: 5px;}
.page-wrapper .cgyContent{line-height: 1.5;padding: 10px 0 0;}
.page-wrapper .cgyContent .subdesc{margin-bottom:25px;}
.page-wrapper .cgyContent h3{margin-bottom: 15px;}
.page-wrapper .cgyContent h3 .bold{font-weight:600;font-size: 19px;margin-bottom: 8px;display: block;}
.page-wrapper .cgyContent .steps{}
.page-wrapper .cgyContent .steps .title{margin-bottom: 15px;}
.page-wrapper .cgyContent .steps .subtitle{color:#3876c1;font-weight:600;line-height: 1.5;font-size: 16px;}
.page-wrapper .cgyContent .steps .subtitle img.icon {width: 25px;vertical-align: -7px;margin: 0 6px 0 0;}
.page-wrapper .cgyContent .steps img{width:100%;margin:10px 0 25px;}
.page-wrapper .cgyContent .subdesc img.icon { width: 18px; margin-right: 5px; vertical-align: -2px; }
.page-wrapper .cgyContent .subdesc img.btn{width: 70%;max-width: 250px;margin: 25px auto;display: block;}
.page-wrapper .cgyContent .subdesc .bold_sty2{font-weight:600;margin-top:10px;}
.page-wrapper .cgyContent .subdesc .listitem{padding-bottom: 10px;display: block;}
/*常見問題FAQ 列表*/
.page-wrapper .itemWarp { }
.page-wrapper .itemWarp .item { display: block; position: relative; margin-left: 20px; padding: 17px 40px 17px 0; border-top: 1px solid #eaeaea; box-sizing: border-box; color: #111; font-weight: bold; cursor: pointer; }
.page-wrapper .itemWarp .item i {position: absolute;right: 15px;top: 50%;margin-top: -13px;font-size: 26px;color: #ccc;}
.page-wrapper .itemTitle { display: table; width: 100%; min-height: 20px; }
.page-wrapper .itemTitle h2 {padding-top: 2px;line-height: 1.4;font-size: 18px;font-weight: normal;}
/*藍色正方形圖示*/
i.icon-square{color:#3876c1;}
/* q1-選擇手機廠牌/系統 */
.mobile-brand { margin-top: 5px; margin-bottom: 25px; }
.mobile-brand div { width: 100%; display: inline-block; }
.mobile-brand div img { width: 100%; margin: 5px 0 0 0 !important; }



.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  .container::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 544px) {
    .container {
      max-width: 576px;
	padding:0;	
       } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 940px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.navbar{background-color:#3876c1;}
.headerWrap{
    margin: 0 auto;
    text-align:left;
    overflow: hidden;
    position:relative;
    height: 60px;
    }
.headerWrap > h1 a{text-align: left;position: absolute;left: 15px;}


.navbar .site-logo {

width: 130px;

padding-top: 15px;
}

@media (min-width: 768px) {
  .navbar .site-logo {
    width: 160px;
    padding-top: 12px;
  }
}