@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;
	font-size: 18px;
}

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; }

body {
  background: #fff; }

.clear {
  clear: both; }

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

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

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

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

.header-p {
  background-color: #000;
  padding: 5px 0px 0px 0px;
  margin-bottom: 20px; }

.header-p .logo-cyberlink {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }

.header-p .logo-cyberlink:after {
  content: " ";
  display: block;
  clear: both; }

.header-p .logo-cyberlink img {
  padding-bottom: 15px; }

.header-p .top-menu {
  background-color: #eaeaea; }

.header-p .top-menu ul {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }

.header-p .top-menu ul:after {
  content: " ";
  display: block;
  clear: both; }

.header-p .top-menu ul .avtive {
  color: #b81a35;
  font-weight: 500;
  font-size: 18px; }

.header-p .top-menu ul li {
  display: inline-block;
  margin-left: 20px;
  padding: 15px 10px; }

.header-p .top-menu ul li a {
  color: #000; }

.header-p .top-menu ul li a:hover {
  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: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px; }

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

.main-content_store .top-content {
  width: 960px; }

.main-content_store .left-content {
  width: 47.91667%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%; }

.main-content_store .left-content .pd-info_box, .main-content_store .left-content .pd-info_wrapper {
  margin: 5px auto 0px auto;
  width: 318px; }

.main-content_store .left-content .pd-info_logos {
  margin: 5px auto 25px auto;
  width: 236px; }

.main-content_store .right-content {
  width: 47.91667%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%; }

.main-content_store .right-content .store-tab {
  width: 100%;
  border-bottom: solid 1px #9ee383; }

.main-content_store .right-content .store-tab ul li {
  display: inline-block;
  background-color: #eee;
  padding: 10px 30px;
  border-radius: 5px 5px 0px 0px;
  cursor: pointer; }

.main-content_store .right-content .store-tab ul li:hover {
  background-color: #e6e6e6; }

.main-content_store .right-content .store-tab ul li.active {
  background-color: #9ee383; }

.main-content_store .right-content .store-content_block {
  margin-top: 30px;
  padding-left: 20px; }

.main-content_store .right-content .store-content_block .timer {
  text-align: center;
  border: solid 1px red;
  padding: 10px;
  margin-bottom: 10px;
  font-weight: 800; }

.main-content_store .right-content .store-content_block .timer h1 {
  font-size: 16px;
  line-height: 25px;
  font-weight: 800;
  vertical-align: baseline;
  color: #b81a35; }

.main-content_store .right-content .store-content_block .timer .end-time {
  font-size: 25px; }

.main-content_store .right-content .store-content_block ul {
  margin: 20px 0px 0px 20px; }

.main-content_store .right-content .store-content_block ul li {
  list-style: disc;
  font-size: 16px; }

.main-content_store .right-content .store-content_header {
  font-size: 26px; }

.main-content_store .right-content .store-content_title {
  font-size: 18px;
  padding-top: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  font-style: italic; }

.main-content_store .right-content .store-content_slogan {
  font-size: 18px; }

.main-content_store .right-content .sales-info, .main-content_store .right-content .pd-feature {
  color: #ff0000;
  border: solid 1px #ff0000;
  display: inline-block;
  padding: 2px 12px;
  margin-bottom: 10px; }

.main-content_store .right-content .pd-feature {
  color: #65af47;
  border-color: #65af47;
  margin-left: 0px; }

.main-content_store .right-content .pd-bonus-include_text {
  font-size: 16px;
  letter-spacing: -0.5px; }

.main-content_store .right-content .pd-bonus-include_title {
  font-weight: 800; }

.main-content_store .right-content .pd-bonus-include_bonus {
  background-color: #b81a35;
  font-size: 11px;
  color: #fff;
  padding: 0px 5px; }

.main-content_store .right-content .pd-price-block {
  padding-left: 20px;
  font-size: 21px;
  color: #015672;
  line-height: 30px;
  margin: 10px auto;
  height: 47px; }

.main-content_store .right-content .pd-price-block .pd-buy-block_logos {
  float: right;
  margin-top: 70px;
  display: none; }

.main-content_store .right-content .pd-price-block .pd-price_full {
  display: inline-block;
  color: #2f2f2f;
  margin: 15px 0 0 10px; }

.main-content_store .right-content .pd-price-block .pd-price {
  display: inline-block;
  font-weight: 500;
  font-size: 32px;
  margin: 5px 0 0 10px; }

.main-content_store .right-content .pd-price-block .pd-prict_note {
  display: inline-block;
  color: #2f2f2f;
  font-weight: 500;
  font-size: 16px;
  padding-left: 5px; }

.main-content_store .right-content .pd-full-buy-block, .main-content_store .right-content .pd-buy-block {
  height: 20px;
  line-height: 20px;
  vertical-align: top;
  padding-top: 10px;
  margin: 40px 0px 0px 20px;
  position: relative; }

.main-content_store .right-content .pd-full-buy-block .pd-buy_meth, .main-content_store .right-content .pd-buy-block .pd-buy_meth {
  font-weight: 800;
  top: 20px;
  position: absolute; }

.main-content_store .right-content .pd-full-buy-block .pd-buy-btn a, .main-content_store .right-content .pd-buy-block .pd-buy-btn a {
	font-size: 20px;
	line-height: 22px;
	background-color: #ff5a00;
	color: #fff;
	padding: 8px 45px;
	display: inline-block;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: -39px;
	right: -38px;
}

.main-content_store .right-content .pd-full-buy-block .pd-buy-block_input, .main-content_store .right-content .pd-buy-block .pd-buy-block_input {
  position: absolute;
  left: 68px;
  top: 20px; }

.main-content_store .right-content .pd-meta_block {
  border-bottom: solid 1px #b2b2b2;
  border-top: solid 1px #b2b2b2;
  padding: 20px 20px 20px 0px;
  margin-top: 25px; }

.main-content_store .right-content .pd-meta_block .pd-meta_title {
  font-weight: 800; }

.main-content_store .right-content .pd-meta_block ul.pd-meta_list {
  margin-left: 20px;
  margin-bottom: 20px;
  list-style-image: url(../img/list-style-check-bk.jpg); }

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

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

.main-content_store .right-content .pd-award_block {
  margin-top: 20px; }

.main-content_store .right-content .pd-award_block .pd-award_awards {
  float: left; }

.main-content_store .right-content .pd-award_block .pd-award_awards img {
  vertical-align: middle;
  width: 18%;
  padding: 10px; }

.pd-info-thumbnail_block {
  margin: 10px 0px 0px 10px; }

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

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

.pd-info-thumbnail {
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 60px;
  padding: 3px;
  margin: 0px 3px 0px 3px;
  text-align: center;
  overflow: hidden; }

.pd-info-thumbnail p {
  text-align: center;
  margin-bottom: 10px; }

.pd-info-thumbnail img {
  margin: 0px auto;
  align: center; }

.pd-info_block {
  margin-top: 20px;
  clear: both; }

.pd-info_block .pd-info_ctn {
  padding: 20px; }

.pd-info_block .pd-info_ctn ul li {
  list-style: square;
  margin-left: 20px; }

.pd-info_block .pd-info_tab {
  border-bottom: solid 1px #afafaf; }

.pd-info_block .pd-info_tab ul li {
  display: inline-block;
  padding: 5px 20px;
  margin: 0px 5px 0px 0px;
  border: solid 1px #afafaf;
  border-bottom: none;
  color: #7c7c7c; }

.pd-info_block .pd-info_tab ul li:hover {
  cursor: pointer;
  color: #2f2f2f; }

.pd-info_block .pd-info_tab ul li a {
  color: #7c7c7c; }

.pd-info_block .pd-info_tab ul li a:hover {
  color: #2f2f2f; }

.pd-info_block .pd-info_tab ul li.active {
  background-color: #c8c8c8;
  color: #000;
  cursor: default; }

.pd-info_block .award-box {
  margin-bottom: 24px;
  overflow: hidden; }

.pd-info_block .award-box .award-medal {
  padding-left: 0px;
  float: left;
  padding-top: 12px; }

.pd-info_block .award-box .award-content {
  width: 90%;
  float: right;
  padding-left: 0px; }

.pd-info_block .award-box .awards-h1 {
  font-size: 18px;
  font-weight: 500;
  color: #686868;
  margin: 0px;
  padding: 0px; }

.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 {
  background-color: #cccccc;
  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_content_wrapper img {
  height: 533px;
  max-width: 940px; }

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

.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-60.png);
  position: absolute;
  top: 0;
  left: 0px; }

.main-lightbox .main-lightbox_nav .pd-info-thumbnail {
  cursor: pointer;
  display: inline-block; }

.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; }

#currency_select {
  float: right;
  margin-top: -20px; }