@charset "UTF-8";
/*
Copyright (c) 2014, no2rab. All rights reserved.
version: 1.0
*/
@import url(iconfont.css);
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(other/flexslider.css);
@import url(other/slidebars.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-size: 100%;*/
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

h2 {
  font-size: 22px;
  font-size: 1.69231rem;
  font-weight: bold; }

html, body {
  color: #231815;
  background-color: #ffffff; }

.header {
  background-color: #dadadc; }

.grd-basicGray, .btn-basic, .blk-service input, .blk-service textarea {
  background: #c9caca;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c9caca 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9caca), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c9caca 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c9caca 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c9caca 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #c9caca 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9caca', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }

html, body {
  font-family: arial, "微軟正黑體", Helvetica, "新細明體";
  font-size: 13px;
  line-height: 1.4; }

input, select, textarea, button {
  font-family: arial, "微軟正黑體", Helvetica, "新細明體";
  box-sizing: border-box; }

a {
  color: #2E91F7;
  text-decoration: none; }
  a:hover {
    color: #CB005C; }

h2 {
  color: #FFF100;
  text-align: center;
  margin-bottom: 1.5em; }
  h2 .page-tit {
    background: #5d345d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #5d345d 0%, #795b72 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d345d), color-stop(100%, #795b72));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5d345d 0%, #795b72 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5d345d 0%, #795b72 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #5d345d 0%, #795b72 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #5d345d 0%, #795b72 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d345d', endColorstr='#795b72',GradientType=0 );
    /* IE6-9 */
    padding: .7rem 1.4rem;
    -webkit-box-shadow: 3px 3px 5px #444;
    -moz-box-shadow: 3px 3px 5px #444;
    box-shadow: 3px 3px 5px #444; }

.wrapper {
  width: 1000px;
  margin: 0 auto; }

#sb-site, .sb-site-container {
  width: 1000px;
  margin: 0 auto; }

.header {
  position: relative; }

.webLogo {
  width: 299px;
  height: 98px; }
  .webLogo a {
    background: url(../img/logo_house.png) no-repeat 0 0;
    display: block;
    height: 100%; }

.search-bar {
  color: #727171;
  position: absolute;
  bottom: .8em;
  right: 2em; }
  .search-bar input {
    color: #727171;
    background-color: transparent;
    border: none;
    width: 11.8em;
    padding: .3em .5em; }
  .search-bar .inp-search {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 66%, #dcdddd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(66%, #ffffff), color-stop(100%, #dcdddd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 66%, #dcdddd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 66%, #dcdddd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 66%, #dcdddd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 66%, #dcdddd 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdddd',GradientType=0 );
    /* IE6-9 */
    -webkit-border-radius: 1em 0 0 1em;
    -moz-border-radius: 1em 0 0 1em;
    border-radius: 1em 0 0 1em;
    display: inline-block;
    padding-left: 1em; }
  .search-bar .btn-search {
    border: none;
    background: url(../img/btn_search.png) no-repeat 0 0;
    width: 1.84rem;
    height: 1.84rem; }
    .search-bar .btn-search:hover {
      cursor: pointer; }

.path {
  font-size: 12px;
  font-size: 0.92308rem; }
  .path a {
    color: #727171;
    margin: 0 .5em 1.5em .5em; }
    .path a:hover {
      color: #2E91F7;
      text-decoration: underline; }
    .path a:first-child {
      margin-left: 0; }
  .path .current {
    font-weight: bold;
    margin: 0 .4em; }

.content {
  padding-top: 3rem; }
  .content .mainCon {
    position: relative;
    margin-left: 180px; }
  .content .sideCon {
    width: 150px;
    float: left;
    margin-right: 2em; }
  .content .path {
    position: absolute;
    top: .6rem;
    left: 0; }

.footer {
  margin-top: 0.5em; }

.copyright {
  background-color: #582E59;
  color: #e1e1e1;
  text-align: center;
  line-height: 1.6;
  padding: .7em 0; }
  .copyright p {
    font-size: 11px;
    font-size: 0.84615rem;
    -webkit-transform: scale(0.9) translate(0px);
    /*12×0.75= 9,translate调整位置，视具体情况*/
    -o-transform: scale(1);
    /*兼容 Opera.ver 12-14*/ }
  .copyright span {
    margin: 0 1em; }
  .copyright a {
    color: #fff; }
    .copyright a:hover {
      color: #FFF100; }

.clearfix, .content, .navMain, .menu-product, .list-covers, .list-aboutPic, .list-prd, .blk-houseInfo ol, .list-partners {
  zoom: 1;
  /* IE6&7 */ }
  .clearfix:before, .content:before, .navMain:before, .menu-product:before, .list-covers:before, .list-aboutPic:before, .list-prd:before, .blk-houseInfo ol:before, .list-partners:before, .clearfix:after, .content:after, .navMain:after, .menu-product:after, .list-covers:after, .list-aboutPic:after, .list-prd:after, .blk-houseInfo ol:after, .list-partners:after {
    content: "";
    display: table; }
  .clearfix:after, .content:after, .navMain:after, .menu-product:after, .list-covers:after, .list-aboutPic:after, .list-prd:after, .blk-houseInfo ol:after, .list-partners:after {
    clear: both; }

.pc-hide {
  display: none; }

.btn-reset, .search-bar .btn-search, .navSub .btn_houseFB {
  display: inline-block;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden; }

.blk-reset, .webLogo a {
  display: block;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden; }

.button-reset {
  background: none;
  border: none; }
  .button-reset:hover {
    cursor: pointer; }

.note {
  font-size: .85rem;
  margin: .3em 0; }

.item-en {
  display: block;
  text-align: center;
  font-size: 8px;
  font-size: 0.61538rem;
  -webkit-transform: scale(0.7) translate(0px);
  /*12×0.75= 9,translate调整位置，视具体情况*/
  -o-transform: scale(1);
  /*兼容 Opera.ver 12-14*/ }

.pages {
  text-align: right; }
  .pages a,
  .pages span {
    color: #231815;
    background-color: #EFEFEF;
    text-align: center;
    display: inline-block;
    margin: 0 .25em;
    width: 1.7em;
    height: 1.7em;
    line-height: 1.7em;
    border: 1px solid #EFEFEF; }
  .pages a:hover {
    border-color: #808080; }
  .pages .current {
    background-color: #EBDBE8;
    border: 1px solid #EBDBE8; }

.navMain {
  background: #9fa0a0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #9fa0a0 0%, #727171 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9fa0a0), color-stop(100%, #727171));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9fa0a0 0%, #727171 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #9fa0a0 0%, #727171 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #9fa0a0 0%, #727171 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #9fa0a0 0%, #727171 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fa0a0', endColorstr='#727171',GradientType=0 );
  /* IE6-9 */
  color: #fff;
  text-align: left;
  padding: .5em 0; }
  .navMain li {
    text-align: center;
    display: inline-block;
    width: 13%; }
  .navMain li + li {
    border-left: 1px solid #BFC0C0; }
  .navMain a {
    font-size: 14px;
    font-size: 1.07692rem;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
    text-decoration: none;
    display: block;
    padding-top: .2em; }
    .navMain a:hover {
      color: #FFF100; }
    .navMain a.current {
      color: #FFF100; }
  .navMain .item-en {
    font-weight: normal;
    display: block;
    font-size: 8px;
    font-size: 0.61538rem;
    -webkit-transform: scale(0.7) translate(0px);
    /*12×0.75= 9,translate调整位置，视具体情况*/
    -o-transform: scale(1);
    /*兼容 Opera.ver 12-14*/ }

.navSub {
  font-size: 13px;
  font-size: 1rem;
  text-align: center;
  padding: .8em 0;
  margin-top: 1.5em; }
  .navSub a {
    color: #000;
    margin: 0 .8em; }
    .navSub a:hover {
      text-decoration: underline; }
  .navSub .btn_houseFB {
    background: url(../img/btn_houseFB.png) no-repeat -5px 0;
    width: 94px;
    height: 31px;
    vertical-align: middle; }

.navSelf {
  position: absolute;
  top: 2.1em;
  right: 1.8em; }
  .navSelf a {
    color: #fff;
    display: block;
    text-align: center;
    padding-top: 3.3em; }
    .navSelf a:hover {
      color: #FFF100; }
  .navSelf li {
    background: url(../img/bg_navself.png) no-repeat 0 0;
    display: inline-block;
    width: 5em; }
    .navSelf li.ite-car {
      background-position: center 0px; }
    .navSelf li.ite-fb {
      background-position: center -100px; }
    .navSelf li.ite-member {
      background-position: center -200px; }
    .navSelf li.ite-contectUs {
      background-position: center -300px; }

.navMobile {
  background-color: #222;
  text-align: left; }
  .navMobile a {
    color: #fff;
    padding: .3em 1em;
    display: block; }
    .navMobile a:hover {
      color: #CB005C; }
  .navMobile li {
    border-bottom: 1px solid #727171; }
  .navMobile .item-en {
    text-align: left;
    margin: 0;
    -webkit-transform: scale(1) translate(0px);
    /*12×0.75= 9,translate调整位置，视具体情况*/
    -o-transform: scale(1);
    /*兼容 Opera.ver 12-14*/ }
  .navMobile .self li {
    background: url(../img/bg_navself.png) no-repeat 0 0;
    /*padding-left: 3em;*/
    padding-top:10px;
    line-height: 2.55; }
    .navMobile .self li.ite-car {
      background-position: 0 0px; }
    .navMobile .self li.ite-fb {
      background-position: 0 -100px; }
    .navMobile .self li.ite-member {
      background-position: 0 -200px; }
    .navMobile .self li.ite-contectUs {
      background-position: 0 -300px; }

.menu-language {
  font-size: 12px;
  font-size: 0.92308rem;
  color: #999;
  position: absolute;
  top: .5em;
  right: 5em; }

.menu-language a {
  color: #999; }
  .menu-language a:hover {
    color: #fff; }

.menu-tit {
  color: #fff;
  text-align: center;
  padding: .3em 0;
  margin-bottom: 1.9rem;
  -webkit-box-shadow: 3px 3px 5px #444;
  -moz-box-shadow: 3px 3px 5px #444;
  box-shadow: 3px 3px 5px #444;
  position: relative;
  z-index: 5; }
  .menu-tit + ul {
    margin-bottom: 2em; }
  .menu-tit p {
    font-size: 1.5em;
    font-weight: bold; }
  .menu-tit span {
    font-weight: normal;
    display: block;
    font-size: 13px;
    font-size: 1rem; }
  .menu-tit a {
    color: #fff;
    display: block;
    height: 100%; }
    .menu-tit a:hover {
      color: #FFF100; }
  .menu-tit.tit-base {
    background: #5d345d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #5d345d 0%, #795b72 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d345d), color-stop(100%, #795b72));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5d345d 0%, #795b72 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5d345d 0%, #795b72 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #5d345d 0%, #795b72 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #5d345d 0%, #795b72 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d345d', endColorstr='#795b72',GradientType=0 );
    /* IE6-9 */
    font-size: 16px;
    font-size: 1.23077rem;
    padding: .7em auto .7em auto; }
  .menu-tit.tit-purple {
    background: #c13662;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c13662 0%, #673a4d 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c13662), color-stop(100%, #673a4d));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c13662 0%, #673a4d 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c13662 0%, #673a4d 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c13662 0%, #673a4d 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #c13662 0%, #673a4d 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c13662', endColorstr='#673a4d',GradientType=0 );
    /* IE6-9 */ }
  .menu-tit.tit-blue {
    background: #089fe5;
    /* Old browsers */
    background: -moz-linear-gradient(top, #089fe5 0%, #4a5188 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #089fe5), color-stop(100%, #4a5188));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #089fe5 0%, #4a5188 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #089fe5 0%, #4a5188 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #089fe5 0%, #4a5188 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #089fe5 0%, #4a5188 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#089fe5', endColorstr='#4a5188',GradientType=0 );
    /* IE6-9 */ }
  .menu-tit.tit-pink {
    background: #eb0083;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eb0083 0%, #940052 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb0083), color-stop(100%, #940052));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eb0083 0%, #940052 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eb0083 0%, #940052 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eb0083 0%, #940052 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #eb0083 0%, #940052 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0083', endColorstr='#940052',GradientType=0 );
    /* IE6-9 */ }

.menu-product {
  font-size: 20px;
  font-size: 1.53846rem;
  line-height: 2.5em; }
  .menu-product li {
    background-repeat: no-repeat;
    background-position: 0 center;
    border-bottom: 1px solid #9c9696; }
  .menu-product li:nth-child(1) {
    background-image: url(../img/ite_1.png); }
  .menu-product li:nth-child(2) {
    background-image: url(../img/ite_2.png); }
  .menu-product li:nth-child(3) {
    background-image: url(../img/ite_3.png); }
  .menu-product li:nth-child(4) {
    background-image: url(../img/ite_4.png); }
  .menu-product li:nth-child(5) {
    background-image: url(../img/ite_5.png); }
  .menu-product li:nth-child(6) {
    background-image: url(../img/ite_6.png); }
  .menu-product li:nth-child(7) {
    background-image: url(../img/ite_7.png); }
  .menu-product li:nth-child(8) {
    background-image: url(../img/ite_8.png); }
  .menu-product li:nth-child(9) {
    background-image: url(../img/ite_9.png); }
  .menu-product li:nth-child(10) {
    background-image: url(../img/ite_10.png); }
  .menu-product li:nth-child(11) {
    background-image: url(../img/ite_11.png); }
  .menu-product li:nth-child(12) {
    background-image: url(../img/ite_12.png); }
  .menu-product a {
    color: #261918;
    display: block;
    padding-left: 2.6em; }
  .menu-product .current {
    color: #CB005C; }

.menu-pageSide {
  background: #727171;
  /* Old browsers */
  background: -moz-linear-gradient(left, #727171 0%, #9fa0a0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #727171), color-stop(100%, #9fa0a0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #727171 0%, #9fa0a0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #727171 0%, #9fa0a0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #727171 0%, #9fa0a0 100%);
  /* IE10+ */
  background: linear-gradient(to right, #727171 0%, #9fa0a0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727171', endColorstr='#9fa0a0',GradientType=1 );
  /* IE6-9 */
  margin-top: -1.9rem;
  padding-top: 1em;
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 20px;
  font-size: 1.53846rem; }
  .menu-pageSide a {
    color: #fff;
    font-weight: bold;
    display: block;
    padding: .5em;
    text-align: center;
    text-justify: inter-ideograph; }
    .menu-pageSide a:hover {
      color: #FFF100; }
  .menu-pageSide .current {
    color: #FFF100; }
  .menu-pageSide li {
    border-bottom: 1px solid #fff; }

.list-covers {
  text-align: center;
  margin-top: 2em; }
  .list-covers li {
    float: left;
    width: 15%;
    height: 150px;
    line-height: 150px;
    margin-right: 2%;
    margin-bottom: 15px;
    overflow: hidden; }
  .list-covers a {
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden; }
  .list-covers img {
    min-width: 100%;
    max-width: 100%; }

.btn-basic {
  color: #000;
  display: inline-block;
  padding: 0.1em 1.5em;
  margin: 0 .2em;
  border: 1px solid #939393; }
  .btn-basic .item-en {
    margin-top: -.4em; }

.btn-cir {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em; }

.btn-shadow {
  -webkit-box-shadow: 0px 3px 2px #ccc;
  -moz-box-shadow: 0px 3px 2px #ccc;
  box-shadow: 0px 3px 2px #ccc; }

.btn-menu {
  color: #fff;
  font-size: 2em;
  text-align: center;
  display: none;
  height: 100%;
  width: 2em;
  line-height: 2.2;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #ffffff; }
  .btn-menu:hover {
    color: #FFF100; }

.btn-addPrd {
  background: #8aba28;
  /* Old browsers */
  background: -moz-linear-gradient(top, #8aba28 0%, #004c21 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8aba28), color-stop(100%, #004c21));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8aba28 0%, #004c21 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8aba28 0%, #004c21 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #8aba28 0%, #004c21 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #8aba28 0%, #004c21 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aba28', endColorstr='#004c21',GradientType=0 );
  /* IE6-9 */
  color: #fff;
  font-size: 1.6rem;
  padding: .5em 1em;
  border: 1px solid #fff;
  text-align: center; }
  .btn-addPrd:hover {
    color: #FFF100; }

.page-enter {
  background: #CCBCCB url(../img/bg_enter.png) no-repeat center 45px;
  color: #582E59;
  text-align: center;
  margin: 5em auto;
  width: 1000px;
  height: 745px;
  position: relative; }
  .page-enter .blk-btn {
    font-size: 1.53em;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 53%; }
    .page-enter .blk-btn .btn-basic {
      color: #582E59;
      width: 5em;
      padding: 0.1em 0; }
      .page-enter .blk-btn .btn-basic:hover {
        color: #000; }
  .page-enter .blk-service {
    font-size: 1.53em;
    margin-bottom: .5em;
    width: 100%;
    position: absolute;
    left: 0;
    top: 75%; }
    .page-enter .blk-service span + span {
      padding-left: 1.4em;
      margin: 0 .5em;
      position: relative; }
      .page-enter .blk-service span + span:after {
        content: "";
        background: url(../img/ico_dot.png) no-repeat 0 0;
        width: 12px;
        height: 11px;
        margin-top: -6px;
        position: absolute;
        top: 50%;
        left: 0px; }
  .page-enter .blk-contcat {
    font-size: 1.07em;
    line-height: 1.5;
    width: 100%;
    position: absolute;
    left: 0;
    top: 87%; }

.page-about {
  font-size: 1.15em; }
  .page-about figure {
    text-align: center; }
  .page-about img {
    margin: 0 auto;
    max-width: 100%; }
  .page-about p + p {
    margin-top: 1em; }
  .page-about .list-history {
    margin: 3em 4em 3em 5em; }
  .page-about .list-aboutPic {
    margin: 3em 4em; }

.list-history li {
  list-style: disc;
  margin: 1em; }

.list-aboutPic li {
  display: block;
  float: left;
  width: 25%; }

.list-aboutPic img {
  display: block;
  margin: 0 auto;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
  overflow: hidden;
  border: 2px solid #C9CACA; }

.blk-aboutBrand {
  margin: 2em 4em; }

.page-product h2 {
  text-align: left; }
  .page-product h2 .page-tit {
    font-size: .85em;
    color: #fff; }

.page-product .list-prdSlide {
  margin-bottom: 5em; }

.page-product .path {
  top: 2.2rem;
  left: 1%; }

.blk-prdCateBan {
  margin: -1.3em 1% 1em 1%; }
  .blk-prdCateBan a {
    display: block;
    line-height: 1; }
  .blk-prdCateBan img {
    max-width: 100%; }

.blk-prdBan {
  margin-bottom: 2em;
  margin-left: 1%;
  margin-right: 1%; }
  .blk-prdBan a {
    display: block;
    line-height: 1; }
  .blk-prdBan img {
    max-width: 100%; }

.list-prdSlide {
  background: #d8cbe4;
  /* Old browsers */
  background: -moz-linear-gradient(left, #d8cbe4 0%, #ffffff 5%, #ffffff 95%, #d8cbe4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d8cbe4), color-stop(5%, #ffffff), color-stop(95%, #ffffff), color-stop(100%, #d8cbe4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #d8cbe4 0%, #ffffff 5%, #ffffff 95%, #d8cbe4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #d8cbe4 0%, #ffffff 5%, #ffffff 95%, #d8cbe4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #d8cbe4 0%, #ffffff 5%, #ffffff 95%, #d8cbe4 100%);
  /* IE10+ */
  background: linear-gradient(to right, #d8cbe4 0%, #ffffff 5%, #ffffff 95%, #d8cbe4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8cbe4', endColorstr='#d8cbe4',GradientType=1 );
  /* IE6-9 */
  display: flex;
  align-items: center;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em; }
  .list-prdSlide .showbox {
    background-color: #582E59;
    overflow: hidden;
    flex: 2 1 auto;
    order: 2; }
  .list-prdSlide .prev, .list-prdSlide .next {
    color: #582E59;
    font-size: 2em;
    width: 1em;
    margin: 0 .4em;
    text-align: center;
    flex: 1 1 auto; }
    .list-prdSlide .prev:hover, .list-prdSlide .next:hover {
      color: #000; }
  .list-prdSlide .prev {
    order: 1; }
  .list-prdSlide .next {
    order: 3; }
  .list-prdSlide ul {
    white-space: nowrap;
    padding: .5em;
    line-height: 0; }
  .list-prdSlide li {
    display: inline-block;
    border: 3px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 .5em; }

.abgne-yahoo-carousel {
  background: #d8cbe4;
  /* Old browsers */
  background: -moz-linear-gradient(left, #d8cbe4 0%, #ffffff 5%, #ffffff 95%, #d8cbe4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d8cbe4), color-stop(5%, #ffffff), color-stop(95%, #ffffff), color-stop(100%, #d8cbe4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #d8cbe4 0%, #ffffff 5%, #ffffff 95%, #d8cbe4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #d8cbe4 0%, #ffffff 5%, #ffffff 95%, #d8cbe4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #d8cbe4 0%, #ffffff 5%, #ffffff 95%, #d8cbe4 100%);
  /* IE10+ */
  background: linear-gradient(to right, #d8cbe4 0%, #ffffff 5%, #ffffff 95%, #d8cbe4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8cbe4', endColorstr='#d8cbe4',GradientType=1 );
  /* IE6-9 */
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  width: 100%;
  padding: 0 35px;
  position: relative;
  margin-bottom: 3em; }
  .abgne-yahoo-carousel .btn a {
    color: #582E59;
    font-size: 2em;
    width: 35px;
    height: 100%;
    text-align: center;
    line-height: 570%;
    position: absolute;
    top: 0px; }
    .abgne-yahoo-carousel .btn a.prev {
      left: 0; }
    .abgne-yahoo-carousel .btn a.next {
      right: 0px; }
  .abgne-yahoo-carousel .frame {
    background-color: #582E59;
    position: relative;
    overflow: hidden;
    /*width: 830px;*/
    /* (li 的寬度 + li 的邊框寬度 * 2 ) * 一次要顯示的數量 + li 的右邊界 * (一次要顯示的數量 - 1) */
    height: 152px; }
  .abgne-yahoo-carousel ul {
    width: 99999px;
    position: absolute;
    top: 10px; }
  .abgne-yahoo-carousel li {
    line-height: 0;
    float: left;
    width: 132px;
    height: 132px;
    line-height: 132px;
    position: relative;
    margin: 0 8px; }
    .abgne-yahoo-carousel li:first-child {
      margin-left: 16px; }
    .abgne-yahoo-carousel li img {
      max-width: 100%;
      border: none;
      display: inline-block;
      vertical-align: middle; }
    .abgne-yahoo-carousel li a {
      background-color: #CCBCCB;
      border: 3px solid #fff;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      height: 100%;
      overflow: hidden; }
    .abgne-yahoo-carousel li .thumb, .abgne-yahoo-carousel li .ovrly, .abgne-yahoo-carousel li h2 {
      position: absolute; }

.list-prd .prd {
  float: left;
  width: 23%;
  margin-right: 1%;
  margin-left: 1%;
  margin-bottom: 2em; }

.list-prd .prd-pic {
  border: 1px solid #727171;
  margin-bottom: 1em;
  position: relative; }
  .list-prd .prd-pic:hover {
    border-color: #CB005C; }
  .list-prd .prd-pic img {
    display: block;
    max-width: 100%; }

.list-prd .prd-info {
  height: 5.6em;
  overflow: hidden; }
  .list-prd .prd-info a {
    color: #727171; }
    .list-prd .prd-info a:hover {
      color: #CB005C; }

.list-prd .prd-new {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  background: #e60012;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e60012 0%, #a20d15 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e60012), color-stop(100%, #a20d15));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e60012 0%, #a20d15 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e60012 0%, #a20d15 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e60012 0%, #a20d15 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e60012 0%, #a20d15 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60012', endColorstr='#a20d15',GradientType=0 );
  /* IE6-9 */
  padding: .2em .5em;
  position: absolute;
  top: 0;
  right: 0; }
  .list-prd .prd-new:before {
    content: "新品"; }

.page-productDetial .path {
  top: -2.4rem; }

.page-productDetial .btn-addPrd {
  width: 100%; }

.blk-prdDetial {
  margin: 3em 0 3em 0;
  overflow: hidden; }

.blk-prdDetial .prd-photo {
  float: left;
  width: 60%;
  padding-right: 2em; }
  .blk-prdDetial .prd-photo .prd-photo-show {
    overflow: hidden;
    text-align: center;
    border: 1px solid #612563;
    margin: 1px;
    height: 400px;
    line-height: 400px; }
    .blk-prdDetial .prd-photo .prd-photo-show img {
      display: inline-block;
      max-width: 100%;
      max-height: 100%;
      vertical-align: middle; }
  .blk-prdDetial .prd-photo .prd-photo-list {
    display: flex;
    margin-top: 1em; }
    .blk-prdDetial .prd-photo .prd-photo-list .item {
      overflow: hidden;
      flex: 0 1 33%;
      margin-right: 1em;
      box-sizing: border-box;
      position: relative; }
      .blk-prdDetial .prd-photo .prd-photo-list .item:nth-child(3) {
        margin-right: 0em; }
      .blk-prdDetial .prd-photo .prd-photo-list .item a {
        display: block;
        border: 1px solid #612563;
        margin: 1px; }
      .blk-prdDetial .prd-photo .prd-photo-list .item img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        max-height: 100%; }

.blk-prdDetial .prd-size {
  float: left;
  width: 40%;
  padding-left: 2em;
  box-sizing: border-box; }

.blk-prdDetial .prd-name {
  font-size: 1.7em;
  font-weight: bold;
  padding: .3em 0;
  margin-bottom: .8em;
  border-bottom: 1px solid #612563; }

.blk-prdDetial .prd-txt {
  font-size: 1.23rem;
  margin-bottom: 2em;
  border: 1px solid #612563;
  padding: .5em; }

.blk-prdDetial .prd-color {
  display: inline-block;
  vertical-align: top;
  margin-left: .5em;
  width: 50%; }
  .blk-prdDetial .prd-color img {
    max-width: 100%;
    display: block; }

.prd-intro {
  font-size: 1.07rem;
  margin-bottom: 2em;
  padding-top: 0em; }
  .prd-intro p + p {
    margin-top: 1em; }

.page-service {
  font-size: 1.15em; }
  .page-service h2 {
    position: relative;
    margin: 2em auto 2.5em auto; }
    .page-service h2:after {
      content: "";
      border-top: 3px solid #9FA0A0;
      width: 100%;
      position: absolute;
      bottom: -1.5em;
      left: 0; }

.blk-service {
  width: 86%;
  margin: 2em auto 0 auto; }
  .blk-service input, .blk-service textarea {
    border: 1px solid #000;
    width: 100%;
    padding: .3em; }

.tab-order {
  border-collapse: collapse;
  border: 1px solid #000;
  width: 100%; }
  .tab-order th {
    background-color: #DDD0DF;
    border: 1px solid #000;
    padding: .3em .5em; }
  .tab-order td {
    padding: .3em .5em;
    border: 1px solid #000; }
  .tab-order .td-num {
    width: 2em; }
  .tab-order .td-count {
    width: 4em; }
  .tab-order .td-btn {
    width: 6em; }
  .tab-order .inp-nums {
    text-align: center; }

.blk-houseInfo {
  font-size: 14px;
  font-size: 1.07692rem;
  text-align: center;
  padding: 1.5em 0; }
  .blk-houseInfo h3 {
    font-size: 20px;
    font-size: 1.53846rem;
    font-weight: bold; }
  .blk-houseInfo .sub-tit {
    font-size: .85em;
    margin-bottom: 1.5rem; }
  .blk-houseInfo ol {
    width: 90%;
    margin: 0 auto; }
  .blk-houseInfo li {
    float: left;
    width: 33%;
    margin-top: .5em;
    text-align: left;
    list-style: disc;
    list-style-position: inside; }
    .blk-houseInfo li:last-child {
      width: 100%;
      margin-left: 1.05em;
      list-style-position: outside; }

.blk-houseMap {
  text-align: center; }
  .blk-houseMap img {
    margin: 0 auto; }

.blk-contact {
  margin-top: 2em; }
  .blk-contact h3 {
    font-size: 1.5em; }
  .blk-contact li {
    padding: .6em 0;
    border-bottom: 1px solid #000; }
  .blk-contact .item-num {
    margin-right: 1em; }
  .blk-contact .item-name {
    font-size: 1.15em;
    display: inline-block;
    width: 9em;
    padding: .3em;
    vertical-align: top; }
  .blk-contact .picNum {
    margin: 0 1em; }
  .blk-contact input, .blk-contact textarea {
    width: 70%; }
  .blk-contact .blk-btn {
    text-align: center;
    padding: 1em 0; }

.list-question {
  margin-bottom: 1.5em; }
  .list-question li {
    padding: .5em 1em;
    border-bottom: 1px solid #9F9FA0; }
  .list-question a {
    color: #000; }
    .list-question a:hover {
      color: #2E91F7; }

.list-question-total {
  padding: 0 1em; }
  .list-question-total span {
    margin-right: 1em; }

.blk-channel {
  padding: 2em 0px; }
  .blk-channel .blk-tit {
    font-size: 1.5em;
    padding: .7em 0;
    text-align: center;
    border-bottom: 3px solid #9FA0A0; }
    .blk-channel .blk-tit img {
      margin: 0 .5em; }

.list-partners {
  margin: 2em 0 1em 0; }
  .list-partners li {
    text-align: center;
    float: left;
    width: 33%;
    height: 8em;
    line-height: 8em;
    margin: 2em 0; }
  .list-partners img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    max-width: 90%;
    max-height: 100%; }

.blk-announcement {
  text-align: center;
  padding: 7em 0; }
  .blk-announcement .tit {
    background: url(../img/ill_service.png) no-repeat center 0;
    font-size: 2em;
    font-weight: bold;
    color: #582E59;
    padding-top: 190px; }

@media screen and (min-width: 1025px) {
  .list-covers li:nth-child(6n) {
    margin-right: 0%; } }

@media screen and (max-width: 1024px) {
  .wrapper, #sb-site, .sb-site-container {
    width: 100%; }
  .pad-hide {
    display: none; }
  .header {
    height: 4.3em; }
    .header .webLogo {
      width: 80%;
      height: 100%; }
      .header .webLogo a {
        background-image: url(../img/bg_logo_m.png);
        background-position: 0 center; }
  .content {
    padding-top: 1rem; }
    .content .mainCon {
      padding: 0 2em;
      margin-left: 0px; }
    .content .sideCon {
      float: none;
      width: 100%;
      padding: 1em 2em; }
    .content .path {
      position: relative;
      margin-bottom: 0em;
      top: 2em; }
  .search-bar, .navMain, .navSelf {
    display: none; }
  .menu-tit p, .menu-tit span {
    display: inline;
    margin: 0 .2em; }
  .menu-tit.tit-base {
    text-align: left;
    background: none;
    box-shadow: none;
    border: 1px solid #582E59; }
    .menu-tit.tit-base a {
      color: #582E59; }
  .menu-product li {
    border-bottom: none;
    float: left;
    width: 25%; }
  .menu-pageSide {
    background: none;
    padding-left: .2em; }
    .menu-pageSide li {
      padding-right: 1em;
      float: left;
      white-space: nowrap;
      position: relative;
      overflow: hidden; }
      .menu-pageSide li:after {
        content: "";
        border-left: 1px solid #727171;
        height: 70%;
        position: absolute;
        top: 15%;
        right: .5em; }
    .menu-pageSide a {
      color: #727171;
      padding: 0; }
      .menu-pageSide a:hover, .menu-pageSide a.current {
        color: #CB005C; }
  .btn-menu {
    display: inline-block; }
  .page-enter {
    background: #CCBCCB url(../img/bg_enter_m.png) no-repeat center 0px;
    background-size: 100% auto;
    width: 100%;
    height: auto;
    margin: 0; }
    .page-enter .blk-btn {
      top: 55%; }
    .page-enter .blk-service {
      top: 77%;
      padding: 0 1em;
      font-size: 1.1em; }
    .page-enter .blk-contcat {
      padding: 0 1em;
      font-size: .85em; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .list-covers li:nth-child(6n) {
    margin-right: 0%; }
  .list-prd .prd {
    width: 31%; } }

@media screen and (max-width: 880px) {
  .pad-hide {
    display: inline; }
  .blk-prdDetial .prd-color {
    width: 100%;
    margin-top: 1em;
    margin-left: 0; } }

@media screen and (max-width: 768px) {
  .copyright > p > span {
    display: block; }
  .menu-tit + ul {
    margin-bottom: 1em; }
  .menu-product li {
    width: 33%; }
  .list-covers li {
    width: 23.5%; }
    .list-covers li:nth-child(4n) {
      margin-right: 0; }
  .list-prd .prd {
    width: 31%; }
  .page-about .list-history {
    margin: 2em 0em 2em 0em; }
  .page-about .list-aboutPic {
    margin: 1em 0em; } }

@media screen and (max-width: 500px) {
  .menu-product li {
    width: 50%; }
  .blk-prdDetial .prd-photo, .blk-prdDetial .prd-size {
    float: none;
    width: 100%;
    padding: 0; } }

@media screen and (max-width: 420px) {
  .page-enter .blk-contcat {
    top: 93%;
    margin-bottom: 2em; }
  .list-covers li {
    width: 49%; }
    .list-covers li:nth-child(2n) {
      margin-right: 0%; }
  .list-prd .prd {
    width: 48%; } }