@charset "UTF-8";
@import url(frame.css);
/*-------------------------
       L A Y O U T
-------------------------*/
@import url(font-awesome.min.css);
.kv {
  background-position: center;
  background-repeat: no-repeat;
}
.kv .title {
  background-position: center;
  background-repeat: no-repeat;
}

.icon-burger {
  text-indent: 130%;
  overflow: hidden;
  white-space: nowrap;
}

.kv .title,
.kv .contents .date {
  text-indent: 130%;
  overflow: hidden;
  white-space: nowrap;
}

.promo-wrapper .ui-promo li .icon span {
  text-indent: 130%;
  overflow: hidden;
  white-space: nowrap;
}

.f-logo,
nav ul.nav li:after,
.kv .contents .date {
  background-image: url("../../images/icon/icons@2x.png");
  background-size: 600px 550px;
  background-repeat: no-repeat;
}

.promo-wrapper .ui-promo li .icon {
  background-image: url("../images/promo-icons.png");
  background-size: 945px 355px;
  background-repeat: no-repeat;
}
.promo-wrapper .ui-promo li .icon span {
  background-image: url("../../images/icon/icons@2x.png");
  background-size: 600px 550px;
  background-repeat: no-repeat;
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .f-logo,
  nav ul.nav li:after,
  .kv .contents .date {
    background-image: url("../../images/icon/icons@2x.png");
  }
  .promo-wrapper .ui-promo li .icon {
    background-image: url("../images/promo-icons@2x.png");
  }
  .promo-wrapper .ui-promo li .icon span {
    background-image: url("../../images/icon/icons@2x.png");
  }
}
#Document {
  width: 100%;
}
#Document > * {
  clear: both;
  width: 100%;
}

article > section {
  width: 100%;
  position: relative;
  z-index: 2;
}
article > section > div {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.col-5 {
  display: inline-block;
  width: 49.5%;
}

@media (max-width: 980px) {
  article > section > div {
    width: 96%;
  }
}
@media (max-width: 767px) {
  article {
    padding-top: 9px;
  }
}
/*-------------------------
          N A V
-------------------------*/
nav {
  background-color: #005bac;
  font-size: 1.125rem;
  font-size: 20px \9 ;
  font-weight: bold;
  position: relative;
  height: 60px;
  line-height: 60px;
  z-index: 99999;
  text-align: center;
  border-radius: 0px 0px 20px 20px;
  overflow: hidden;
}
nav ul.nav {
  width: 92%;
  margin: 0 auto;
}
nav ul.nav li {
  position: relative;
}
nav ul.nav > li {
  float: left;
  width: 16.6%;
}
nav ul.nav > li + li:before {
  background-color: #fff;
  width: 1px;
  height: 15px;
  position: absolute;
  top: 19px;
  left: 0;
}
nav ul.nav > li:hover a, nav ul.nav > li.selected a {
  text-decoration: underline;
  color: white;
}
nav ul.nav > li a {
  color: #fff;
  display: block;
  width: 100%;
  height: 52px;
  text-decoration: none;
}
nav ul.nav > li ul.sub {
  background-color: #fff;
  display: none;
  font-size: 1.125rem;
  font-size: 18px \9 ;
  width: 100%;
  position: absolute;
  top: 52px;
  left: 0;
  text-align: center;
}
nav ul.nav > li ul.sub li + li {
  border-top: 1px solid #fff;
}
nav ul.nav > li ul.sub a {
  border-bottom: none;
  color: #a2a2a2;
  height: auto;
  line-height: 130%;
  padding: 10px;
}
nav ul.nav > li ul.sub a:hover {
  background-color: #e4141c;
  color: white;
}

.icon-burger {
  transform: rotate(0);
  transition: ease-in-out 0.5s;
  background-image: none;
  width: 25px;
  height: 22px;
  cursor: pointer;
  position: relative;
  top: 5px;
  margin-top: -9px;
}
.icon-burger:after {
  display: none;
}
.icon-burger span {
  transform: rotate(0);
  transition: ease-in-out 0.25s;
  background-color: white;
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  left: 0;
}
.icon-burger span:nth-child(1) {
  top: 0;
}
.icon-burger span:nth-child(2) {
  top: 7px;
}
.icon-burger span:nth-child(3) {
  top: 14px;
}
.icon-burger.open span:nth-child(1) {
  top: 7px;
  width: 0%;
  left: 50%;
}
.icon-burger.open span:nth-child(2) {
  transform: rotate(45deg);
  top: 9px;
}
.icon-burger.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 9px;
}

@media (min-width: 768px) and (max-width: 980px) {
  nav ul.nav {
    width: 100%;
  }
}
@media (max-width: 767px) {
  nav {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    display: none;
    height: 100%;
    padding: 0;
    top: 52px;
    width: 96%;
  }
  nav ul.nav {
    border-top: 1px solid #153d32;
    display: none;
    width: 65%;
    margin: 0;
  }
  nav ul.nav li:after {
    transition: left 0.2s ease-in-out;
    background-position: right -13px;
    width: 8px;
    height: 13px;
    position: absolute;
    top: 19px;
    left: 92%;
  }
  nav ul.nav li:hover, nav ul.nav li.selected {
    border-bottom: 1px solid #fff;
  }
  nav ul.nav li:hover:after, nav ul.nav li.selected:after {
    background-position: right -13px;
    left: 94%;
  }
  nav ul.nav li:hover:before {
    animation-duration: 0;
  }
  nav ul.nav > li {
    border-bottom: 1px solid #fff;
    background-color: #005bac;
    float: none;
  }
  nav ul.nav > li:before {
    display: none !important;
  }
  nav ul.nav > li:nth-child(5) {
    border-bottom: none;
  }
  nav ul.nav > li ul.sub {
    border-top: 1px solid #fff;
    position: static;
    text-align: left;
  }
  nav ul.nav > li ul.sub li + li {
    border-top: 1px solid #fff;
  }
  nav ul.nav > li ul.sub li a {
    padding-left: 44px;
  }
}
/*-------------------------
       L O A D E R
-------------------------*/
.loading {
  background-color: #d7effb;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
}

/* line 15, ../sass/frame/_loader.scss */
.loader {
  color: #688cc9;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -42px;
  width: 85px;
  text-align: center;
}
.loader span {
  animation: loader 0.9s infinite alternate;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin: 0 auto;
  background: #688cc9;
  border-radius: 50px;
}
.loader span:nth-of-type(2) {
  animation-delay: 0.3s;
}
.loader span:nth-of-type(3) {
  animation-delay: 0.6s;
}
/*-------------------------
          k v
-------------------------*/
.kv {
  background-size: cover;
  height: calc(100vh - 50px);
  min-height: 904px;
  background-image: url("../images/article/vehicle/peth/house_tit.jpg");
  border-bottom: 2px solid #e4141c;
}
.kv .title {
  background-image: url("../images/title.png");
  width: 906px;
  height: 434px;
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -453px;
}
.kv .title + .contents {
  width: 745px;
  position: absolute;
  top: 240px;
  left: 50%;
  margin-left: -365px;
}
.kv .contents {
  color: #222;
  font-weight: bold;
  line-height: 100%;
}
.kv .contents .date {
  background-position: 0 -30px;
  display: block;
  float: left;
  width: 290px;
  height: 28px;
  margin-top: 12px;
}
.kv .contents p {
  border-left: 2px solid #2f2f2f;
  display: inline-block;
  font-size: 1.25rem;
  font-size: 20px \9 ;
  margin-left: 15px;
  padding-left: 20px;
}
.kv .contents p .block {
  margin-bottom: 8px;
}
.kv .contents p .blue {
  color: #1d7294;
  font-size: 0.813rem;
  font-size: 13px \9 ;
}

.promo-wrapper {
  font-weight: bold;
}
.promo-wrapper .ui-promo {
  transition: all 0.2s;
  padding-top: 320px;
}
.promo-wrapper .ui-promo li {
  float: left;
  margin: 0 5px;
  width: 32.3%;
}
.promo-wrapper .ui-promo li:hover .icon span, .promo-wrapper .ui-promo li:focus .icon span {
  animation-play-state: paused;
  top: 77.5%;
}
.promo-wrapper .ui-promo li .icon {
  cursor: pointer;
  width: 315px;
  height: 355px;
  position: relative;
}
.promo-wrapper .ui-promo li .icon a {
  display: block;
  width: 100%;
  height: 100%;
}
.promo-wrapper .ui-promo li .icon span {
  animation-play-state: running;
  display: block;
  width: 58px;
  height: 54px;
  position: absolute;
  top: 76%;
  left: 50%;
  margin-left: -29px;
}
.promo-wrapper .ui-promo li.p01 .icon {
  background-position: 0px 0;
}
.promo-wrapper .ui-promo li.p01 .icon span {
  background-position: 0px -65px;
}
.promo-wrapper .ui-promo li.p01 .heading {
  color: #0b67be;
}
.promo-wrapper .ui-promo li.p01 .heading span:before, .promo-wrapper .ui-promo li.p01 .heading span:after {
  width: 150px;
}
.promo-wrapper .ui-promo li.p01 .heading span:before {
  left: -170px;
}
.promo-wrapper .ui-promo li.p01 .heading span:after {
  right: -170px;
}
.promo-wrapper .ui-promo li.p01 .btn-more {
  background-color: #0b67be;
}
.promo-wrapper .ui-promo li.p02 .icon {
  background-position: -315px 0;
}
.promo-wrapper .ui-promo li.p02 .icon span {
  background-position: -58px -65px;
}
.promo-wrapper .ui-promo li.p02 .heading {
  color: #ce1219;
}
.promo-wrapper .ui-promo li.p02 .heading span:before, .promo-wrapper .ui-promo li.p02 .heading span:after {
  width: 80px;
}
.promo-wrapper .ui-promo li.p02 .heading span:before {
  left: -100px;
}
.promo-wrapper .ui-promo li.p02 .heading span:after {
  right: -100px;
}
.promo-wrapper .ui-promo li.p02 .btn-more {
  background-color: #ce1219;
}
.promo-wrapper .ui-promo li.p03 .icon {
  background-position: -630px 0;
}
.promo-wrapper .ui-promo li.p03 .icon span {
  background-position: -116px -65px;
}
.promo-wrapper .ui-promo li.p03 .heading {
  color: #f4762d;
}
.promo-wrapper .ui-promo li.p03 .heading span:before, .promo-wrapper .ui-promo li.p03 .heading span:after {
  width: 50px;
}
.promo-wrapper .ui-promo li.p03 .heading span:before {
  left: -70px;
}
.promo-wrapper .ui-promo li.p03 .heading span:after {
  right: -70px;
}
.promo-wrapper .ui-promo li.p03 .btn-more {
  background-color: #f4762d;
}
.promo-wrapper .ui-promo li.p01 {
  margin-left: 33%;
}
.promo-wrapper .ui-promo li.p01 .promo {
  width: 160%;
  margin-left: -30%;
}
.promo-wrapper .ui-promo li.p02 {
  margin-left: -66%;
}
.promo-wrapper .ui-promo li.p03 .promo {
  width: 160%;
  margin-left: -70%;
}
.promo-wrapper .promo {
  display: none;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.promo-wrapper .promo.active {
  display: block;
}
.promo-wrapper .promo:after {
  clear: both;
}
.promo-wrapper .promo .heading {
  font-size: 1.625rem;
  font-size: 26px\9 ;
  font-weight: bold;
  letter-spacing: 2px;
  padding-bottom: 10px;
}
.promo-wrapper .promo .heading span {
  display: inline-block;
  position: relative;
}
.promo-wrapper .promo .heading span:before, .promo-wrapper .promo .heading span:after {
  border-top: dashed 1px #727e83;
  position: absolute;
  height: 1px;
  top: 50%;
}
.promo-wrapper .promo p {
  color: #222;
  font-size: 1.375rem;
  font-size: 22px\9 ;
  line-height: 160%;
  padding-bottom: 15px;
}
.promo-wrapper .promo p span {
  color: #1d7294;
}
.promo-wrapper .promo .btn-more {
  border-radius: 20px;
  display: inline-block;
  color: white;
  font-size: 1rem;
  font-size: 16px \9 ;
  line-height: 150%;
  padding: 4px 12px 2px;
  text-decoration: none;
}
.promo-wrapper .promo .col-5:first-child .heading span:after {
  display: none;
}
@keyframes inDown {
  0% {
    transform: translate3d(0, -10%, 0);
  }
  100% {
    transform: none;
  }
}
/* line 232, ../sass/page/_kv.scss */
.inDown {
  animation-name: inDown;
}

@media (min-width: 768px) {
  /* line 238, ../sass/page/_kv.scss */
  .kv {
    max-height: 904px;
  }
}
@media (min-width: 731px) and (max-width: 980px) {
  /* line 243, ../sass/page/_kv.scss */
  .kv {
    min-height: 820px;
  }
  .promo-wrapper .ui-promo {
    transform: scale(0.78);
    width: 980px;
    margin-left: calc(50vw - 386px);
    padding-top: 160px;
  }
  .promo-wrapper .ui-promo .icon {
    margin-bottom: 30px;
  }
  .promo-wrapper .ui-promo .p01 .promo {
    width: 150%;
    margin-left: -25%;
  }
  .promo-wrapper .ui-promo li.p01 .heading span:before {
    left: -160px;
  }
  .promo-wrapper .ui-promo li.p01 .heading span:after {
    right: -160px;
  }
  .promo-wrapper .ui-promo li.p02 .heading span:before {
    left: -90px;
  }
  .promo-wrapper .ui-promo li.p02 .heading span:after {
    right: -90px;
  }
  .promo-wrapper .ui-promo li.p03 .heading span:before {
    left: -60px;
  }
  .promo-wrapper .ui-promo li.p03 .heading span:after {
    right: -60px;
  }
  .promo-wrapper .ui-promo li.p03 .promo {
    width: 150%;
  }
  .promo-wrapper .promo {
    transform: scale(1.2);
  }
}
@media (min-width: 768px) and (max-width: 980px) {
  .kv {
    height: 800px;
  }
  .promo-wrapper .ui-promo {
    transform-origin: 0 1000px 0;
  }
}
@media (max-width: 767px) {
  .kv {
    background-size: auto 100%;
    background-position: 60% 20%;
    height: auto;
    padding-top: 200px;
  }
  .kv .title {
    transform: scale3d(0.8);
    transform-origin: 50% top 0;
    top: -90px;
  }
  .kv .title + .contents {
    width: 600px;
    margin: 0 auto;
    position: relative;
    top: auto;
    left: auto;
  }
  .kv .contents {
    color: #222;
    font-weight: bold;
    line-height: 150%;
  }
  .kv .contents .date {
    float: none;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .kv .contents p {
    border-left: none;
    display: block;
    margin-left: 0;
    padding-left: 0;
  }
  .kv .contents p span {
    display: inline !important;
  }
  .kv .contents p .blue {
    font-size: 0.9375rem;
  }
  .promo-wrapper .ui-promo {
    transform-origin: 0 170px 0;
    padding-top: 10px;
  }
  .promo-wrapper .ui-promo:after {
    padding-bottom: 0;
  }
}
@media (max-width: 730px) {
  .promo-wrapper .ui-promo {
    padding-top: 10px;
  }
  .promo-wrapper .ui-promo li {
    float: none;
    width: 98%;
    margin: 0 auto 10px !important;
  }
  .promo-wrapper .icon {
    margin: 0 auto;
  }
  .promo-wrapper .promo {
    width: 90% !important;
    margin: 0 auto !important;
    padding-top: 10px;
  }
  .promo-wrapper .promo p {
    color: #222;
    padding-bottom: 15px;
  }
  .promo-wrapper .promo p span {
    color: #1d7294;
  }
  .promo-wrapper .promo .btn-more {
    border-radius: 20px;
    display: inline-block;
    color: white;
    font-size: 1rem;
    font-size: 16px \9 ;
    line-height: 150%;
    padding: 4px 12px 2px;
    text-decoration: none;
  }
  .promo-wrapper .promo .col-5 {
    width: 100%;
    margin-bottom: 20px;
  }
  .promo-wrapper .promo .col-5:first-child .heading span:after {
    display: block;
  }
}
@media (max-width: 640px) {
  .kv {
    padding-top: 0;
  }
  .kv .title {
    background-size: 150%;
    transform: scale(1);
    width: 80%;
    height: 0;
    margin: 0 auto;
    padding-top: 33%;
    position: static;
  }
  .kv .title + .contents {
    width: 300px;
    margin-top: -30px;
  }
  .kv .contents p {
    display: block;
  }
  .kv .contents p span {
    display: block !important;
  }
  .promo-wrapper .promo {
    width: 70%;
    padding-bottom: 20px;
  }
  .promo-wrapper .promo .heading span:before, .promo-wrapper .promo .heading span:after {
    width: 70px !important;
  }
  .promo-wrapper .promo .heading span:before {
    left: -90px !important;
  }
  .promo-wrapper .promo .heading span:after {
    right: -90px !important;
  }
}
@media (max-width: 480px) {
  .kv .title + .contents {
    margin-top: -10px;
  }
  .promo-wrapper .promo {
    width: 95%;
  }
}
/*-------------------------
       p a g e s
-------------------------*/
/*-------------------------
          內頁
-------------------------*/
.m-p-0 {
  padding: 0px !important;
}

.w-33 {
  display: table-cell;
  width: 33.3% !important;
  vertical-align: top;
  padding: 0 10px 0 35px;
}
.w-33 li {
  width: 100% !important;
  padding-bottom: 0px !important;
}

.w-33-2 {
  display: table-cell;
  width: 33.3% !important;
  vertical-align: top;
  padding: 0 0px 0 35px;
  margin-right: 0px;
}
.w-33-2 li {
  width: 100% !important;
  padding-bottom: 0px !important;
}

.bor-line {
  border-right: 1px dotted #aaa;
}

.bob-line {
  border-bottom: 4px solid #e5e2d1;
}

.t13_gray {
  color: #4f4f4f;
  font-size: 0.813rem;
}

.blue_bg {
  background: #258fcb;
}

.yel_bg {
  background: #d3ae3d;
}

.green_bg {
  background: #005bac;
}

.blue_bg2 {
  background: #0070c0;
}

.pur_bg {
  background: #ae98de;
}

.black {
  color: #000;
}

.t14 {
  font-size: 0.875rem;
}

.t13_gray-mu {
  display: block;
  width: 100% !important;
  color: #4f4f4f;
  font-size: 0.813rem;
  line-height: 20px;
  text-align: center;
  padding: 20px 0 0 0;
}

#car_10 h3 a {
  display: inline-block;
  float: none;
}

.con {
  padding: 0 20px;
}
.con .entended-reading {
  margin-top: 15px;
  color: #000000;
  font-size: 16px;
  line-height: 30px;
}
.con .entended-reading a {
  padding-left: 12px;
  color: #3197FA;
}
.con .entended-reading.without-img-content {
  margin-top: 0;
  padding-left: 20px;
}
.con h3 {
  width: 100%;
  background: #d0f2fd;
  padding: 10px 15px;
  font-size: 1.25rem;
  color: #4f4f4f;
  border: 1px solid #E8E8E8;
  font-weight: bold;
  min-height: 50px;
  margin-bottom: 15px;
}
.con h2 {
  width: 100%;
  background: #d0f2fd;
  padding: 10px 15px;
  font-size: 1.25rem;
  color: #4f4f4f;
  border: 1px solid #E8E8E8;
  font-weight: bold;
  min-height: 50px;
}
.con h2 a {
  font-size: 0.875rem;
  color: #3197FA;
  float: right;
}
.con h3 a {
  font-size: 0.875rem;
  color: #3197FA;
  float: right;
}

.download-link {
  font-size: 0.875rem;
  color: #586e7a;
  float: right;
  padding-right: 15px;
}

.con h3 span {
  font-size: 0.875rem;
  color: #586e7a;
}
.con h3.mot {
  background: #fffae9;
}
.con h3.hou {
  background: #ccedce;
}
.con h2.tra {
  background: #f7f4fe;
}
.con h3.acc {
  background: #f7f4fe;
}
.con h3.add_tit {
  font-size: 1.25rem;
  color: #258fcb;
  background: #fff;
  border: 2px solid #b0ddf4;
}
.con h3.add_tit a {
  font-size: 0.875rem;
  color: #586e7a;
  float: right;
}
.con h3.add_tit.yel {
  border: 2px solid #ffe184;
}
.con h3.add_tit.green {
  border: 2px solid #a6e1d5;
}
.con h3.add_tit.blue {
  border: 2px solid #9cbdfe;
}
.con .blue_bar,
.con .yel_bar,
.con .green_bar {
  font-size: 0.9375rem;
  padding: 5px 20px;
  color: #fff;
  background: #77b1da;
}
.con .yel_bar {
  background: #f5c52f;
}
.con .green_bar {
  background: #8ad5c6;
}
.con .blue_bar2,
.con .yel_bar2,
.con .green_bar2,
.con .blue_bar4 {
  background: #d0f2fd;
  font-size: 1.125rem;
  color: #4f4f4f;
  padding: 5px 20px;
  min-height: 53px;
}
.con .blue_bar2 ul.add_list,
.con .yel_bar2 ul.add_list,
.con .green_bar2 ul.add_list,
.con .blue_bar4 ul.add_list {
  display: inline-block;
}
.con .blue_bar2 ul.add_list li,
.con .yel_bar2 ul.add_list li,
.con .green_bar2 ul.add_list li,
.con .blue_bar4 ul.add_list li {
  display: block;
  font-size: 0.75rem;
  color: #258fcb;
  display: block;
}
.con .blue_bar2 a,
.con .yel_bar2 a,
.con .green_bar2 a,
.con .blue_bar4 a {
  font-size: 0.875rem;
  color: #4f4f4f;
  display: inline-block;
  margin-top: 8px;
}
.con .yel_bar2 {
  background: #fffae9;
}
.con .green_bar2 {
  background: #F2F7FC;
}
.con .blue_bar3 {
  background: #9cbdfe;
  padding: 5px 20px;
}
.con .blue_bar4 {
  background: #f7f4fe;
}
.con ul.dot {
  list-style: disc;
  font-size: 1.125rem;
  margin: 10px 0;
}
.con ul.dot li {
  margin-left: 55px;
}
.con .list {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.con .list .pic {
  width: 22%;
  padding: 10px;
  text-align: center;
  height: 160px;
  box-shadow: 3px 0px 3px #ececec;
}
.con .list .pic img {
  width: 100%;
  max-width: 255px;
}
.con .list .green_bg {
  background-color: #F2F7FC;
}
.con .list .txt_list {
  width: 75.7%;
  color: #4f4f4f;
  margin-left: 20px;
  line-height: 22px;
}
.con .list .txt_list p {
  font-size: 0.9375rem;
}
.con .list table.txt {
  font-size: 0.875rem;
  color: #4f4f4f;
  border: 1px solid #e8e8e8;
  border-radius: 20px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  line-height: 20px;
}
.con .list table.txt .green_line {
  border-bottom: 1px solid #e8e8e8;
}
.con .list table.txt .green_line .content-space {
  margin-top: 5px;
}
.con .list table.txt .item-lists {
  padding-left: 5px;
  line-height: 24px;
}
.con .list table.txt tr th {
  background-color: #F2F7FC;
  color: #005bac;
  text-align: center;
  word-spacing: 5px;
  white-space: nowrap;
  padding: 8px 10px;
  width: 15%;
}
.con .list table.txt tr td {
  padding: 8px 10px;
}
.con ol {
  list-style: decimal;
  margin-left: 20px;
  line-height: 24px;
}
.con ol.trl {
  width: 80%;
  float: left;
}
.con ol.trl li {
  margin-left: 20px;
}
.con ul {
  list-style: disc;
  margin-left: 20px;
  line-height: 24px;
}
.con ol ul {
  list-style: disc;
  margin-left: 20px;
}
.con .table {
  color: #4f4f4f;
  font-size: 0.875rem;
  background: #e1e1e1;
  line-height: 20px;
}
.con .table th {
  color: #4f4f4f;
  padding: 5px;
}
.con .table td {
  padding: 5px;
}
.con .table .org {
  background: #e65928;
  color: #fff;
  padding: 5px;
}
.con a.go, .con a.add_bt {
  color: #fff;
  width: 200px;
  padding: 8px 0;
  font-size: 1rem;
  background: #EE5B6E;
  text-align: center;
  border-radius: 100px;
  margin: 20px 0px;
  text-decoration: none;
  float: right;
}
.con a.edmbtn {
  margin: 20px 10px;
}
.con a.go span {
  color: #EE5B6E;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  line-height: 30px;
}
.con a.go:hover {
  background: #EE5B6E;
  opacity: 0.9;
}
.con a.add_bt:hover {
  background: #EE5B6E;
  opacity: 0.9;
}
.con a.add_bt span {
  display: block;
}
.con a.add_bt span.green {
  letter-spacing: 0px;
}

.bot-line {
  border-top: 1px dashed #e8e8e8;
}

.separation-line {
  width: 100%;
  margin: 20px 0 0 0;
  border-top: 1px dashed #e8e8e8;
}

.burn-rating {
  width: 100%;
  display: none;
}

.rating-table {
  color: #3197FA;
  cursor: pointer;
}

.pic2 {
  width: 90%;
  margin: 20px auto 0;
}
.pic2 img {
  width: 100%;
}

.pic-w100 {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.pic-w100 img {
  width: 100%;
}

.t24 {
  font-size: 1.5rem;
}

.t20 {
  font-size: 1.25rem;
}

.m-t {
  margin-left: 13px !important;
}

.t20_pur {
  font-size: 1.25rem;
  color: #735ea0;
  width: 100%;
}

.app-margin {
  margin-bottom: 20px;
}

@media (max-width: 980px) {
  .m-p-0,
  .m-p-0-ul {
    margin-left: 0px !important;
  }
  .t13_gray-mu {
    padding: 10px 0 0 0;
  }
  .t14 {
    font-size: 1rem;
  }
  .con .list {
    width: 100%;
  }
  .con .list .pic {
    width: 100%;
    padding: 0;
    height: auto;
    box-shadow: 0 0 0;
  }
  .con .list .txt_list {
    width: 100%;
    margin-left: 0px;
  }
  .con .list .txt_list p {
    font-size: 1rem;
  }
  .con .list table.txt {
    font-size: 1rem;
  }
  .con .table {
    font-size: 1rem;
  }
  .con .table th {
    color: #4f4f4f;
    padding: 5px;
  }
  .con .table td {
    padding: 5px;
  }
  .con .table .org {
    margin-top: 5px;
    display: inline-block;
  }
  .burn-rating {
    width: 100%;
    display: none;
  }
  .con .entended-reading.without-img-content {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .m-p-0 {
    margin-left: 20px !important;
    padding: 20px !important;
  }
  .m-p-0-ul {
    margin-left: 0px !important;
  }
  .w-33,
  .w-33-2 {
    width: 100% !important;
    height: auto;
    margin: 0px;
    padding: 0px;
    display: inline-block;
  }
  .bor-line {
    border-right: none;
  }
  .bob-line {
    border-bottom: none;
  }
  .t13_gray-mu {
    font-size: 0.9375rem;
    border-bottom: none;
    text-align: left;
  }
  .mb-15 {
    margin: 15px 0;
  }
  /* line 431, ../sass/page/_pages.scss */
  #car_10 h3 a,
  #car_19 h3 a {
    display: block;
    float: none;
  }
  /* line 432, ../sass/page/_pages.scss */
  #car_10 h3 .right,
  #car_19 h3 .right {
    float: none;
  }
  /* line 437, ../sass/page/_pages.scss */
  .con .blue_bar2,
  .con .blue_bar4 {
    padding: 10px;
  }
  .con .blue_bar2 ul.add_list,
  .con .blue_bar4 ul.add_list {
    line-height: 24px;
  }
  .con .blue_bar2 ul.add_list li,
  .con .blue_bar4 ul.add_list li {
    font-size: 0.875rem;
  }
  .con .list {
    width: 100%;
  }
  .con .list .pic {
    width: 100%;
    padding: 0;
    height: 200px;
    box-shadow: 0 0 0;
  }
  .con .list .txt_list {
    width: 100%;
    margin-left: 0px;
  }
  .con a.add_bt {
    font-size: 16px;
    width: 200px;
  }
  .con a.add_bt span {
    display: block;
  }
  .con a.add_bt span.t13_gray {
    font-size: 15px;
  }
  .con a.go, .con a.add_bt {
    display: block;
    float: none;
    margin: 20px auto;
  }
  .con ol {
    margin-left: 25px;
  }
  .con ol.trl {
    width: 100%;
    float: none;
  }
  .con ol ul {
    list-style: disc;
    margin-left: 20px;
  }
  /* line 439, ../sass/page/_pages.scss */
  /* line 441, ../sass/page/_pages.scss */
  /* line 446, ../sass/page/_pages.scss */
  /* line 448, ../sass/page/_pages.scss */
  /* line 455, ../sass/page/_pages.scss */
  /* line 460, ../sass/page/_pages.scss */
  /* line 463, ../sass/page/_pages.scss */
  /* line 464, ../sass/page/_pages.scss */
  /* line 467, ../sass/page/_pages.scss */
  /* line 472, ../sass/page/_pages.scss */
  /* line 474, ../sass/page/_pages.scss */
  /* line 478, ../sass/page/_pages.scss */
  /* line 486, ../sass/page/_pages.scss */
  .bot-line {
    border-top: none;
  }
  /* line 487, ../sass/page/_pages.scss */
  .pic2 {
    width: 100%;
  }
  /* line 488, ../sass/page/_pages.scss */
  .m-t {
    margin-left: 0px !important;
  }
}
/*全覽*/
/* line 3, ../sass/page/_main_pages.scss */
.main {
  background: #fff;
  border-radius: 20px;
  margin-bottom: 50px;
  margin-top: 50px;
  border: 1px solid #E8E8E8;
}

/* line 7, ../sass/page/_main_pages.scss */
.g_tit {
  width: 100%;
  padding: 0 20px;
  font-size: 1.5rem;
  color: #fff;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  height: 53px;
  line-height: 53px;
  /* FF3.6-15 */
  background: -webkit-linear-gradient #005bac;
  /*Chrome10-25,Safari5.1-6 */
  background: #005bac;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* line 23, ../sass/page/_main_pages.scss */
.bread {
  width: 100%;
  height: 36px;
  line-height: 36px;
  background: #F4F4F4;
  padding: 0 20px;
  color: #4f4f4f;
  font-size: 1rem;
}
.bread a {
  color: #005bac;
  text-decoration: none;
}
.bread a:hover {
  text-decoration: underline;
}

.green {
  color: #005bac;
}

.wh {
  color: #fff;
}

.arrow {
  position: absolute;
  right: 20px;
  top: 10px;
}

.t_red,
.con h3 span.t_red {
  color: #EE5B6E;
}

.t_blue {
  color: #005bac;
}

.menu_all {
  padding: 0 20px;
}
.menu_all .tit {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  padding: 10px 0;
  color: #005bac;
  font-weight: bold;
  margin: 10px 0;
}
.menu_all .tit span:nth-child(1) {
  width: 3%;
  margin-right: 3px;
  border-bottom: 3px solid #987a24;
}
.menu_all .tit span:nth-child(1) i {
  width: 20px;
  height: 20px;
  display: block;
  border: 3px solid #005bac;
  border-radius: 50%;
  margin: 3px auto 0;
}
.menu_all .tit span:nth-child(2) {
  width: 97%;
  font-size: 1.375rem;
  border-bottom: 3px solid #005bac;
}
.menu_all .m_tit {
  position: relative;
  font-size: 1.25rem;
  font-weight: bold;
  color: #4f4f4f;
  width: 100%;
  height: 60px;
  background-size: cover;
  text-align: center;
  line-height: 60px;
  margin-bottom: 10px;
}

.m_tit h1 {
  display: inline-block;
  font-weight: bold;
}

.menu_all .m_tit a.back {
  color: #fff;
  font-size: 0.875rem;
  display: inline-block;
  vertical-align: top;
  float: right;
  padding-right: 15px;
}
.menu_all ul.type {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
  overflow: hidden;
}
.menu_all ul.type li {
  margin-right: 10px;
  width: 32%;
  font-size: 0.9375rem;
  font-weight: bold;
  padding-bottom: 20px;
  letter-spacing: -0.5px;
}
.menu_all ul.type li a {
  font-size: 0.9375rem;
  color: #005bac;
  text-decoration: none;
}
.menu_all ul.type li a.insure-title {
  font-size: 20px;
  color: black;
}
.menu_all ul.type li a:hover {
  text-decoration: underline;
}
.menu_all ul.type li a.t_blue {
  color: #258fcb;
}
.menu_all ul.type li.car {
  /*background: #f1faff;*/
}
.menu_all ul.type li.car .m_tit {
  background: url("../images/bg_01.jpg") center top no-repeat;
  background-size: cover;
}
.menu_all ul.type li.car2 {
  margin-right: 0px !important;
  border: 1px solid #e8e8e8;
}
.menu_all ul.type li.car2 .m_tit {
  background: #b0ddf4;
}
.menu_all ul.type li.mot {
  margin-right: 0px !important;
  border: 1px solid #e8e8e8;
  border-radius: 20px;
  overflow: hidden;
}
.menu_all ul.type li.mot .m_tit {
  background: #ffe184;
}
.menu_all ul.type li.hou {
  margin-right: 0px !important;
  border: 1px solid #e8e8e8;
}
.menu_all ul.type li.hou .m_tit {
  background: #a6e1d5;
}
.menu_all ul.type li.tra {
  margin-right: 0px !important;
  border: 1px solid #e8e8e8;
}
.menu_all ul.type li.tra .m_tit {
  background: #d6caf0;
}
.menu_all ul.type li.accident {
  margin-right: 0px !important;
  border: 1px solid #e8e8e8;
}
.menu_all ul.type li.accident .m_tit {
  background: #9cbdfe;
}
.menu_all ul.type li.h {
  background: #eefaf7;
}
.menu_all ul.type li div.motorcycle {
  background: #fffae9;
  padding-bottom: 20px;
}
.menu_all ul.type li div.motorcycle .m_tit {
  background: url("../images/bg_02.jpg") center top no-repeat;
  background-size: cover;
}
.menu_all ul.type li div.house {
  border-top: 20px solid #fff;
  background: #eefaf7;
  padding-bottom: 20px;
  align-content: stretch;
}
.menu_all ul.type li div.house .m_tit {
  background: url("../images/bg_03.jpg") center top no-repeat;
  background-size: cover;
}
.menu_all ul.type div.travel {
  background: #f7f4fe;
  margin-right: 0px;
  padding-bottom: 20px;
}
.menu_all ul.type div.travel .m_tit {
  background: url("../images/bg_04.jpg") center top no-repeat;
  background-size: cover;
}
.menu_all ul.type div.accident {
  background: #f1faff;
  margin-right: 0px;
  padding-bottom: 20px;
  border-top: 20px solid #fff;
}
.menu_all ul.type div.accident .m_tit {
  background: url("../images/bg_01.jpg") center top no-repeat;
  background-size: cover;
}
.menu_all ul.type li div.car {
  background: #f1faff;
  padding-bottom: 20px;
}
.menu_all ul.type li div.car .m_tit {
  background: url("../images/bg_01.jpg") center top no-repeat;
  background-size: cover;
}
.menu_all ul.type li div.vaccine {
  background: #fffae9;
  padding-bottom: 20px;
  border-top: 20px solid #fff;
}
.menu_all ul.type li div.vaccine .m_tit {
  background: url("../images/bg_02.jpg") center top no-repeat;
  background-size: cover;
}
.menu_all ul.type li ul > li {
  width: 100%;
  padding: 0px;
}
.menu_all ul.type li ul.no-1 {
  list-style-image: url("../images/arrow.png");
  padding: 0 15px;
  margin-left: 15px;
  padding-right: 8px;
}
.menu_all ul.type li ul.no-1 li.disc {
  list-style-image: url("../images/disc.jpg");
}
.menu_all ul.type li ul.no-2 {
  list-style: disc;
  margin-left: 35px;
}
.menu_all ul.type li ul.no-2 li {
  width: 100%;
}
.menu_all ul.type li ul.no-2 li a {
  color: #4f4f4f;
}
.menu_all ul.type li ul.no-2 li ol.no-4 {
  list-style-image: url("../images/icon.png");
  margin-left: 15px;
}
.menu_all ul.type li ul.no-2 li ol.no-4 li {
  padding-bottom: 0;
}
.menu_all ul.type li ul.no-2 li.li_bg {
  list-style-image: url("../images/icon2.png");
}
.menu_all ul.type li ol.no-3 {
  list-style-image: url("../images/arrow2.png");
  margin-left: 20px;
}
.menu_all ul.type li ol.no-3 li {
  width: 100%;
  padding: 0;
}
.menu_all ul.type li ol.no-3 li a {
  color: #4f4f4f;
}

ul.diagram {
  width: 100%;
  padding: 0 20px;
}
ul.diagram li {
  width: 100%;
  display: block;
}
ul.diagram li .heading {
  border: 1px solid #e8e8e8;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  font-size: 1.125rem;
  color: #005bac;
  padding: 0 20px;
}
ul.diagram li a {
  width: 100%;
  display: block;
}
ul.diagram li a.insure-title {
  color: #005bac;
  display: initial;
  text-decoration: none;
}
ul.diagram li a.insure-title:hover {
  text-decoration: underline;
}
ul.diagram li a img {
  width: 100%;
}
ul.diagram li.car_box h3, ul.diagram li.accident_box h3 {
  background: #f1faff;
}
ul.diagram li.mot_box h3 {
  background: #fffae9;
}
ul.diagram li.house_box h3 {
  background: #eefaf7;
}
ul.diagram li.travel_box h3 {
  background: #f7f4fe;
}

.QA {
  font-size: 16px;
}

@media (max-width: 767px) {
  .menu_all .tit span:nth-child(1) {
    width: 10%;
  }
  .menu_all .tit span:nth-child(2) {
    width: 90%;
  }
  .menu_all ul.type {
    flex-wrap: wrap;
  }
  .menu_all ul.type li {
    margin-right: 0px;
    width: 100%;
    padding-bottom: 0px;
  }
  .menu_all ul.type li .m_tit {
    width: 100%;
    display: block;
    margin-bottom: 0px;
  }
  .menu_all ul.type li.car, .menu_all ul.type li.h, .menu_all ul.type li.travel {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .menu_all ul.type li.car2 {
    background: #f1faff;
    border: none;
    margin-bottom: 20px;
  }
  .menu_all ul.type li.mot {
    background: #fffae9;
    border: none;
    margin-bottom: 20px;
  }
  .menu_all ul.type li.hou {
    background: #eefaf7;
    border: none;
    margin-bottom: 20px;
  }
  .menu_all ul.type li.tra {
    background: #f7f4fe;
    border: none;
    margin-bottom: 20px;
  }
  .menu_all ul.type li div.motorcycle, .menu_all ul.type li div.house, .menu_all ul.type li div.car, .menu_all ul.type li div.travel, .menu_all ul.type li div.accident {
    padding-bottom: 0px;
  }
  .menu_all ul.type li ul.no-1 {
    padding: 20px;
  }
  .menu_all ul.type li ul.no-1 li {
    padding-bottom: 0px;
  }
  ul.diagram {
    width: 100%;
  }
  ul.diagram li {
    margin-bottom: 20px;
    position: relative;
  }
  ul.diagram li a,
  ul.diagram li div.up-down {
    display: inline-block;
    width: 49%;
  }
  ul.diagram li a.w-100 {
    width: 100%;
  }
  ul.diagram li a.w-24 {
    width: 23.9%;
  }
  ul.diagram li div.up-down {
    width: 23.9%;
  }
  ul.diagram li div.up-down a {
    width: 100%;
  }
  ul.diagram li img {
    width: 100%;
    height: auto;
  }
  ul.diagram li.car_box {
    background: #03b5cf;
  }
  ul.diagram li.mot_box {
    background: #fbc51b;
  }
  ul.diagram li.house_box {
    background: #139340;
  }
  ul.diagram li.travel_box {
    background: #ac559c;
  }
  ul.diagram li.accident_box {
    background: #bcbdc1;
  }
}
@media (max-width: 480px) {
  ul.diagram li a.w-24 {
    width: 23.6%;
  }
  ul.diagram li div.up-down {
    width: 23.6%;
  }
  ul.diagram li div.up-down a {
    width: 100%;
  }
}
.top-box {
  left: 0;
  position: fixed;
  top: 50%;
}
.top-box div {
  max-width: 933px !important;
}

.goTop {
  display: block;
  width: 45px;
  height: 51px;
  position: absolute;
  right: 1%;
  top: 50%;
  z-index: 1;
}

@media (max-width: 980px) {
  .goTop {
    border-radius: 50%;
    transition: all 0.3s;
    width: 100px;
    position: fixed;
    top: auto;
    bottom: 20px;
    right: 1%;
  }
}
@media (min-width: 1145px) {
  .goTop {
    right: -7%;
  }
}
/*-------------------------
       I E 9 ↓↓↓↓
-------------------------*/
/* line 78, ../sass/styles.scss */
.ie9 nav {
  background-color: #222222;
}
.ie9 .kv {
  height: 904px;
}

/*-------------------------
   全覽區塊上方險種險連結
-------------------------*/
.ins_banners {
  padding: 10px 20px;
  text-align: center;
}

.ins_banner {
  width: 32%;
  display: inline-block;
  margin: 0 2px;
}

.ins_banner_img,
.mobile .ins_banner {
  width: 100%;
}

#tra_03 .go {
  display: none;
}/*# sourceMappingURL=styles.css.map */