/*靜態頁面設置*/
.inside-page-block {
    background-color: #efefef;
    padding-bottom: 60px;
}
.inside-page-headline {
    height: 360px;
    background: url(/theme/service/images/inside-page-headline.jpg) no-repeat center;
    background-size: cover;
}
.inside-page-wrapper {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1040px;
    padding: 0 36px;
    width: 100%;
}
.inside-page-content {
    background: #ffffff;
    padding-bottom: 48px;
    margin-top: -150px;
    padding: 50px 36px;
    position: relative;
    box-shadow: 0px 35px 20px -40px rgb(133, 133, 133);
    -webkit-box-shadow: 0px 35px 20px -40px rgb(133, 133, 133);
    -moz-box-shadow: 0px 35px 20px -40px rgb(133, 133, 133);
    -o-box-shadow: 0px 35px 20px -40px rgb(133, 133, 133);    
}
.inside-page-content .header {
    margin-bottom: 50px;
}
.inside-page-content h3.small-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
.inside-page-content .segment {
    margin-bottom: 40px;
}
.notice-list {
    list-style: decimal;
    margin: 0;
}
.notice-list li {
    margin: 10px 0;
}
.notice-text {
    padding: 0 0 0 20px;
}

/*靜態table*/
.static-table {
    border: 3px solid #dddddd;
}
.static-table th,.static-table td {
    border: 1px solid #dddddd;
    padding: 10px 8px;
}
.static-table th {
    background-color: #dddddd;
    min-width: 80px;
    text-align: center;
}
.static-table th {
    border-bottom: 1px solid #cccccc;
}


/*QA下拉*/
@font-face {
    font-family: 'Glyphicons Halflings';
  
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
/*Font Awesome Fonts
@font-face {
    font-family: 'fa-solid-900';
    /*in url add your folder path of FontAwsome Fonts
    src: url('all.css') format('truetype');
}
*/

.divtable {
    margin-bottom:15px;
}
.divtable .tr {
  overflow: hidden;
  clear: both;
  border-bottom: 1px solid #ccc;
}

.divtable .th,
.divtable .td {
  padding: 5px 10px;
  float: left;
}

.divtable .th { font-weight: bold; }

.firstname { width: 40%; }

.lastname { width: 30%; }

.username { width: 30%; }

.accordion-xs .headings { display: none; }

.accordion-xs .tr { border-bottom-color: #fff; }

.accordion-xs .th,
 .accordion-xs .td {
    float: none;
    width: auto;
    padding: 0;
}

.accordion-xs .accordion-xs-toggle {
    position: relative;
    font-size: 16px;
    background-color:#eeeeee;
    color: #3d3d3d;
    position:relative;
    padding: 15px 30px 15px 15px;
    cursor: pointer;
}
.accordion-xs .accordion-xs-toggle i {
    margin: 3px 5px 0 0;
}

.accordion-xs .accordion-xs-toggle:after {
    /*position: relative;*/
    position:absolute;
    top: 50%;
    margin-top:-7px;
    right:10px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    /*font-family: 'fa-solid-900';*/
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
  }

.accordion-xs .accordion-xs-toggle:hover { background-color: #eeeeee; }

.accordion-xs .accordion-xs-toggle:after {
    content: '\e114';
    /*content: '\f078';*/
    float: right;
}

.accordion-xs .accordion-xs-toggle.collapsed:after { content: '\e113'; /*content: '\f077';*/ }

.accordion-xs-collapse .inner {
    padding: 20px 17px;
}
.accordion-xs-collapse .inner i {
    margin: 3px 5px 0 0;
}
.accordion-xs-collapse .inner p {
    
}
.accordion-xs-collapse .inner ol {
    margin:0 0 10px 0;
    padding:0;
}
.accordion-xs-collapse .inner ol li {
    list-style:inside decimal;
    margin-bottom:5px;
}

.accordion-xs-collapse .td:before { font-weight: bold; }

.accordion-xs-collapse .lastname:before { content: 'Last Name: '; }

.accordion-xs-collapse .username:before { content: 'Username: '; }





@media screen and (max-width:991px){

/*大標題*/
.headline-black {
    color: #000000;
    font-weight: normal;
    line-height: 30px;
    font-size: 24px;
    text-align: center;
    margin: 0 0 15px 0;
}
.headline-black .text, .headline-white .text {
    vertical-align: -8px;
    padding: 0 8px;
}
.headline-black .line {
    display: inline-block;
    width: 15%;
    border-top: 1px solid #000000 ;
}

.headline-white {
    color: #ffffff;
    font-weight: normal;
    line-height: 30px;
    font-size: 24px;
    text-align: center;
    margin: 0 0 15px 0;
}
.headline-white .line {
    display: inline-block;
    width: 15%;
    border-top: 1px solid #ffffff ;
}

/*header*/
.header-top {
    width:100%;
    background-color: #ffffff;
    position: relative;
    color: #3d3d3d;
    padding: 5px 0;
}
.header-bottom {
    width:100%;
    background-color:#c80915;
    border:none;
    position: relative;
    text-align:center;
}
.header-top .container,.header-bottom .container  {
    padding:0;
}

.header-logo {
    width: 160px;
    padding:0;
}
.header-logo img {
    width: 100%;
    height: auto;
    vertical-align:middle;
}

/*menu*/
.header-menu {
    padding: 7px 0 5px 0;
}
.header-menu a {
    font-size: 16px;
    color: #3d3d3d;
    display:inline-block;
    padding: 5px 8px;
}
.header-menu a:hover {
    color: #ffffff;
    background:#075c9e;
    border-radius:5px;
}
.header-menu a i {
    margin-right: 5px;
}

/*人氣車行*/
.popular-dealers-block {
    background-color: #ffffff;
    padding: 20px 0 40px 0;
}

/*見證分享*/
.user-experience-block {
    padding: 40px 0;
    background: url(/theme/service/images/user-experience-bg.jpg) no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
}

/*其他資訊*/
.information-block {
    padding: 40px 0;
    background-color: #f5f5f5;
}

/*footer*/

.footer-top-block {
    background-color: #104065;
    padding: 30px 0 20px 0;
}



/*靜態頁面設置*/
.inside-page-headline {
    height: 280px;
    background: url(/theme/service/images/inside-page-headline.jpg) no-repeat center;
    background-size: cover;
}
.inside-page-content {
    background: #ffffff;
    padding-bottom: 48px;
    margin-top: -150px;
    padding: 40px 36px;
    position: relative;
    box-shadow: 0px 35px 20px -40px rgb(133, 133, 133);
    -webkit-box-shadow: 0px 35px 20px -40px rgb(133, 133, 133);
    -moz-box-shadow: 0px 35px 20px -40px rgb(133, 133, 133);
    -o-box-shadow: 0px 35px 20px -40px rgb(133, 133, 133);    
}
.inside-page-content .header {
    margin-bottom: 40px;
}
.inside-page-content .segment {
    margin-bottom: 30px;
}



}


@media (min-width:520px) and (max-width:991px){
}


@media screen and (max-width:767px){

/*大標題*/
.headline-black {
    color: #000000;
    font-weight: normal;
    line-height: 30px;
    font-size: 24px;
    text-align: center;
    margin: 0 0 15px 0;
}
.headline-black .text, .headline-white .text {
    vertical-align: -8px;
    padding: 0 8px;
}
.headline-black .line {
    display: inline-block;
    width: 15%;
    border-top: 1px solid #000000 ;
}

.headline-white {
    color: #ffffff;
    font-weight: normal;
    line-height: 30px;
    font-size: 24px;
    text-align: center;
    margin: 0 0 15px 0;
}
.headline-white .line {
    display: inline-block;
    width: 15%;
    border-top: 1px solid #ffffff ;
}

/*header*/
.header-top {
    width:100%;
    background-color: #ffffff;
    position: relative;
    color: #3d3d3d;
    padding: 5px 0;
}
.header-bottom {
    width:100%;
    background-color:#c80915;
    border:none;
    position: relative;
    text-align:center;
}
.header-top .container,.header-bottom .container  {
    padding:0;
}

.header-logo {
    width: 160px;
    padding:0;
}
.header-logo img {
    width: 100%;
    height: auto;
    vertical-align:middle;
}

/*menu*/
.header-menu {
    padding: 7px 0 5px 0;
}
.header-menu a {
    font-size: 16px;
    color: #3d3d3d;
    display:inline-block;
    padding: 5px 8px;
}
.header-menu a:hover {
    color: #ffffff;
    background:#075c9e;
    border-radius:5px;
}
.header-menu a i {
    margin-right: 5px;
}

/*人氣車行*/
.popular-dealers-block {
    background-color: #ffffff;
    padding: 20px 0 40px 0;
}

/*見證分享*/
.user-experience-block {
    padding: 40px 0;
    background: url(/theme/service/images/user-experience-bg.jpg) no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
}

/*其他資訊*/
.information-block {
    padding: 40px 0;
    background-color: #f5f5f5;
}

/*footer*/

.footer-top-block {
    background-color: #104065;
    padding: 30px 0 20px 0;
}


/*靜態頁面設置*/
.inside-page-block {
    background-color: #efefef;
    padding-bottom: 60px;
}
.inside-page-headline {
    height: 220px;
    background: url(/theme/service/images/inside-page-headline.jpg) no-repeat center;
    background-size: cover;
}
.inside-page-wrapper {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1040px;
    padding: 0 15px;
    width: 100%;
}
.inside-page-content {
    background: #ffffff;
    padding-bottom: 48px;
    margin-top: -150px;
    padding: 30px 15px;
    position: relative;
    box-shadow: 0px 35px 20px -40px rgb(133, 133, 133);
    -webkit-box-shadow: 0px 35px 20px -40px rgb(133, 133, 133);
    -moz-box-shadow: 0px 35px 20px -40px rgb(133, 133, 133);
    -o-box-shadow: 0px 35px 20px -40px rgb(133, 133, 133);    
}
.inside-page-content .header {
    margin-bottom: 35px;
}
.inside-page-content .segment {
    margin-bottom: 30px;
}


}


@media screen and (max-width:320px){
    

}