@charset "UTF-8";
*, *:before, *:after {
  box-sizing: border-box; }

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: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

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

html {
  font-family: sans-serif;
  line-height: 1;
  font-size: 16px; }

a {
  text-decoration: none; }

.mid-content, .store-content_info2, .logo-block, .bottom-block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

body {
  background: #fff; }

.clear {
  clear: both; }

.clearfix:before, .clearfix:after {
  content: '';
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

/* ie 6/7 */
.relative {
  position: relative; }

.absolute {
  position: absolute; }

body {
  font-size: 16px;
  line-height: 23px;
  font-family: "Open Sans", "Segoe UI", "微軟正黑體", Helvetica, Arial, sans-serif !important; }

footer {
  width: 100%;
  height: 120px; }

.blue {
  color: #00a0e9; }

.main-red {
  color: #b81a35; }

.main-content_store {
  font-size: 14px;
  line-height: 23px;
  color: #2f2f2f;
  font-family: "Open Sans", "Segoe UI", "微軟正黑體", Helvetica, Arial, sans-serif;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  min-width: 960px; }

.main-content_store:after {
  content: " ";
  display: block;
  clear: both; }

.top-block_inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  /*position: relative;*/
  height: 100px;
  padding-left: 5%; }

.top-block_inner:after {
  content: " ";
  display: block;
  clear: both; }

.pd-name {
  font-size: 2.5em;
  line-height: 2em;
  float: left; }

.video-intro_btn {
  position: relative; }

.video-intro_btn a {
  position: absolute;
  top: 30px;
  margin-left: 20px;
  background: #55b72d;
  padding: 4px 7px;
  color: #fff;
  line-height: 13px;
  font-size: 13px;
  border-radius: 5px;
  padding: 0px 28px 0px 10px;
  float: left;
  color: #fff;
  line-height: 25px; }

.video-intro_btn a:hover {
  background: #2e7710; }

.video-intro_btn a:after {
  content: "";
  border-style: solid;
  border-width: 7px 0 7px 13px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  margin-left: 6px;
  top: 6px; }

.store-nav {
  width: 100%; }

.store-nav:after {
  background-color: #b2b2b2;
  content: '';
  height: 1px;
  width: 100%;
  display: block;
  margin-top: -1px; }

.store-nav_inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  z-index: 999;
  padding-left: 5%; }

.store-nav_inner:after {
  content: " ";
  display: block;
  clear: both; }

.store-nav_inner ul li {
  font-size: 1.2em;
  display: inline-block;
  background-color: #00a0e9;
  padding: 10px 35px;
  border-radius: 5px 5px 0px 0px;
  border: 1px solid #00a0e9;
  border-bottom: none;
  margin-right: 5px;
  font-weight: 500; }

.store-nav_inner ul li a {
  color: #fff; }

.store-nav_inner ul li:hover {
  background-color: #0095da; }

.store-nav_inner ul li.active {
  background-color: #fff;
  color: #00a0e9;
  border: 1px solid #b2b2b2;
  border-bottom: 1px solid #fff;
  font-weight: bold; }

.pd-info_block {
  padding: 10px;
  margin-top: 0px;
  margin-bottom: 20px;
  font-weight: 800;
  background: rgba(238, 238, 238, 0.81); }

.pd-info_block h1 {
  font-size: 22px;
  line-height: 25px;
  font-weight: 700;
  vertical-align: baseline;
  color: #b81a35;
  display: block;
  margin-top: 3px;
  position: relative;
  padding-left: 40px; }

.pd-info_block h1 span {
  font-weight: 400; }

.pd-info_block h1 img {
  position: absolute;
  top: 0px;
  left: 10px; }

.item-block .pd-info_block {
  border-top: 1px solid #b2b2b2;
  text-align: left;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 00px;
  font-weight: 800;
  background: #fff; }

.item-block .pd-info_block h1 {
  font-size: 16px;
  line-height: 21px;
  vertical-align: baseline;
  color: #b81a35;
  display: block;
  margin-top: 3px;
  position: relative;
  padding-left: 40px; }

.item-block .pd-info_block h1 img {
  position: absolute;
  top: 0px;
  left: 10px; }

.promotion {
  font-size: 30px;
  line-height: 25px;
  font-weight: 700;
  text-align: center;
  vertical-align: baseline;
  color: #b81a35;
  display: block;
  margin-top: 30px;
  position: relative;
  padding-left: 40px; }

.promotion span {
  font-weight: 400; }

.promotion img {
  margin-right: 5px; }

.mid-content {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  margin: 0em 0 2em 0; }

.mid-content_3col {
  margin: 2em 0em; }

.mid-content_3col .item-block {
  min-height: 520px;
  width: 31%;
  vertical-align: top; }

.mid-content_3col .item-block .product-block_box {
  margin: 10px auto 0px auto;
  display: block; }

.item-block {
  position: relative;
  flex: 1;
  box-shadow: #b2b2b2 0px 0px 12px;
  border: 1px solid #d1d1d0;
  display: inline-block;
  padding: 1%;
  text-align: center;
  margin: 0 1%;
  border-radius: 5px;
  width: 47%; }

.item-block_mark {
  border: 3px solid #b2b2b2; }

.item-block_title {
  font-size: 2em;
  line-height: 1em;
  padding-bottom: 0.5em;
  font-weight: 600; }

.item-block_border {
  border-bottom: 1px solid #b2b2b2; }

.top-content {
  width: 100%; }

.product-block {
  height: auto;
  overflow: hidden; }

.product-block .product-block_box {
  width: 14.58333%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%;
  margin: 30px 10px;
  float: left;
  position: relative;
  min-height: auto; }

.product-block .product-block_right {
  width: 81.25%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%;
  margin-right: 0%;
  float: left; }

.store-content_title {
  font-size: 30px;
  padding-top: 36px;
  margin-bottom: 20px; }

.store-content_slogan {
  font-size: 18px; }

.store-content_info {
  line-height: 20pt;
  font-size: 14px; }

.store-content_info2 {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  margin-bottom: 15px; }

.store-content_info2 .pd-version-title {
  padding: 2px 10px 2px 0px;
  color: #333;
  font-weight: 600; }

.pd-bonus-include_title {
  font-weight: 800; }

.pd-bonus-include_bonus {
  background-color: red;
  font-size: 11px;
  color: #fff;
  padding: 0px 5px; }

.pd-price-block {
  font-size: 26px;
  color: black;
  line-height: 26px;
  margin: 10px auto 0px auto;
  min-height: 70px;
  vertical-align: bottom; }

.pd-price-discount {
  height: 33px; }

.pd-price_full {
  text-decoration: line-through;
  font-size: 16px;
  color: #2f2f2f; }

.pd-full-buy-block, .pd-buy-block {
  line-height: 18px;
  vertical-align: bottom; }

.pd-buy-btn {
  margin-left: 10px;
  font-size: 18px;
  background-color: #ff5a00;
  color: #fff;
  padding: 8px 25px;
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  padding-right: 55px; }

.pd-buy-btn > img {
  position: absolute;
  width: 36px;
  top: 5px;
  right: 12px;
  display: none; }

.pd-meta_block {
  margin: 5px 0;
  font-size: 13px; }

.pd-meta_block .pd-meta_title {
  font-weight: 800; }

.pd-meta_block ul.pd-meta_list {
  margin-left: 38px;
  list-style-image: url(../img/list-style-check-bk.png);
  display: block;
  float: left; }

.pd-meta_block ul.pd-meta_list li {
  font-weight: 400;
  line-height: 22px;
  font-size: 14px; }

.pd-meta_block ul.pd-meta_list li a {
  color: #00a0e9; }

.pd-meta_block .pd-meta_btn {
  float: left;
  border: solid 1px #2f2f2f;
  padding: 0px 10px;
  margin-right: 10px;
  cursor: pointer; }

.pd-meta_block .pd-meta_btn:after {
  content: url(../img/pd-meta_btn_arrow.jpg);
  margin-left: 5px; }

.pd-award_block {
  display: none;
  margin-top: 20px; }

.pd-award_awards {
  float: left; }

.pd-award_awards img {
  vertical-align: middle;
  width: 18%;
  padding: 10px; }

.pd-info-thumbnail-playbtn {
  width: 100%;
  content: url(../img/thumbnail-play-button-145x82.png);
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 1000; }

.pd-info-thumbnail {
  position: relative;
  float: left;
  width: 10.41667%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%;
  cursor: pointer;
  display: inline-block; }

.pd-info-thumbnail:nth-child(8) {
  margin-right: 0%; }

.pd-info-thumbnail p {
  text-align: center;
  margin-bottom: 10px;
  font-weight: normal;
  line-height: 16px;
  font-size: 13px;
  margin-top: 4px; }

.pd-info-thumbnail img {
  margin: 0px auto;
  border: 1px solid #e2e2e2; }

.main-content_store .pd-info-thumbnail:nth-child(even) {
  float: left; }

.main-lightbox {
  width: 940px;
  margin: 0px auto;
  position: relative; }

.main-lightbox .main-lightbox_content_nav {
  position: absolute;
  width: 940px;
  top: 200px; }

.main-lightbox .main-lightbox_content_nav .main-lightbox-arrow {
  opacity: 0.8;
  background-color: rgba(5, 5, 5, 0.6);
  width: 35px;
  height: 35px;
  border-radius: 100%;
  position: relative;
  cursor: pointer; }

.main-lightbox .main-lightbox_content_nav .main-lightbox-arrow:hover {
  background-color: #b3b3b3; }

.main-lightbox .main-lightbox_content_nav .nar-arrow_left {
  position: absolute;
  left: 15px; }

.main-lightbox .main-lightbox_content_nav .nar-arrow_left img {
  margin: 3px 0px 0px 5px; }

.main-lightbox .main-lightbox_content_nav .nar-arrow_right {
  position: absolute;
  right: 15px; }

.main-lightbox .main-lightbox_content_nav .nar-arrow_right img {
  margin: 3px 0px 0px 10px; }

.main-lightbox .main-lightbox_content_wrapper {
  border: solid 1px #b2b2b2;
  margin: 0px auto;
  background-color: #fff;
  width: 940px;
  height: 533px; }

.main-lightbox .main-lightbox_nav {
  border: solid 1px #b2b2b2;
  padding: 10px 12px 0px 12px;
  border-top: none;
  overflow: hidden; }

.main-lightbox .main-lightbox_nav .pd-info-thumbnail-playbtn {
  position: relative; }

.main-lightbox .main-lightbox_nav .pd-info-thumbnail-playbtn :after {
  content: url(../img/thumbnail-play-button-110.png);
  position: absolute;
  top: 0;
  left: 0px; }

.main-lightbox .main-lightbox_nav .pd-info-thumbnail {
  width: 10.41667%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%;
  cursor: pointer;
  display: inline-block; }

.main-lightbox .main-lightbox_nav .pd-info-thumbnail:nth-child(8) {
  margin-right: 0px; }

.main-lightbox .main-lightbox_nav .pd-info-thumbnail p {
  font-size: 11px;
  text-align: center; }

.main-lightbox .main-lightbox_nav .pd-info-thumbnail img {
  margin: 0px auto;
  width: 110px; }

.main-lightbox .main-lightbox_nav .pd-info-thumbnail img.active {
  border: solid 3px #9ee383; }

.quote_text {
  float: left;
  display: inline-block;
  width: 605px; }

.move {
  position: absolute;
  top: 4px;
  animation: move 1.8s infinite linear;
  -webkit-animation: move 1.8s infinite linear;
  -moz-animation: move 1.8s infinite linear; }

.move-n {
  position: absolute;
  top: 4px;
  right: 8px; }

@keyframes move {
  from {
    right: 12px; }
  50% {
    right: 4px; }
  to {
    right: 12px; } }

@-webkit-keyframes move {
  from {
    right: 12px; }
  50% {
    right: 4px; }
  to {
    right: 12px; } }

@-moz-keyframes move {
  from {
    right: 12px; }
  50% {
    right: 4px; }
  to {
    right: 12px; } }

.light-box_content {
  margin: auto;
  width: 100%;
  float: left; }

.light-box_content h1 {
  color: #086cd2;
  font-size: 26px;
  line-height: 68px;
  border-top: solid 1px #cccccc;
  margin-top: 30px; }

.light-box_content h5 {
  color: #086cd2;
  font-size: 1em;
  text-align: center;
  font-weight: 500;
  padding-top: 10px; }

.light-box_block {
  float: left;
  width: 33%;
  padding-right: 1%;
  margin-bottom: 18px; }

.light-box_block h2 {
  color: #000; }

.light-box_block img {
  float: left;
  margin-right: 3%; }

.light-box_block p {
  font-size: 14px;
  line-height: 22px;
  float: left;
  display: block; }

.list-check-box {
  font-size: 15px;
  line-height: 21px;
  font-weight: 600 !important;
  background-image: url(../img/icon-checkbox.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 25px;
  vertical-align: top;
  background-size: 18px;
  margin-bottom: 2px;
  height: 26px; }

.list-check-box p {
  padding-left: 38px;
  font-size: 14px;
  line-height: 18px; }

.light-box_discroption {
  margin: 20px auto; }

.store-video-block {
  margin-bottom: 20px; }

.store-video-block ul li {
  position: relative;
  width: 17.91667%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%; }

.store-video-block ul li img {
  width: 100%; }

.store-video-block ul li p {
  font-size: 13px;
  line-height: 18px;
  margin-top: 5px;
  text-align: center; }

.store-video-block .last-li {
  margin-right: 0px; }

.logo-block {
  margin: 2em 0;
  padding: 1em;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  width: 600px;
  margin: 10px auto 30px auto; }

.logo-block img {
  margin-right: 10px;
  float: left; }

.logo-block .credit-block {
  border: solid 1px #e6e6e6;
  padding: 5px;
  float: left; }

.logo-block .credit-block p {
  float: left;
  transform: scale(1);
  font-size: 9px;
  margin-top: 2px;
  color: #909090; }

.logo-block .credit-block img {
  margin-left: 10;
  height: 30px;
  float: left; }

h1.bottom-block_title {
  text-align: center;
  color: #00a0e9;
  font-size: 2em;
  line-height: 1.5em;
  padding-bottom: 0.5em;
  font-weight: 600; }

.bottom-block {
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  box-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: distribute;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  padding: 20px;
  background-color: #eee;
  border-radius: 10px; 
  height: 105px; }

.bottom-block img {
  flex: 1;
  float: left;
  width: 10%; }

.bottom-block p {
  flex: 9;
  padding-left: 15px;
  line-height: 20px;
  display: inline-block;
  width: 85%; }

.bottom-block p .bottom-block-hightlight {
  color: #086cd2;
  padding-top: 5px;
  font-weight: 400;
  font-style: italic;
  display: block;
  font-size: 20px; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  vertical-align: middle; }

.tips {
  float: right;
  background: #9a0000;
  width: 69px;
  height: 66px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  top: -3px;
  left: 12px;
  position: absolute;
  padding: 15px 5px 10px 5px;
  font-size: 14px; }

.tips:before {
  content: '';
  position: absolute;
  width: 50%;
  height: initial;
  border-style: solid;
  border-width: 20px 40px 0px 0px;
  border-color: #9a0000 transparent transparent transparent;
  display: block;
  bottom: -18px;
  left: 0px; }

.tips:after {
  content: '';
  position: absolute;
  width: 50%;
  height: initial;
  border-style: solid;
  border-width: 0 40px 20px 0;
  border-color: transparent #9a0000 transparent transparent;
  display: block;
  bottom: -18px;
  right: 0px; }