@charset "UTF-8";
#hideCompare {
  display: none; }

.compare-model {
  position: fixed;
  /*right: -360px;*/
  bottom: 0;
  transition: all 700ms ease 0ms;
  padding: 0.20833vw;
  background-color: #ffffff;
  border: 3px solid #cccccc;
  /*border-Left:none;*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 1000; }
  .compare-model.littleFurtherToTop {
    bottom: 41%; }
  .compare-model .PushOut {
    width: 15px;
    display: inline-block;
    height: 220px;
    /*position: absolute; margin-top: -5px;*/
    background-color: #ffffff;
    top: 0;
    /*left: -30px;*/
    cursor: pointer;
    /*border: 5px solid #cccccc; border-Right:none;*/ }
    .compare-model .PushOut .ctrl {
      line-height: 220px;
      background: url(/Images/Model/Pre.png) no-repeat;
      height: 100%;
      background-position: center;
      background-size: 80%; }
    .compare-model .PushOut > .show {
      background: url(/Images/Model/Next.png) no-repeat;
      background-position: center;
      height: 100%;
      background-size: 80%; }
  .compare-model .compare-model-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: flex-end;
    /*inline-block*/
    /*width: 80%;*/
    -ms-flex-align: end; }
    .compare-model .compare-model-list .compare-model-item {
      display: -webkit-flex;
      display: -ms-flexbox;
      align-items: flex-end;
      -ms-flex-align: end;
      margin: 0 0.5%;
      width: 250px;
      height: 235px;
      float: left;
      text-align: center;
      border-Right: 1px solid #cccccc;
      padding: 1%; }
      .compare-model .compare-model-list .compare-model-item .compareModelItem {
        width: 95%;
        float: left; }
        .compare-model .compare-model-list .compare-model-item .compareModelItem .ImgItem img {
          max-width: 75%; }
        .compare-model .compare-model-list .compare-model-item .compareModelItem span {
          font-size: 0.625vw;
          font-weight: bold;
          width: 100%; }
        .compare-model .compare-model-list .compare-model-item .compareModelItem a {
          color: #999999; }
        .compare-model .compare-model-list .compare-model-item .compareModelItem a:hover {
          color: #FFFFFF; }
      .compare-model .compare-model-list .compare-model-item .clear-all {
        width: 1.04167vw;
        height: 1.04167vw;
        color: #cccccc;
        font-Weight: bold;
        float: right;
        cursor: pointer;
        position: absolute;
        margin-left: 200px;
        top: 5%;
        background: url(/Images/Model/x.png) no-repeat;
        background-position: center;
        background-size: 80%;
        padding: 0.26042vw; }
        .compare-model .compare-model-list .compare-model-item .clear-all span {
          margin-right: 0.52083vw;
          display: none; }
  .compare-model .compare-model-Button {
    /*display: -webkit-box;
  		display: -moz-box;
  		display: -ms-flexbox;
  		display: -webkit-flex;
  		display: flex;*/
    /*align-items: center; 
		-ms-flex-align: center;*/
    width: 160px;
    height: 200px;
    /*-webkit-box-pack: center;
  		-moz-box-pack: center;
  		-ms-flex-pack: center;
  		-webkit-justify-content: center;
  		justify-content: center;*/
    text-align: center;
    position: relative; }
    .compare-model .compare-model-Button .excute {
      width: 100%;
      top: 37%;
      position: absolute; }
      .compare-model .compare-model-Button .excute span {
        cursor: pointer;
        background-color: #555;
        color: #ffffff;
        font-Weight: bold;
        padding: 0.15625vw 0.78125vw;
        font-size: 0.75521vw; }
    .compare-model .compare-model-Button .clear-all {
      color: #555;
      cursor: pointer;
      position: absolute;
      bottom: 0;
      text-align: center;
      width: 100%; }
      .compare-model .compare-model-Button .clear-all span {
        padding: 0.15625vw 0.78125vw;
        font-size: 0.75521vw; }

#basic-modal-content .close {
  margin-top: 1.04167vw; }
  #basic-modal-content .close #btn_msg_close {
    background: #393333;
    color: #fff;
    padding: 5px 20px 5px 20px;
    cursor: pointer; }

/*選取上限視窗*/
#basic-modal-content {
  display: none; }

#simplemodal-overlay {
  background-color: #6a6a6a;
  cursor: pointer; }

#simplemodal-container {
  width: 40%;
  height: 20%;
  /*padding: 30px 50px;*/
  border: solid 3px #393333;
  background-color: #ffffff;
  padding: 0.625vw;
  text-align: center;
  font-weight: bold; }
  #simplemodal-container .simplemodal-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible; }

.simplemodal-data {
  color: #000000;
  font-size: 1.2em; }

.compare-model-Position {
  left: 90%; }

.compare-model-Position-Pull {
  left: 0; }

/*Comparison_Result*/
.title_main {
  margin: 0px 10px 1px 10px; }

.titlename {
  float: left;
  color: #000;
  font-size: 14pt;
  font-weight: bold; }
  .titlename img {
    border-width: 0px; }
  .titlename .resultbold {
    margin-left: 15px;
    color: #B0B0B0;
    font-size: 90%;
    font-weight: normal; }
  .titlename .resultCount {
    /*color: #FF6600; 
				font-weight: bold;*/
    color: #B0B0B0;
    font-size: 90%;
    font-weight: normal; }

.Comparison_Result {
  margin-top: 20px;
  /*圖片*/ }
  .Comparison_Result #thetable {
    border-collapse: collapse; }
    .Comparison_Result #thetable th {
      min-width: 200px; }
      .Comparison_Result #thetable th .addthis_button_email {
        text-decoration: none; }
    .Comparison_Result #thetable th.modelnameArea {
      width: 270px;
      text-align: inherit; }
      .Comparison_Result #thetable th.modelnameArea .delete {
        text-align: left;
        cursor: pointer;
        display: inline-block; }
        .Comparison_Result #thetable th.modelnameArea .delete img {
          border-width: 0px; }
      .Comparison_Result #thetable th.modelnameArea .newModel {
        display: inline-block; }
      .Comparison_Result #thetable th.modelnameArea .oldModel {
        display: none; }
    .Comparison_Result #thetable td.topic {
      font-weight: bold;
      font-size: 15px; }
      .Comparison_Result #thetable td.topic div {
        margin: 0 5%; }
    .Comparison_Result #thetable td.value div {
      width: 220px;
      word-break: break-all;
      padding: 0 5px; }
  .Comparison_Result #btn_print,
  .Comparison_Result #btn_toemail {
    margin: 10%; }
    .Comparison_Result #btn_print span,
    .Comparison_Result #btn_toemail span {
      cursor: pointer;
      background-color: #555;
      color: #ffffff;
      font-Weight: bold;
      padding: 3px 15px; }
  .Comparison_Result .compareItemPic {
    position: relative;
    height: 150px;
    width: 150px;
    margin: auto;
    border-collapse: collapse;
    padding-top: 30px;
    /*padding-bottom:10px;*/ }
    .Comparison_Result .compareItemPic img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      max-height: 100%;
      max-width: 100%;
      /*border: 1px solid Silver;*/
      margin-top: 30px;
      margin-bottom: 10px; }
  .Comparison_Result .modelname {
    /*height: 188px;*/
    width: 100%;
    /*background-image: url("/Images/Comparison/result-bg0.gif");*/
    font-size: 15px;
    line-height: 17px;
    font-weight: bold;
    margin: 0 5px; }
    .Comparison_Result .modelname a {
      color: #2b2b2b;
      font-weight: bold;
      margin: 0px 10px;
      padding-left: 5px;
      text-decoration: none; }
    .Comparison_Result .modelname img {
      max-width: 150px;
      max-height: 150px; }
    .Comparison_Result .modelname .modelName-title {
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 20px; }
  .Comparison_Result .newModel {
    /*取消new model page 背景破圖*/ }

.Msg_area {
  font-size: 110%; }
  .Msg_area .TextBlock {
    text-align: left;
    margin: 2% 0; }
  .Msg_area .CancelBlock {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    width: 20px; }
    .Msg_area .CancelBlock img {
      width: 90%; }
  .Msg_area .LinkBlock {
    margin-top: 10%; }
    .Msg_area .LinkBlock .LinkText {
      border: 1px solid #999;
      cursor: pointer;
      margin: 0 5%;
      padding: 1% 5%; }

@media (min-width: 961px) and (max-width: 1470px) {
  #PageMainContent .compare-model .compare-model-list .compare-model-item {
    width: 152px;
    height: 185px;
    vertical-align: top;
    display: table-cell;
    margin: 0;
    position: relative; }
    #PageMainContent .compare-model .compare-model-list .compare-model-item .compareModelItem {
      margin-top: 35px; }
    #PageMainContent .compare-model .compare-model-list .compare-model-item .clear-all {
      right: 10px;
      top: 1px;
      position: absolute; }
  #PageMainContent .compare-model .compare-model-list .ImgItem img {
    width: 100%; } }

@media screen and (max-width: 960px) {
  .Rwd #PageMainContent .compare-model {
    background: none;
    border: none;
    bottom: 50%;
    z-index: 1001;
    display: block;
    height: initial; }
    .Rwd #PageMainContent .compare-model .PushOut {
      display: none; }
    .Rwd #PageMainContent .compare-model .compare-model-list {
      display: none; }
    .Rwd #PageMainContent .compare-model .compare-model-Button {
      display: block;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      position: relative;
      width: 100px;
      height: initial;
      background-color: #008CD6;
      box-shadow: 3px 2px 8px -1px rgba(0, 0, 0, 0.6);
      text-align: inherit; }
      .Rwd #PageMainContent .compare-model .compare-model-Button .excute {
        position: absolute;
        display: inline-block;
        position: initial;
        height: initial;
        width: 90%;
        text-align: center;
        margin-top: inherit; }
        .Rwd #PageMainContent .compare-model .compare-model-Button .excute span {
          font-size: 12px;
          background: none;
          position: initial;
          top: 6px;
          left: 25px;
          padding: 0; }
    .Rwd #PageMainContent .compare-model .clear-all {
      position: absolute;
      display: inline-block;
      bottom: inherit;
      margin-left: 0;
      width: 15px;
      left: 6px; }
      .Rwd #PageMainContent .compare-model .clear-all span {
        display: none;
        color: #fff; }
        .Rwd #PageMainContent .compare-model .clear-all span.cancel-mobile-icon {
          display: block;
          margin-top: 7px; }
          .Rwd #PageMainContent .compare-model .clear-all span.cancel-mobile-icon img {
            width: 15px; } }

.compare-model {
  background-color: #777; }
  .compare-model .PushOut .ctrl {
    background-color: #777; }
  .compare-model .compare-model-Button .clear-all {
    color: inherit; }

/*# sourceMappingURL=../map/Module/ProductComparison.css.map */