/*StarHeader 主標 、 次標 */

/*example-StartHeader---------*/
/*<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
        <h1 class="font-size-adj" style="display:inline-block;"><font>購車購屋能力分析</font></h1>
        <hr class="fas star-primary">    
        @*判斷有無登入*@
        @if (User.Identity.IsAuthenticated)
        {
            <button class="btn btn-bg-light pull-right btn-inline" data-toggle="modal" data-target="#LoadingPlanSetting">載入方案</button>
        }
        else
        {
            <button class="btn btn-bg-light pull-right btn-inline" onclick="window.location.href = '@Url.Action("Login", "Account", new { area = "" })'">載入方案</button>
        }  
    </div>
</div>*/
/*example end----------*/

/*example secondHeader----------*/
/*<div class="second-title-style">【保費試算結果】</div>*/
/*example secondHeader end-------------*/



/*星星標題*/
.row > .text-center{
    margin-top:40px;
}
.row .text-center h1 {
    font-size :3em;
/*超過七個字以上class要多放font-size-adj */
}
hr.star-primary,hr.star-light{
    background-color:transparent;
}
hr{
    overflow:visible;
}
.color-light{
     color:#fff;
 }

hr.star-primary,hr.star-light {
    width:250px;
    padding: 0;
    border: none;
    border-top: solid 5px;
    text-align: center;
    max-width: 250px;
    margin: 25px auto 30px;    
    display: block;
  
}
 hr.star-primary::after,hr.star-light::after {
    content: "\f005";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    position: relative;
    top: -.6em;
    font-size: 2em;
    padding: 0 .25em;
    font-weight: 900;

}
hr.star-light{
     border-color:#fff;
 }
hr.star-light::after{
    color:#fff;
    background-color:#18bc9c;
}
hr.star-primary{
    border-color:#2c3e50;
 }
hr.star-primary::after{
    color:#2c3e50;
    background-color:white;
}
hr.star-primary-adj1:after{
     background-color:#D1E9E9;
}


/*標題次標*/
.second-title-style{
    margin-top:50px;
    margin-bottom:50px;
    font-size:36px;
    font-weight:bold;
    text-align:center

/*超過七個字以上class要多放font-size-adj */
}

@media all and (max-width: 480px) {
    /*星星標題 主標題文字調整
    .font-size-adj {
        font-size:2.5em !important; 
    }
    次標題文字調整
    .second-title-adj {
        font-size:30px; 
    }*/
}

@media all and (min-width: 481px) and (max-width: 767px) {
    /*星星標題 主標題文字調整
    .font-size-adj {
        font-size:2.5em !important; 
    }
    次標題文字調整
    .second-title-adj{
        font-size:30px; 
    }*/
}

@media all and (min-width: 768px) and (max-width: 991px) {/*ipad*/
}

@media all and (min-width: 992px) and (max-width: 1199px){
}

@media all and (min-width: 1200px) {

}