@charset "UTF-8";
/* CSS Document */
/* CSS Document */
.desktop .main_inner {
  width: 1000px;
  margin: auto;
  height: auto;
  text-align: left; }
  .desktop .main_inner .product_left {
    width: 185px;
    margin-left: 8px;
    float: left;
    margin-bottom: 100px; }
    .desktop .main_inner .product_left .page_title {
      padding-top: 45px;
      margin-bottom: 15px; }
      .desktop .main_inner .product_left .page_title h3 {
        display: inline-block;
        font-size: 38px;
        text-align: left;
        font-family: 微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
        opacity: 0.9;
        vertical-align: middle;
        background: white;
        color: black;
        position: relative;
        text-shadow: 1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff; }
        .desktop .main_inner .product_left .page_title h3::before, .desktop .main_inner .product_left .page_title h3::after {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          pointer-events: none; }
        .desktop .main_inner .product_left .page_title h3::before {
          background: linear-gradient(to right, #C5150F, #F88B00);
          content: '';
          display: block;
          mix-blend-mode: screen; }
        .desktop .main_inner .product_left .page_title h3::after {
          content: "";
          background: #fff;
          color: white;
          mix-blend-mode: multiply; }
    .desktop .main_inner .product_left .product_category {
      width: 185px;
      height: 345px; }
      .desktop .main_inner .product_left .product_category .category_item {
        height: 47px;
        width: 185px;
        border-bottom: 1px solid #EEE;
        margin-bottom: 1px;
        position: relative; }
        .desktop .main_inner .product_left .product_category .category_item a.category_item_first {
          width: 185px;
          height: 47px;
          background: #F6F6F6;
          display: block; }
          .desktop .main_inner .product_left .product_category .category_item a.category_item_first .category_name {
            line-height: 47px;
            font-size: 14px;
            color: #000;
            font-weight: bold;
            padding-left: 12px;
            float: left; }
          .desktop .main_inner .product_left .product_category .category_item a.category_item_first .img {
            background: url(/img/system/www/desktop/xia.png);
            width: 7px;
            height: 13px;
            float: right;
            margin-top: 17px;
            margin-right: 14px; }
        .desktop .main_inner .product_left .product_category .category_item a.category_item_first:hover .category_name {
          color: #F76D00; }
        .desktop .main_inner .product_left .product_category .category_item a.category_item_first:hover .img {
          background: url(/img/system/www/desktop/xia_mo.png); }
        .desktop .main_inner .product_left .product_category .category_item .category_item2_menu {
          position: absolute;
          width: 200px;
          top: 0px;
          left: 185px;
          display: inline-block;
          background: #fff;
          display: none;
          box-shadow: 2px 5px 5px #EEEEEE;
          -webkit-box-shadow: 2px 5px 5px #EEEEEE;
          -moz-box-shadow: 2px 5px 5px #EEEEEE; }
        .desktop .main_inner .product_left .product_category .category_item .category_item2 {
          height: 47px;
          width: 185px;
          position: relative; }
          .desktop .main_inner .product_left .product_category .category_item .category_item2 a.category_item_secend {
            width: 200px;
            height: 47px;
            background: #fff;
            display: block; }
            .desktop .main_inner .product_left .product_category .category_item .category_item2 a.category_item_secend .category_name {
              line-height: 47px;
              font-size: 14px;
              color: #000;
              font-weight: bold;
              padding-left: 12px;
              float: left; }
            .desktop .main_inner .product_left .product_category .category_item .category_item2 a.category_item_secend .img {
              background: url(/img/system/www/desktop/xia.png);
              width: 7px;
              height: 13px;
              float: right;
              margin-top: 17px;
              margin-right: 14px; }
          .desktop .main_inner .product_left .product_category .category_item .category_item2 a.category_item_secend:hover .category_name {
            color: #F76D00; }
          .desktop .main_inner .product_left .product_category .category_item .category_item2 a.category_item_secend:hover .img {
            background: url(/img/system/www/desktop/xia_mo.png); }
          .desktop .main_inner .product_left .product_category .category_item .category_item2 .category_item3_menu {
            position: absolute;
            width: 200px;
            top: 0px;
            left: 200px;
            display: inline-block;
            background: #fff;
            display: none;
            box-shadow: 2px 5px 5px #EEEEEE;
            -webkit-box-shadow: 2px 5px 5px #EEEEEE;
            -moz-box-shadow: 2px 5px 5px #EEEEEE; }
          .desktop .main_inner .product_left .product_category .category_item .category_item2 .category_item3 {
            height: 47px;
            width: 200px;
            position: relative; }
            .desktop .main_inner .product_left .product_category .category_item .category_item2 .category_item3 a.category_item_third {
              width: 200px;
              height: 47px;
              background: #fff;
              display: block; }
              .desktop .main_inner .product_left .product_category .category_item .category_item2 .category_item3 a.category_item_third .category_name {
                line-height: 47px;
                font-size: 14px;
                color: #000;
                font-weight: bold;
                padding-left: 12px;
                float: left; }
              .desktop .main_inner .product_left .product_category .category_item .category_item2 .category_item3 a.category_item_third .img {
                background: url(/img/system/www/desktop/xia.png);
                width: 7px;
                height: 13px;
                float: right;
                margin-top: 17px;
                margin-right: 14px; }
            .desktop .main_inner .product_left .product_category .category_item .category_item2 .category_item3 a.category_item_third:hover .category_name {
              color: #F76D00; }
            .desktop .main_inner .product_left .product_category .category_item .category_item2 .category_item3 a.category_item_third:hover .img {
              background: url(/img/system/www/desktop/xia_mo.png); }
  .desktop .main_inner .product_right {
    float: right;
    width: 790px;
    display: inline-block; }
    .desktop .main_inner .product_right .product_r_top h4 {
      color: #000;
      font-family: 微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
      font-size: 25px;
      padding-bottom: 20px;
      border-bottom: 1px solid #ddd;
      margin-top: 59px;
      margin-bottom: 17px; }
    .desktop .main_inner .product_right .product_r_top .product_banner {
      width: 790px;
      height: 283px; }
    .desktop .main_inner .product_right .page_list2 {
      height: 42px;
      width: 790px;
      border-top: 1px solid #DDDDDD;
      border-bottom: 1px solid #DDDDDD;
      margin-top: 15px; }
      .desktop .main_inner .product_right .page_list2 .total {
        float: left;
        height: 42px;
        line-height: 42px;
        margin-left: 5px; }
        .desktop .main_inner .product_right .page_list2 .total span {
          color: #444444;
          font-size: 13px;
          float: left; }
        .desktop .main_inner .product_right .page_list2 .total span.span2 {
          color: #848484;
          font-size: 13px; }
        .desktop .main_inner .product_right .page_list2 .total img {
          float: left;
          margin: 12px; }
      .desktop .main_inner .product_right .page_list2 .stdPageList {
        text-align: center;
        margin-top: 7px;
        margin-right: 5px;
        float: right; }
      .desktop .main_inner .product_right .page_list2 a {
        font-size: 14px;
        color: #000;
        border: #DDDDDD 1px solid;
        width: 27px;
        height: 27px;
        display: inline-block;
        line-height: 27px;
        margin-left: 12px;
        text-align: center; }
      .desktop .main_inner .product_right .page_list2 a:first-child {
        margin-left: 0px; }
      .desktop .main_inner .product_right .page_list2 a.current {
        color: #fff;
        background-color: #FA8600;
        border: #FA8600 1px solid; }
      .desktop .main_inner .product_right .page_list2 a.next {
        background-image: url(/img/system/www/desktop/nex2.png);
        width: 29px;
        height: 29px;
        border: none;
        line-height: 29px; }
      .desktop .main_inner .product_right .page_list2 a.prev {
        background-image: url(/img/system/www/desktop/pre2.png);
        width: 29px;
        height: 29px;
        border: none;
        line-height: 29px; }
      .desktop .main_inner .product_right .page_list2 a:hover {
        color: #fff;
        background-color: #FA8600;
        border: #FA8600 1px solid; }
      .desktop .main_inner .product_right .page_list2 a.next:hover {
        background-color: none;
        background-image: url(/img/system/www/desktop/nex2_mo.png);
        text-decoration: none;
        border: none; }
      .desktop .main_inner .product_right .page_list2 a.prev:hover {
        background-color: none;
        background-image: url(/img/system/www/desktop/pre2_mo.png);
        text-decoration: none;
        border: none; }

.desktop .product_list {
  width: 790px;
  margin: 0px auto 30px auto;
  display: inline-block; }
  .desktop .product_list a {
    background-image: url(/img/system/www/desktop/pbg2.png);
    width: 252px;
    height: 403px;
    display: block;
    margin-top: 30px;
    margin-right: 16px;
    float: left;
    margin-bottom: 30px; }
    .desktop .product_list a .img {
      width: 252px;
      height: 215px; }
    .desktop .product_list a .product_div {
      height: 85px;
      display: inline-block; }
    .desktop .product_list a .product_title {
      font-size: 15px;
      color: #000;
      font-weight: bold;
      padding: 15px 15px 0px 15px;
      line-height: 20px;
      max-height: 40px;
      overflow: hidden; }
    .desktop .product_list a .product_number {
      color: #444444;
      font-size: 13px;
      padding-left: 15px;
      padding-top: 5px;
      padding-bottom: 10px; }
    .desktop .product_list a .product_detail {
      color: #444444;
      font-size: 13px;
      padding-left: 15px;
      padding-right: 15px; }
      .desktop .product_list a .product_detail p {
        margin-bottom: 5px; }
      .desktop .product_list a .product_detail p span {
        font-weight: bold;
        padding-right: 5px; }
  .desktop .product_list a:nth-child(3n) {
    margin-right: 0px; }
  .desktop .product_list a:hover .product_title {
    color: #F76D00; }

.desktop .page_list {
  width: 790px;
  margin: auto;
  margin-bottom: 151px; }
  .desktop .page_list .stdPageList {
    text-align: center;
    border-top: 1px solid #DDDDDD;
    padding-top: 28px; }
  .desktop .page_list a {
    font-size: 14px;
    color: #000;
    border: #DDDDDD 1px solid;
    width: 36px;
    height: 36px;
    display: inline-block;
    line-height: 36px;
    margin-left: 12px; }
  .desktop .page_list a:first-child {
    margin-left: 0px; }
  .desktop .page_list a.current {
    color: #fff;
    background-color: #FA8600;
    border: #FA8600 1px solid; }
  .desktop .page_list a.next {
    background-image: url(/img/system/www/desktop/nex.png);
    width: 105px;
    height: 38px;
    border: none;
    line-height: 41px; }
  .desktop .page_list a.prev {
    background-image: url(/img/system/www/desktop/pre.png);
    width: 105px;
    height: 38px;
    border: none;
    line-height: 41px; }
  .desktop .page_list a:hover {
    color: #fff;
    background-color: #FA8600;
    border: #FA8600 1px solid; }
  .desktop .page_list a.next:hover {
    background-color: none;
    background-image: url(/img/system/www/desktop/nex_mo.png);
    text-decoration: none;
    border: none; }
  .desktop .page_list a.prev:hover {
    background-color: none;
    background-image: url(/img/system/www/desktop/pre_mo.png);
    text-decoration: none;
    border: none; }

.mobile .product_right {
  width: 690px;
  display: inline-block;
  margin: auto; }
  .mobile .product_right .product_r_top h4 {
    color: #000;
    font-family: 微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
    font-size: 45px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
    margin-top: 45px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 15px; }
  .mobile .product_right .product_r_top .product_banner {
    width: 690px; }
    .mobile .product_right .product_r_top .product_banner img {
      width: 690px; }
  .mobile .product_right .page_list2 {
    width: 690px;
    margin-top: 20px; }
    .mobile .product_right .page_list2 .total {
      height: 75px;
      line-height: 75px;
      padding-left: 5px;
      width: 685px;
      border-top: 1px solid #DDDDDD;
      border-bottom: 1px solid #DDDDDD; }
      .mobile .product_right .page_list2 .total span {
        color: #444444;
        font-size: 25px;
        float: left; }
      .mobile .product_right .page_list2 .total span.span2 {
        color: #848484;
        font-size: 25px; }
      .mobile .product_right .page_list2 .total img {
        float: right;
        margin: 24px; }
    .mobile .product_right .page_list2 .stdPageList {
      text-align: center;
      border-bottom: 1px solid #DDDDDD;
      height: 90px;
      width: 690px;
      display: inline-block; }
    .mobile .product_right .page_list2 a {
      font-size: 20px;
      color: #000;
      border: #DDDDDD 1px solid;
      width: 61px;
      height: 61px;
      display: inline-block;
      line-height: 61px;
      margin-left: 40px;
      text-align: center;
      margin-top: 13px; }
    .mobile .product_right .page_list2 a:first-child {
      margin-left: 0px; }
    .mobile .product_right .page_list2 a.current {
      color: #fff;
      background-color: #FA8600;
      border: #FA8600 1px solid; }
    .mobile .product_right .page_list2 a.next {
      background-image: url(/img/system/www/mobile/nex2.png);
      width: 63px;
      height: 63px;
      border: none;
      line-height: 63px; }
    .mobile .product_right .page_list2 a.prev {
      background-image: url(/img/system/www/mobile/pre2.png);
      width: 63px;
      height: 63px;
      border: none;
      line-height: 63px; }

.mobile .product_list {
  width: 985px;
  margin: 0px auto 60px auto;
  display: inline-block; }
  .mobile .product_list a {
    background-image: url(/img/system/www/mobile/bg3.png);
    width: 332px;
    height: 570px;
    display: block;
    margin-top: 30px;
    margin-right: 25px;
    float: left;
    margin-bottom: 20px;
    text-align: left; }
    .mobile .product_list a .img {
      width: 332px;
      height: 300px; }
    .mobile .product_list a .product_div {
      height: 85px;
      display: inline-block; }
    .mobile .product_list a .product_title {
      font-size: 28px;
      color: #000;
      font-weight: bold;
      padding: 12px 15px 0px 15px;
      line-height: 32px;
      max-height: 90px;
      overflow: hidden; }
    .mobile .product_list a .product_number {
      color: #444444;
      font-size: 23px;
      padding-left: 15px;
      padding-top: 15px;
      padding-bottom: 12px; }
    .mobile .product_list a .product_detail {
      color: #444444;
      font-size: 20px;
      padding-left: 15px;
      padding-right: 15px; }
      .mobile .product_list a .product_detail p {
        margin-bottom: 4px; }
      .mobile .product_list a .product_detail p span {
        font-weight: bold;
        padding-right: 5px; }
  .mobile .product_list a:nth-child(2n) {
    margin-right: 0px; }

.mobile .page_list {
  width: 690px;
  margin: auto; }
  .mobile .page_list .stdPageList {
    text-align: center;
    padding-top: 64px;
    margin-top: 60px;
    border-top: 1px solid #ddd; }
  .mobile .page_list a {
    font-size: 25px;
    color: #000;
    border: #DDDDDD 1px solid;
    width: 61px;
    height: 61px;
    display: inline-block;
    line-height: 61px;
    margin-left: 9px; }
  .mobile .page_list a:first-child {
    margin-left: 0px; }
  .mobile .page_list a.current {
    color: #fff;
    background-color: #FA8600;
    border: #FA8600 1px solid; }
  .mobile .page_list a.next {
    background-image: url(/img/system/www/mobile/nex.png);
    width: 160px;
    height: 63px;
    background-size: cover;
    border: none;
    line-height: 63px; }
  .mobile .page_list a.prev {
    background-image: url(/img/system/www/mobile/pre.png);
    width: 160px;
    height: 63px;
    background-size: cover;
    border: none;
    line-height: 63px; }

.desktop .pro-detail {
  width: 985px;
  margin: 40px auto 0px auto; }

.desktop .pro-detail:after {
  display: block;
  content: '';
  clear: both; }

.desktop .pro-detail .pro-img {
  width: 552px;
  float: left; }

.desktop .pro-detail .pro-img .img-container {
  position: relative;
  width: 550px;
  height: 515px;
  border: 1px solid #eee;
  overflow: hidden; }

.desktop .pro-detail .pro-img .img-container .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 300; }

.desktop .pro-detail .pro-img .img-container .prev {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 31px;
  height: 57px;
  background: url(/img/system/www/desktop/left.png) no-repeat top left;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  visibility: hidden;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -webkit-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -moz-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -ms-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -o-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  z-index: 301; }

.desktop .pro-detail .pro-img .img-container .prev:hover {
  background: url(/img/system/www/desktop/left_mo.png) no-repeat top left; }

.desktop .pro-detail .pro-img .img-container:hover .prev {
  visibility: visible;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: opacity 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out;
  -moz-transition: opacity 300ms ease-out;
  -ms-transition: opacity 300ms ease-out;
  -o-transition: opacity 300ms ease-out; }

.desktop .pro-detail .pro-img .img-container .next {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 31px;
  height: 57px;
  background: url(/img/system/www/desktop/right.png) no-repeat top left;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  visibility: hidden;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -webkit-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -moz-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -ms-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -o-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  z-index: 302; }

.desktop .pro-detail .pro-img .img-container .next:hover {
  background: url(/img/system/www/desktop/right_mo.png) no-repeat top left; }

.desktop .pro-detail .pro-img .img-container:hover .next {
  visibility: visible;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: opacity 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out;
  -moz-transition: opacity 300ms ease-out;
  -ms-transition: opacity 300ms ease-out;
  -o-transition: opacity 300ms ease-out; }

.desktop .pro-detail .pro-img .img-container .img-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  overflow: hidden; }

.desktop .pro-detail .pro-img .img-container .img-wrap a {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 200; }

.desktop .pro-detail .pro-img .img-container .img-wrap a img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 550px;
  max-height: 515px; }

.desktop .pro-detail .pro-img .img-container .img-wrap a.current {
  display: block;
  z-index: 201; }

.desktop .pro-detail .pro-img .img-thumb {
  margin-top: 15px;
  width: 100%; }

.desktop .pro-detail .pro-img .img-thumb:after {
  display: block;
  content: '';
  clear: both; }

.desktop .pro-detail .pro-img .img-thumb .img-thumb-item {
  position: relative;
  margin-right: 4px;
  margin-bottom: 10px;
  width: 98px;
  height: 98px;
  float: left;
  border: 1px solid #DDDDDD;
  cursor: pointer; }

.desktop .pro-detail .pro-img .img-thumb .current {
  border: 1px solid #F8A747; }

.desktop .pro-detail .pro-img .img-thumb .img-thumb-item img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 98px;
  max-height: 98px; }

.desktop .pro-detail .pro-info {
  width: 398px;
  float: right; }

.desktop .pro-detail .pro-info .pro-name {
  margin-bottom: 12px;
  text-align: left;
  line-height: 42px;
  color: #000;
  font-size: 32px; }

.desktop .pro-detail .pro-info .pro-descr {
  margin-bottom: 12px;
  text-align: left;
  line-height: 21px;
  color: #444444;
  font-size: 15px; }

.desktop .pro-detail .pro-info .pro-descr ul, .desktop .pro-detail .pro-info .pro-descr ol {
  padding-left: 18px;
  list-style-position: outside; }

.desktop .pro-detail .pro-info .pro-color {
  margin-bottom: 20px; }

.desktop .pro-detail .pro-info .pro-color .pro-color-title {
  text-align: left;
  line-height: 24px;
  color: #000;
  font-size: 18px; }

.desktop .pro-detail .pro-info .pro-color .pro-color-list:after {
  display: block;
  content: '';
  clear: both; }

.desktop .pro-detail .pro-info .pro-color .pro-color-list .pro-color-item {
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 2px;
  width: 29px;
  height: 29px;
  float: left;
  border: 1px solid #DDD;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

.desktop .pro-detail .pro-info .pro-color .pro-color-list .selected {
  border: 1px solid #000; }

.desktop .pro-detail .pro-info .pro-color .pro-color-list .pro-color-item .pro-color-item-inner {
  width: 29px;
  height: 29px; }

.desktop .pro-detail .pro-info .pro-install {
  padding-top: 28px;
  border-top: 1px solid #DDDDDD; }

.desktop .pro-detail .pro-info .pro-install .pro-install-list .pro-install-item {
  margin-bottom: 20px;
  cursor: pointer; }

.desktop .pro-detail .pro-info .pro-install .pro-install-list .pro-install-item:after {
  display: block;
  content: '';
  clear: both; }

.desktop .pro-detail .pro-info .pro-install .pro-install-list .pro-install-item .pro-install-ck {
  width: 16px;
  height: 17px;
  float: left;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background: url(/img/system/www/p/products/desktop/ck.png) no-repeat top left; }

.desktop .pro-detail .pro-info .pro-install .pro-install-list .pro-install-item .selected {
  background: url(/img/system/www/p/products/desktop/ck_selected.png) no-repeat top left; }

.desktop .pro-detail .pro-info .pro-install .pro-install-list .pro-install-item .pro-install-detail {
  width: 450px;
  float: right; }

.desktop .pro-detail .pro-info .pro-install .pro-install-list .pro-install-item .pro-install-detail .pro-install-name {
  text-align: left;
  line-height: 17px;
  color: #000;
  font-size: 14px; }

.desktop .pro-detail .pro-info .pro-install .pro-install-list .pro-install-item .pro-install-detail .pro-install-info {
  text-align: left;
  line-height: 17px;
  color: #444444;
  font-size: 13px; }

.desktop .pro-detail .pro-info .price {
  margin-bottom: 10px;
  padding-top: 30px; }
  .desktop .pro-detail .pro-info .price .price_content {
    float: left;
    text-align: left;
    margin-top: 25px; }
    .desktop .pro-detail .pro-info .price .price_content p {
      font-weight: bold;
      font-size: 15px;
      color: #000;
      width: 250px; }
    .desktop .pro-detail .pro-info .price .price_content p.p1 {
      font-weight: normal;
      font-size: 14px;
      color: #444444;
      margin-bottom: 19px; }

.desktop .pro-detail .pro-info .price:after {
  display: block;
  content: '';
  clear: both; }

.desktop .pro-detail .pro-info .add-to-cart {
  background: url(/img/system/www/desktop/addcart.png);
  width: 212px;
  height: 51px;
  display: block;
  margin-top: 50px; }

.desktop .pro-detail .pro-info .share {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #DDDDDD; }
  .desktop .pro-detail .pro-info .share span {
    font-size: 15px;
    color: #444444;
    font-weight: bold;
    float: left; }
  .desktop .pro-detail .pro-info .share .share_a {
    width: 21px;
    height: 21px;
    display: block;
    float: left;
    margin-left: 15px;
    cursor: pointer; }
  .desktop .pro-detail .pro-info .share .fb {
    background: url(/img/system/www/desktop/f.png); }
  .desktop .pro-detail .pro-info .share .fw {
    background: url(/img/system/www/desktop/w.png); }
    .desktop .pro-detail .pro-info .share .fw .twitter-share-button {
      opacity: 0;
      width: 21px !important;
      height: 21px !important; }
    .desktop .pro-detail .pro-info .share .fw .btn {
      width: 21px;
      height: 21px; }
  .desktop .pro-detail .pro-info .share .gg {
    background: url(/img/system/www/desktop/g.png); }
    .desktop .pro-detail .pro-info .share .gg #___plus_0 {
      width: 21px !important;
      height: 21px !important; }
    .desktop .pro-detail .pro-info .share .gg iframe {
      opacity: 0; }
  .desktop .pro-detail .pro-info .share .in {
    background: url(/img/system/www/desktop/in.png); }
    .desktop .pro-detail .pro-info .share .in span {
      opacity: 0; }
  .desktop .pro-detail .pro-info .share .pt {
    background: url(/img/system/www/desktop/p.png); }

.desktop .pro-detail .pro-info .add-to-cart:hover {
  background: url(/img/system/www/desktop/addcart_mo.png); }

.desktop .pro-detail .pro-info .price .price-label {
  width: 398px;
  float: left;
  text-align: left;
  color: #000;
  font-size: 25px;
  font-weight: bold;
  font-family: 微軟正黑體,新細明體,Arial, Helvetica, sans-serif; }

.desktop .pro-detail .pro-info .price .price-num {
  width: 398px;
  float: left;
  text-align: left;
  color: #444444;
  font-size: 16px;
  margin-top: 10px;
  font-family: 微軟正黑體,新細明體,Arial, Helvetica, sans-serif; }

.gc-bubbleDefault {
  opacity: 0; }

.desktop .product_video {
  width: 100%;
  height: 663px;
  background-color: #F5F5F5;
  margin-top: 100px;
  min-width: 1000px; }
  .desktop .product_video .video_div {
    width: 883px;
    margin: auto; }
    .desktop .product_video .video_div .title {
      padding-top: 55px;
      color: #000;
      font-size: 32px;
      text-align: center; }
    .desktop .product_video .video_div .content {
      color: #444444;
      font-size: 15px;
      text-align: center;
      margin-top: 5px;
      line-height: 20px; }
    .desktop .product_video .video_div .video {
      margin: 35px auto 0 auto; }

.desktop .recommend {
  width: 100%;
  min-width: 1000px; }
  .desktop .recommend .recommend_div {
    width: 985px;
    margin: auto; }
    .desktop .recommend .recommend_div .title {
      font-size: 38px;
      padding-top: 65px;
      text-align: center;
      background: white;
      color: black;
      position: relative;
      text-shadow: 1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff;
      margin-bottom: 30px; }
      .desktop .recommend .recommend_div .title::before, .desktop .recommend .recommend_div .title::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none; }
      .desktop .recommend .recommend_div .title::before {
        background: linear-gradient(to right, #C5150F, #F88B00);
        content: '';
        display: block;
        mix-blend-mode: screen; }
      .desktop .recommend .recommend_div .title::after {
        content: "";
        background: #fff;
        color: white;
        mix-blend-mode: multiply; }

.desktop .detail .product_list {
  width: 985px;
  margin: 0px auto 80px auto;
  display: inline-block; }
  .desktop .detail .product_list a {
    background-image: url(/img/system/www/desktop/pbg.png);
    width: 230px;
    height: 403px;
    display: block;
    margin-top: 30px;
    margin-right: 20px;
    float: left;
    margin-bottom: 30px;
    text-align: left; }
    .desktop .detail .product_list a .img {
      width: 230px;
      height: 215px; }
    .desktop .detail .product_list a .product_div {
      height: 85px;
      display: inline-block; }
    .desktop .detail .product_list a .product_title {
      font-size: 15px;
      color: #000;
      font-weight: bold;
      padding: 20px 15px 0px 15px;
      line-height: 20px;
      max-height: 40px;
      overflow: hidden; }
    .desktop .detail .product_list a .product_number {
      color: #444444;
      font-size: 13px;
      padding-left: 15px;
      padding-top: 5px;
      padding-bottom: 10px; }
    .desktop .detail .product_list a .product_detail {
      color: #444444;
      font-size: 13px;
      padding-left: 15px;
      padding-right: 15px; }
      .desktop .detail .product_list a .product_detail p {
        margin-bottom: 5px; }
      .desktop .detail .product_list a .product_detail p span {
        font-weight: bold;
        padding-right: 5px; }
  .desktop .detail .product_list a:nth-child(4n) {
    margin-right: 0px; }
  .desktop .detail .product_list a:hover .product_title {
    color: #F76D00; }

.mobile .content-inner .main .pro-detail .pro-img {
  width: 687px;
  display: block;
  margin: auto; }

.mobile .content-inner .main .pro-detail .pro-img .img-container {
  position: relative;
  width: 687px;
  height: 644px;
  margin: auto;
  overflow: hidden; }

.mobile .content-inner .main .pro-detail .pro-img .img-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  overflow: hidden; }

.mobile .content-inner .main .pro-detail .pro-img .img-wrap a {
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 200;
  height: 644px;
  display: block !important;
  position: relative; }

.mobile .content-inner .main .pro-detail .pro-img .img-wrap a.current {
  display: block;
  z-index: 201; }

.mobile .content-inner .main .pro-detail .pro-img .img-wrap a img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 687px;
  max-height: 644px;
  width: auto;
  height: auto; }

.mobile .content-inner .main .pro-detail .pro-img .img-container .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 300; }

.mobile .content-inner .main .pro-detail .pro-img .img-wrap .owl-prev {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 60px;
  height: 100px;
  background: url(/img/system/www/mobile/left.png) no-repeat center center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -webkit-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -moz-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -ms-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -o-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  z-index: 301; }

.mobile .content-inner .main .pro-detail .pro-img .img-wrap .owl-next {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 60px;
  height: 100px;
  background: url(/img/system/www/mobile/right.png) no-repeat center center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -webkit-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -moz-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -ms-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  -o-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
  z-index: 302; }

.mobile .content-inner .main .pro-detail .pro-img .img-thumb {
  margin-top: 18px; }

.mobile .content-inner .main .pro-detail .pro-img .img-thumb .img-thumb-item {
  position: relative;
  margin-right: 17px;
  margin-bottom: 10px;
  width: 121px;
  height: 121px;
  float: left;
  border: 1px solid #BBBBBB;
  cursor: pointer; }

.mobile .content-inner .main .pro-detail .pro-img .img-thumb .current {
  border: 1px solid #F8A747; }

.mobile .content-inner .main .pro-detail .pro-img .img-thumb:after {
  display: block;
  content: '';
  clear: both; }

.mobile .content-inner .main .pro-detail .pro-img .img-thumb .img-thumb-item img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 58px;
  max-height: 58px; }

.mobile .content-inner .main .pro-detail .pro-img .news-content {
  font-size: 28px;
  margin-top: 40px;
  text-align: left;
  margin-bottom: 110px; }

.mobile .content-inner .main .pro-detail .pro-info {
  width: 690px;
  margin: 70px auto 0px auto; }
  .mobile .content-inner .main .pro-detail .pro-info .price-label {
    color: #000000;
    text-align: left;
    font-size: 35px;
    font-weight: bold;
    font-family: 微軟正黑體,新細明體,Arial, Helvetica, sans-serif; }
  .mobile .content-inner .main .pro-detail .pro-info .price-num {
    font-size: 28px;
    color: #444444;
    font-weight: bold;
    font-family: 微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
    text-align: left;
    margin-top: 10px; }
  .mobile .content-inner .main .pro-detail .pro-info .price_content {
    margin-top: 50px;
    font-family: 微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
    text-align: left; }
    .mobile .content-inner .main .pro-detail .pro-info .price_content .p {
      color: #000;
      font-size: 28px;
      margin-bottom: 20px;
      display: inline-block; }
      .mobile .content-inner .main .pro-detail .pro-info .price_content .p span {
        color: #444444;
        float: left;
        width: 485px; }
      .mobile .content-inner .main .pro-detail .pro-info .price_content .p span.p1 {
        width: 175px;
        display: inline-block;
        color: #000;
        font-weight: bold;
        float: left; }

.mobile .add-to-cart {
  background: url(/img/system/www/mobile/addcart.png);
  width: 690px;
  height: 80px;
  display: block;
  margin-top: 65px;
  margin-bottom: 65px; }

.mobile .share {
  width: 690px;
  border-top: 2px solid #DDDDDD;
  height: 128px; }
  .mobile .share span {
    color: #444444;
    font-size: 28px;
    float: left;
    line-height: 128px;
    font-weight: bold;
    font-family: 微軟正黑體,新細明體,Arial, Helvetica, sans-serif; }
  .mobile .share .share_a {
    width: 48px;
    height: 47px;
    display: block;
    float: left;
    margin-left: 55px;
    margin-top: 40px; }
  .mobile .share .share_a.fb {
    background: url(/img/system/www/mobile/f.png); }
  .mobile .share .share_a.fw {
    background: url(/img/system/www/mobile/w.png); }
    .mobile .share .share_a.fw .twitter-share-button {
      opacity: 0;
      width: 48px !important;
      height: 47px !important; }
    .mobile .share .share_a.fw .btn-o, .mobile .share .share_a.fw .count-o, .mobile .share .share_a.fw .btn {
      width: 48px !important;
      height: 47px !important; }
  .mobile .share .share_a.gg {
    background: url(/img/system/www/mobile/g.png); }
    .mobile .share .share_a.gg #___plus_1 {
      width: 48px !important;
      height: 47px !important;
      opacity: 0; }
    .mobile .share .share_a.gg .gc-bubbleDefault {
      opacity: 0; }
    .mobile .share .share_a.gg iframe {
      opacity: 0; }
  .mobile .share .share_a.in {
    background: url(/img/system/www/mobile/in.png); }
    .mobile .share .share_a.in span {
      opacity: 0; }
  .mobile .share .share_a.pt {
    background: url(/img/system/www/mobile/p.png); }

.mobile .product_video {
  width: 750px;
  height: 847px;
  background: url(/img/system/www/mobile/bg2.png); }
  .mobile .product_video .video_div {
    width: 690px;
    margin: auto;
    display: inline-block; }
    .mobile .product_video .video_div .title {
      color: #000000;
      font-size: 38px;
      margin-top: 72px; }
    .mobile .product_video .video_div .contents {
      font-size: 28px;
      color: #444444;
      margin-top: 20px;
      line-height: 35px;
      width: 690px; }
    .mobile .product_video .video_div .video {
      margin-top: 50px; }

.mobile .detail .product_list {
  width: 690px;
  margin: 0px auto 60px auto;
  display: inline-block; }
  .mobile .detail .product_list a {
    background-image: url(/img/system/www/mobile/bg3.png);
    width: 332px;
    height: 570px;
    display: block;
    margin-top: 30px;
    margin-right: 25px;
    float: left;
    margin-bottom: 20px; }
    .mobile .detail .product_list a .img {
      width: 332px;
      height: 300px; }
    .mobile .detail .product_list a .product_div {
      height: 85px;
      display: inline-block; }
    .mobile .detail .product_list a .product_title {
      font-size: 28px;
      color: #000;
      font-weight: bold;
      padding: 20px 15px 0px 15px;
      line-height: 32px;
      max-height: 86px;
      overflow: hidden; }
    .mobile .detail .product_list a .product_number {
      color: #444444;
      font-size: 23px;
      padding-left: 15px;
      padding-top: 15px;
      padding-bottom: 15px; }
    .mobile .detail .product_list a .product_detail {
      color: #444444;
      font-size: 20px;
      padding-left: 15px;
      padding-right: 15px; }
      .mobile .detail .product_list a .product_detail p {
        margin-bottom: 8px; }
      .mobile .detail .product_list a .product_detail p span {
        font-weight: bold;
        padding-right: 5px; }
  .mobile .detail .product_list a:nth-child(2n) {
    margin-right: 0px; }

.mobile .recommend .title {
  background: white;
  color: black;
  position: relative;
  text-shadow: 1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff;
  font-size: 45px;
  margin-top: 100px; }
  .mobile .recommend .title::before, .mobile .recommend .title::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none; }
  .mobile .recommend .title::before {
    background: linear-gradient(to right, #C5150F, #F88B00);
    content: '';
    display: block;
    mix-blend-mode: screen; }
  .mobile .recommend .title::after {
    content: "";
    background: #fff;
    color: white;
    mix-blend-mode: multiply; }

/*# sourceMappingURL=products.css.map */