/* line 1, ../sass/style.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 5, ../sass/style.scss */
body, button, a, div, h1, h2, h3, h4, p, code {
  font-family: "微軟正黑體", Helvetica, Arial, Verdana, sans-serif;
}

/* line 8, ../sass/style.scss */
html, body {
  width: 100%;
  height: 100%;
}

/* line 12, ../sass/style.scss */
body {
  background-color: #fff;
}

/* line 15, ../sass/style.scss */
ul {
  list-style: none;
}

/* line 18, ../sass/style.scss */
a {
  outline: none;
  /* for Firefox Google Chrome  */
  behavior: expression(this.onFocus=this.blur());
  /* for IE */
  text-decoration: none;
}
/* line 22, ../sass/style.scss */
a:hover {
  text-decoration: none;
}

/* line 26, ../sass/style.scss */
#wrapper {
  margin: 0px auto;
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

/***************** 主要頁面 ****************/
/* line 1, ../sass/main.scss */
#main {
  height: auto;
  margin-top: 64px;
  /************ 聯絡我們 ************/
  /*********** 跳回最上方 **********/
}
/* line 4, ../sass/main.scss */
#main .content_top {
  text-align: center;
}
/* line 6, ../sass/main.scss */
#main .content_top img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
/* line 11, ../sass/main.scss */
#main .content_top .upimg {
  display: block;
}
/* line 12, ../sass/main.scss */
#main .content_top .upimg_m {
  display: none;
}
/* line 13, ../sass/main.scss */
#main .content_top .upimg_s {
  display: none;
}
/* line 15, ../sass/main.scss */
#main .content_main {
  max-width: 1300px;
  margin: 20px auto;
}
/* line 18, ../sass/main.scss */
#main .content_main .top_text {
  text-align: center;
  margin: 40px auto 45px;
}
/* line 21, ../sass/main.scss */
#main .content_main .top_text big {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 28px;
  color: #313131;
}
/* line 28, ../sass/main.scss */
#main .content_main .top_text p {
  font-size: 18px;
  margin-top: 15px;
}
/* line 33, ../sass/main.scss */
#main .content_main .about_box {
  padding: 15px 0 5px;
  text-align: center;
  margin-bottom: 10px;
}
/* line 37, ../sass/main.scss */
#main .content_main .about_box .contact {
  margin: 0 auto;
  max-width: 1280px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
/* line 43, ../sass/main.scss */
#main .content_main .about_box .border {
  border-radius: 10px;
  display: inline-block;
  padding: 30px 10px 10px;
  margin: 10px 7px 0px;
  min-height: 180px;
  vertical-align: top;
}
/* line 50, ../sass/main.scss */
#main .content_main .about_box .border i {
  font-size: 108px;
  display: block;
}
/* line 54, ../sass/main.scss */
#main .content_main .about_box .border p {
  font-size: 16px;
  /*! margin-top: -10px; */
}
/* line 58, ../sass/main.scss */
#main .content_main .about_box .border .fb {
  color: #3b5998;
}
/* line 59, ../sass/main.scss */
#main .content_main .about_box .border .line {
  color: #22ac38;
}
/* line 60, ../sass/main.scss */
#main .content_main .about_box .border .tel {
  color: #b571d3;
}
/* line 61, ../sass/main.scss */
#main .content_main .about_box .border .operate {
  color: #c13551;
}
#main .content_main .about_box .border .loaicon{margin-bottom: 10px;}
/* line 64, ../sass/main.scss */
#main .content_main .fill {
  margin: 0;
}
/* line 66, ../sass/main.scss */
#main .content_main .fill .fillbox {
  margin: 0px auto;
  float: inherit;
}
/* line 69, ../sass/main.scss */
#main .content_main .fill .fillbox ul {
  margin-top: -15px;
}
/* line 71, ../sass/main.scss */
#main .content_main .fill .fillbox ul li {
  padding: 50px;
  border-bottom: 1px solid #ddd;
}
/* line 76, ../sass/main.scss */
#main .content_main .fill .fillbox ul .iconbox .boxall {
  margin: 0 80px;
  display: inline-block;
  text-align: center;
}
/* line 80, ../sass/main.scss */
#main .content_main .fill .fillbox ul .iconbox .boxall i {
  font-size: 120px;
}
/* line 81, ../sass/main.scss */
#main .content_main .fill .fillbox ul .iconbox .boxall p {
  font-size: 18px;
}
/* line 82, ../sass/main.scss */
#main .content_main .fill .fillbox ul .iconbox .boxall .phone {
  color: #b571d3;
}
/* line 83, ../sass/main.scss */
#main .content_main .fill .fillbox ul .iconbox .boxall .line {
  color: #22ac38;
}
/* line 84, ../sass/main.scss */
#main .content_main .fill .fillbox ul .iconbox .boxall .fb {
  color: #0075a9;
}
/* line 85, ../sass/main.scss */
#main .content_main .fill .fillbox ul .iconbox .boxall .map {
  color: #c13551;
}
/* line 89, ../sass/main.scss */
#main .content_main .fill .fillbox .form-group {
  margin-bottom: 0;
}
/* line 91, ../sass/main.scss */
#main .content_main .fill .fillbox .self .self_r {
  text-align: right;
  display: block;
}
/* line 98, ../sass/main.scss */
#main .content_main .map_boxD {
  background-color: #fff;
  padding: 30px 0;
  margin: 0;
}
/* line 105, ../sass/main.scss */
#main #gotop {
  z-index: 100;
  display: none;
  position: fixed;
  right: 5px;
  bottom: 20px;
  padding: 3px 10px;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  text-align: center;
  line-height: 15px;
}
/* line 119, ../sass/main.scss */
#main #gotop:hover {
  color: #FFF100;
}
/* line 120, ../sass/main.scss */
#main #gotop i {
  color: #F1C049;
  line-height: 10px;
  margin-bottom: 5px;
}
/* line 125, ../sass/main.scss */
#main #gotop p {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 5px;
  font-weight: bold;
}
/* line 132, ../sass/main.scss */
#main .fastbtn {
  bottom: 80px;
  right: 5px;
}
/* line 135, ../sass/main.scss */
#main .fastbtn .btn-large > i {
  font-size: 30px;
  margin-top: 4px;
}
/* line 141, ../sass/main.scss */
#main .fastbtn ul li a > i {
  margin-top: 3px;
}

/* line 1, ../sass/_header.scss */
#header {
  background-color: #cb1c2c;
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  opacity: 0.9;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.10), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}
/* line 2, ../sass/_header.scss */
#header .phone {
  display: none;
}
/* line 4, ../sass/_header.scss */
#header .clearfix {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  /******* TOP上排 *******/
  /******* LOGO和選單 *******/
}
/* line 8, ../sass/_header.scss */
#header .clearfix .logo_top {
  padding: 0 0 5px 0;
}
/* line 11, ../sass/_header.scss */
#header .clearfix li > a {
  color: #fff;
}
/* line 13, ../sass/_header.scss */
#header .clearfix li > a:hover {
  background-color: inherit;
}
/* line 18, ../sass/_header.scss */
#header .clearfix .top_nav {
  float: right;
  z-index: 10;
  position: relative;
}
/* line 26, ../sass/_header.scss */
#header .clearfix .top_nav .top_right ul li .fb_top i {
  font-size: 24px;
  color: #fff;
  margin-right: 5px;
}
/* line 31, ../sass/_header.scss */
#header .clearfix .top_nav .top_right ul li .fb_top img {
  margin-top: -10px;
}
/* line 34, ../sass/_header.scss */
#header .clearfix .top_nav .top_right ul li .line_top img {
  margin-right: 5px;
}
/* line 42, ../sass/_header.scss */
#header .clearfix nav {
  border: none;
  background-color: #fff;
  margin-bottom: 0;
  min-height: inherit;
}
/* line 47, ../sass/_header.scss */
#header .clearfix nav .container-fluid {
  padding: 0;
  margin: 0;
  position: relative;
}
/* line 51, ../sass/_header.scss */
#header .clearfix nav .container-fluid ul {
  bottom: 20px;
  position: absolute;
  right: 0px;
  vertical-align: top;
}
/* line 56, ../sass/_header.scss */
#header .clearfix nav .container-fluid ul li {
  margin-top: 20px;
  border-left: 1px solid #fff;
}

/* line 60, ../sass/_header.scss */
#header .clearfix nav .container-fluid ul li a {
  display: block;
  color: #fff;
  font-size: 20px;
  padding: 0px 15px;
}
/* line 65, ../sass/_header.scss */
#header .clearfix nav .container-fluid ul li a:hover {
  color: #ffe767;
}
/* line 67, ../sass/_header.scss */
#header .clearfix nav .container-fluid ul li i {
  font-size: 26px;
}
/* line 70, ../sass/_header.scss */
#header .clearfix nav .container-fluid ul li .linefb {
  margin-right: 5px;
  vertical-align: bottom;
}
/* line 78, ../sass/_header.scss */
#header .clearfix nav .navbar-header .logo_ss {
  display: none;
}

/* line 1, ../sass/_footer.scss */
#footer {
  height: auto;
  text-align: center;
  background-color: #ddd;
  padding: 15px;
  color: #333;
}
/* line 7, ../sass/_footer.scss */
#footer .add {
  margin-bottom: 15px;
}
/* line 9, ../sass/_footer.scss */
#footer .add li {
  display: inline-block;
  margin: 0 10px;
}
/* line 12, ../sass/_footer.scss */
#footer .add li h1 {
  font-size: 14px;
  margin: 0;
}
/* line 16, ../sass/_footer.scss */
#footer .add li a {
  color: #333;
}

/***************** 視窗變換 ****************/
@media only screen and (max-width: 992px) {
  /* line 3, ../sass/_768.scss */
  #wrapper #header .phone {
    background-color: #FFF;
    display: block;
    padding: 8px;
    top: 0px;
    min-width: 100%;
    text-align: center;
    z-index: 50;
    position: fixed;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.11), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  }
  #wrapper #main { margin-top: 122px;}
  /* line 13, ../sass/_768.scss */
  #wrapper #header .phone .middle {
    border-left: 1px solid #ddd;
    height: 30px;
    margin: 5px 10px 0 5px;
  }
  /* line 18, ../sass/_768.scss */
  #wrapper #header .phone a, #wrapper #header .phone .middle {
    display: inline-block;
    vertical-align: top;
  }
  /* line 22, ../sass/_768.scss */
  #wrapper #header .phone img, #wrapper #header .phone p {
    display: inline-block;
  }
  /* line 23, ../sass/_768.scss */
  #wrapper #header .phone p {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin: 0 5px;
  }
  /* line 30, ../sass/_768.scss */
  #wrapper #header .phone .shop img {
    max-width: 35px;
    min-height: 35px;
  }
  /* line 36, ../sass/_768.scss */
  #wrapper #header .clearfix {
    margin-top: 50px;
    /******* LOGO和選單 *******/
  }
  /* line 38, ../sass/_768.scss */
  #wrapper #header .clearfix .top_nav {
    display: none;
  }
  /* line 39, ../sass/_768.scss */
  #wrapper #header .clearfix .logo_top {
    display: block;
    padding: 0px 10px;
  }
  /* line 44, ../sass/_768.scss */
  #wrapper #header .clearfix button {
    margin: 22px 0 15px 15px;
  }
  /* line 46, ../sass/_768.scss */
  #wrapper #header .clearfix button .icon-bar {
    background-color: #fff;
    height: 3px;
    width: 25px;
  }
  /* line 52, ../sass/_768.scss */
  #wrapper #header .clearfix .logo_top, #wrapper #header .clearfix button {
    display: inline-block;
  }
  /* line 55, ../sass/_768.scss */
  #wrapper #header .clearfix .navbar-offcanvas.navbar-offcanvas-fade.in {
    opacity: 0.92;
  }
  /* line 56, ../sass/_768.scss */
  #wrapper #header .clearfix nav {
    border-radius: 0;
    background-color: #4a0808;
    overflow: inherit;
    max-width: 300px;
    padding: 15px;
  }
  /* line 62, ../sass/_768.scss */
  #wrapper #header .clearfix nav img {
    max-width: 100%;
  }
  /* line 63, ../sass/_768.scss */
  #wrapper #header .clearfix nav .container-fluid {
    padding: 15px;
  }
  /* line 66, ../sass/_768.scss */
  #wrapper #header .clearfix nav .navbar-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #DDEBED;
  }
  /* line 69, ../sass/_768.scss */
  #wrapper #header .clearfix nav .navbar-header .logo_ss {
    display: block;
    text-align: center;
  }
  /* line 74, ../sass/_768.scss */
  #wrapper #header .clearfix nav ul {
    position: inherit;
    right: inherit;
  }
  /* line 77, ../sass/_768.scss */
  #wrapper #header .clearfix nav ul .distance {
    margin-top: 12px;
  }
  /* line 78, ../sass/_768.scss */
  #wrapper #header .clearfix nav ul li {
    margin: 5px 0 5px 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #DDEBED;
    border-left: none;
  }
  /* line 83, ../sass/_768.scss */
  #wrapper #header .clearfix nav ul li a {
    color: #fff;
    padding: 10px 20px;
  }
  /* line 86, ../sass/_768.scss */
  #wrapper #header .clearfix nav ul li a:hover {
    background-color: #a20918;
    color: #fdffa9;
  }
  /* line 98, ../sass/_768.scss */
  #wrapper #main .content_top .upimg {
    display: none;
  }
  /* line 99, ../sass/_768.scss */
  #wrapper #main .content_top .upimg_m {
    display: block;
  }
  /* line 100, ../sass/_768.scss */
  #wrapper #main .content_top .upimg_s {
    display: none;
  }
  /* line 102, ../sass/_768.scss */
  #wrapper #main .content_main {
    width: 90%;
    /******** 線上諮詢 ******/
  }
  /* line 104, ../sass/_768.scss */
  #wrapper #main .content_main .top_text {
    margin: 0 0 40px 0;
  }
  /* line 106, ../sass/_768.scss */
  #wrapper #main .content_main .top_text big {
    font-size: 22px;
    margin: 0 5px;
  }
  /* line 112, ../sass/_768.scss */
  #wrapper #main .content_main .about_box .border {
    margin: 0;
  }
  /* line 114, ../sass/_768.scss */
  #wrapper #main .content_main .about_box .border i {
    font-size: 90px;
    margin-bottom: 8px;
  }
  /* line 118, ../sass/_768.scss */
  #wrapper #main .content_main .about_box .border p {
    font-size: 14px;
  }
  /* line 125, ../sass/_768.scss */
  #wrapper #main .content_main .fill .fillbox ul li {
    padding: 30px;
  }
  /* line 127, ../sass/_768.scss */
  #wrapper #main .content_main .fill .fillbox ul .iconbox .boxall {
    margin: 0 20px;
    display: inline-block;
    text-align: center;
  }
  /* line 131, ../sass/_768.scss */
  #wrapper #main .content_main .fill .fillbox ul .iconbox .boxall i {
    font-size: 70px;
  }
  /* line 132, ../sass/_768.scss */
  #wrapper #main .content_main .fill .fillbox ul .iconbox .boxall p {
    font-size: 16px;
  }
  /* line 144, ../sass/_768.scss */
  #wrapper #main .bgbox .bg_c .container {
    width: 90%;
  }
  /* line 146, ../sass/_768.scss */
  #wrapper #main .bgbox .bg_c .container .fastbox {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  /* line 152, ../sass/_768.scss */
  #wrapper #main .bgbox .bg_c .container .fastbox .texticon a img {
    max-width: 70%;
  }
  /* line 159, ../sass/_768.scss */
  #wrapper #main .bgbox .bg_c .container .fastbox1 .texticon a img {
    max-width: 70%;
  }
  /* line 165, ../sass/_768.scss */
  #wrapper #main .bgbox big {
    font-size: 21px;
  }
  /* line 167, ../sass/_768.scss */
  #wrapper #main .minbox {
    width: 100%;
  }
  /* line 171, ../sass/_768.scss */
  #wrapper #main .minbox .card .jumpup span {
    font-size: 24px;
  }
  /* line 175, ../sass/_768.scss */
  #wrapper #main .car_content {
    width: 90%;
  }
  /* line 178, ../sass/_768.scss */
  #wrapper #main .s_box {
    width: 100%;
  }
  /* line 182, ../sass/_768.scss */
  #wrapper #main .s_box .servicebox .legend span {
    display: block;
  }
  /* line 186, ../sass/_768.scss */
  #wrapper #main .s_box .servicebox .boxup {
    margin-bottom: 20px;
  }
  /* line 190, ../sass/_768.scss */
  #wrapper #main .bg_w .photoall {
    margin-bottom: 0;
    width: 97%;
  }
  /* line 193, ../sass/_768.scss */
  #wrapper #main .bg_w .photoall img {
    margin-bottom: 20px;
  }
  /* line 198, ../sass/_768.scss */
  #wrapper #main .videobox {
    width: 97%;
  }
  /* line 200, ../sass/_768.scss */
  #wrapper #main .videobox .video-container {
    margin-bottom: 15px;
  }
  /* line 204, ../sass/_768.scss */
  #wrapper #main .panelbox {
    width: 95%;
  }
  /* line 206, ../sass/_768.scss */
  #wrapper #main .panelbox .col {
    margin-bottom: 15px;
  }
  /* line 208, ../sass/_768.scss */
  #wrapper #main .map_boxD {
    margin-top: 10px;
  }
  /* line 210, ../sass/_768.scss */
  #wrapper #main .map_boxD .row {
    width: 95%;
  }
}
@media only screen and (max-width: 600px) {
  /* line 2, ../sass/_640.scss */
  #wrapper #header {
    /******** top撥打電話 *******/
  }
  /* line 6, ../sass/_640.scss */
  #wrapper #header .clearfix .logo_top {
    position: absolute;
  }
  /* line 8, ../sass/_640.scss */
  #wrapper #header .clearfix .logo_top img {
  }
  /* line 10, ../sass/_640.scss */
  #wrapper #header .clearfix button {
    margin-top: 20px;
  }
  /* line 13, ../sass/_640.scss */
  #wrapper #header .clearfix nav {
    border-radius: 0;
  }
  /* line 15, ../sass/_640.scss */
  #wrapper #header .clearfix nav .navbar-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #DDEBED;
  }
  /* line 24, ../sass/_640.scss */
  #wrapper #main .content_top .upimg {
    display: none;
  }
  /* line 25, ../sass/_640.scss */
  #wrapper #main .content_top .upimg_m {
    display: none;
  }
  /* line 26, ../sass/_640.scss */
  #wrapper #main .content_top .upimg_s {
    display: block;
  }
  /* line 28, ../sass/_640.scss */
  #wrapper #main .topimg, #wrapper #main .upimg {
    height: 300px;
  }
  /* line 31, ../sass/_640.scss */
  #wrapper #main .topimg .slides .caption, #wrapper #main .upimg .slides .caption {
    margin-top: 70px;
  }
  /* line 33, ../sass/_640.scss */
  #wrapper #main .topimg .slides .caption big, #wrapper #main .upimg .slides .caption big {
    font-size: 28px;
  }
  /* line 34, ../sass/_640.scss */
  #wrapper #main .topimg .slides .caption h5, #wrapper #main .upimg .slides .caption h5 {
    font-size: 18px;
  }
  /* line 40, ../sass/_640.scss */
  #wrapper #main .upimg .slides .caption {
    top: 15%;
  }
  /* line 43, ../sass/_640.scss */
  #wrapper #main .bgbox {
    padding-top: 20px;
  }
  /* line 45, ../sass/_640.scss */
  #wrapper #main .bgbox .container {
    margin-bottom: 0;
  }
  /* line 47, ../sass/_640.scss */
  #wrapper #main .bgbox .texticon i {
    font-size: 50px;
  }
  /* line 49, ../sass/_640.scss */
  #wrapper #main .bgbox big {
    font-size: 18px;
  }
  /* line 50, ../sass/_640.scss */
  #wrapper #main .bgbox .divider {
    display: none;
  }
  /* line 54, ../sass/_640.scss */
  #wrapper #main .car_content {
    top: 0% !important;
    width: 100%;
    min-height: 90%;
    margin-top: 0px;
  }
  /* line 62, ../sass/_640.scss */
  #wrapper #main .min_all .white_box .initiative {
    float: inherit;
    text-align: right;
  }
  /* line 68, ../sass/_640.scss */
  #wrapper #main .min_all .white_box .p_content .imgleft .carousel {
    height: 300px !important;
  }
  /* line 70, ../sass/_640.scss */
  #wrapper #main .min_all .white_box .p_content .right-content {
    margin-top: -40px !important;
  }
}