body {
	margin: 0px;
	font-family: Arial, sans-serif;
	font-size: 15px;
}
.warning_msg {
	width: 85%;
	text-align: center;
	color: #F00;
	font-size: 11px;
	height: 23px;
	background-color: #FFFFE6;
	padding-top: 3px;
	border: 1px solid #FF7900;
}
a {
	text-decoration: none;
}
.warning_msg a,
.warning_msg a:link
.warning_msg a:active {
	color: #700;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
  color:#E83A23;
  text-decoration: underline;
}
a,
a:active,
a:link {
	color: #0f5788;
}
span {
	font-weight: bold;
	color: #A22;
}
span.order {
	background-image: url(images/pro_order.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding: 4px 2px 4px 2px;
	margin: 0;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	cursor: pointer;
	width: 49px;
    float:right;
}
span.order:hover {
	padding: 4px 2px 4px 2px;
	background-image: url(images/pro_order.hover.gif);
	font-weight: bold;
}
span.order_w {
	background-image: url(images/pro_order_w.hover.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding: 4px 2px 4px 2px;
	margin: 0;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	cursor: pointer;
	width: 75px;
    float:right;
}
span.order_w:hover {
	padding: 4px 2px 4px 2px;
	background-image: url(images/pro_order_w.hover.gif);
	font-weight: bold;
}
span.order_sfunc {
	background-image: url(images/pro_sfunc_order.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding: 2px 0 0 0;
	display: table;
	width: 200px;
	height: 21px;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	cursor: pointer;
}
span.order_sfunc:hover {
	background-image: url(images/pro_sfunc_order.hover.gif);
	font-weight: bold;
	cursor: pointer;
}
.s1 {
	color: #1552B7;
}
b.pro_1 {
	color: #1552B7;
}
b.pro_2 {
	color: #14A609;
}
b.pro_3 {
	color: #DF2B2E;
}
b.pro_4 {
	color: #71260B;
}
b.pro_5 {
	color: #1552B7;
}
b.pro_6 {
	color: #6500CA;
}
#screen_wide {
	background-image: url(images/body_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 962px;
	margin: 0;
	padding: 0 10px
	color: #000;
}
#top_area {
	background-image: url(images/website_top_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	width: 950px;
	height: 95px;
	padding: 0;
	margin: 0;
	text-align: center;
}
#logo {
	background-image: url(images/nccsoft_logo.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 290px;
	height: 95px;
	float: left;
	padding: 0;
	margin: 0;
}
#jxg_logo {
	background-image: url(images/jxg_logo.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 290px;
	height: 95px;
	float: left;
	padding: 0;
	margin: 0;
}
#kyt_logo {
	background-image: url(images/kyt_logo.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 290px;
	height: 95px;
	float: left;
	padding: 0;
	margin: 0;
}
#clp_logo {
	background-image: url(images/clp_logo.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 290px;
	height: 95px;
	float: left;
	padding: 0;
	margin: 0;
}
#top_contorl {
	width: 660px;
	height: 95px;
	float: right;
	padding: 0;
	margin: 0;
	text-align:right;
}
#top_menu {
	float: right;
	/*width: 746px;*/
	height: 27px;
	margin-top: 3px;
	margin-bottom: 5px;
	padding: 0;
}
#top_menu ul {
	list-style: none;
	padding:0;
	margin:0;
	padding-left: 40px;
}
#top_menu li {
	float: left;
}
#top_menu li a.menu_index {
	display: block;
	width: 73px;
	height: 27px;
	text-align: center;
	padding-top: 7px;
	font-weight: bold;
	margin: 0 2px;
	font-size: 15px;
}

#top_menu li a.menu_index,
#top_menu li a.menu_info,
#top_menu li a.menu_product,
#top_menu li a.menu_download,
#top_menu li a.menu_regist,
#top_menu li a.menu_book,
#top_menu li a.menu_fate,
#top_menu li a.menu_compass {
	display: block;
	width: 73px;
	height: 27px;
	text-align: center;
	padding-top: 7px;
	font-weight: bold;
	margin-right: 2px;
	font-size: 15px;
}
#top_menu li a.menu_jxg,
#top_menu li a.menu_jxg_store1,
#top_menu li a.menu_jxg_store2 {
	display: block;
	width: 57px;
	height: 27px;
	text-align: center;
	padding-top: 7px;
	font-weight: bold;
	margin-right: 2px;
	font-size: 15px;
}
#top_menu li a.menu_index {
	background-image: url(images/topmenu_index.png);
	background-repeat: no-repeat;
	background-position: 0% 1px;
	color: #103c5d;
}
#top_menu li a.menu_info {
	background-image: url(images/topmenu_news.png);
	background-repeat: no-repeat;
	background-position: 0% 1px;
	color: #38701d;
}
#top_menu li a.menu_product {
	background-image: url(images/topmenu_product.png);
	background-repeat: no-repeat;
	background-position: 0% 1px;
	color: #1c6b64;
}
#top_menu li a.menu_download {
	background-image: url(images/topmenu_download.png);
	background-repeat: no-repeat;
	background-position: 0% 1px;
	color: #651919;
}
#top_menu li a.menu_regist {
	background-image: url(images/topmenu_regist.png);
	background-repeat: no-repeat;
	background-position: 0% 1px;
	color: #663b16;
}
#top_menu li a.menu_book {
	background-image: url(images/topmenu_book.png);
	background-repeat: no-repeat;
	background-position: 0% 1px;
	color: #6c5d1a;
}
#top_menu li a.menu_jxg {
	background-image: url(images/topmenu_jxg.png);
	background-repeat: no-repeat;
	background-position: 0% 1px;
	color: #6c5d1a;
}
#top_menu li a.menu_jxg_store1 {
	background-image: url(images/topmenu_jxg_store1.png);
	background-repeat: no-repeat;
	background-position: 0% 1px;
	color: #5b2a5a;
}
#top_menu li a.menu_jxg_store2 {
	background-image: url(images/topmenu_jxg_store2.png);
	background-repeat: no-repeat;
	background-position: 0% 1px;
	color: #35504a;
}
#top_menu li a.menu_fate {
	background-image: url(images/topmenu_fate.png);
	background-repeat: no-repeat;
	background-position: 0% 1px;
	color: #207016;
}
#top_menu li a.menu_compass {
	background-image: url(images/topmenu_download.png);
	background-repeat: no-repeat;
	background-position: 0% 1px;
	color: #651919;
}
#top_menu li a.menu_index:hover {
	background-image: url(images/topmenu_index.hover.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#top_menu li a.menu_info:hover {
	background-image: url(images/topmenu_news.hover.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#top_menu li a.menu_product:hover {
	background-image: url(images/topmenu_product.hover.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#top_menu li a.menu_download:hover {
	background-image: url(images/topmenu_download.hover.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#top_menu li a.menu_regist:hover {
	background-image: url(images/topmenu_regist.hover.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#top_menu li a.menu_book:hover {
	background-image: url(images/topmenu_book.hover.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#top_menu li a.menu_jxg:hover {
	background-image: url(images/topmenu_jxg.hover.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#top_menu li a.menu_jxg_store1:hover {
	background-image: url(images/topmenu_jxg_store1.hover.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#top_menu li a.menu_jxg_store2:hover {
	background-image: url(images/topmenu_jxg_store2.hover.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#top_menu li a.menu_fate:hover {
	background-image: url(images/topmenu_fate.hover.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#top_menu li a.menu_compass:hover {
	background-image: url(images/topmenu_download.hover.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
div#mobile_menu {
	display: none;
}
#space {
	float: left;
	font-size: 12px;
	width: 40px;
	height: 24px;
}
#pro_list {
	float: left;
	text-align: left;
	font-size: 12px;
	height: 24px;
    padding-left:20px;
}
#pro_list ul.pro_view {
	padding: 0;
	text-align: right;
	margin: 0;
}
#pro_list ul.pro_view li {
	float: left;
	width: auto;
	text-align: center;
	list-style: none;
  font-weight: bold;
/*
	height: 21px;
	line-height: 21px;
	width: 100px;
	background: url(images/order_list.selected.png) no-repeat center top;
*/
	padding-top: 0px;
  color: #3F6184;
	margin-right: 2px;
}
#pro_list ul.pro_view li a,
#pro_list ul.pro_view li a:link,
#pro_list ul.pro_view li a:active,
#pro_list ul.pro_view li a:visited {
/*
	background: #e8eef2 url(images/order_list.link.png) no-repeat center top;
	width: 100px;
*/
	background: linear-gradient(to bottom, rgba(237, 249, 253,1) 0%, rgba(215,252,253,1) 40%, rgba(201,226,233,1) 80%, rgba(226,235,241,1) 100%);
	border: 1px solid #9fabb5;
	border-radius:3px;
	border-bottom:0;
	padding: 1px 3px 0px 3px;
  color: #0080FF;
	display: inline-table;
  text-decoration: none;
	line-height: 21px;
}
#pro_list ul.pro_view li a:hover {
/*
	background: url(images/order_list.hover.png) no-repeat center top;
*/
	padding-top: 0px;
  color: #0059b2;
}
#google {
	float: right;
	text-align: center;
	font-size: 12px;
	width: 200px;
	height: 24px;
	margin-right: 5px;
}
#google input.text {
	border: 1px solid #A4B1BC;
	background-image: url(images/google_bgimg.png);
	background-repeat: no-repeat;
	background-position: left -7px;
	width: 133px;
	font-size: 12px;
}
#google input.button {
	width: 52px;
	padding: 3px 5px;
	height: 20px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: 0px solid #FFF;
	background-color: #F7FAFF;
	background-image: url(images/google_search.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
}
#navigation {
	/*width: 450px;*/
    width:auto;
	height: 30px;
	padding-top: 14px;
	font-size: 12px;
	float: left;
	text-align: left;
	text-indent: 10px;
}
#shopping_cart {
	float: left;
	text-align: center;
	font-size: 12px;
	width: 90px;
	margin-top: 14px;
	margin-right: 5px;
}
#select_lang_tw {
	float: right;
	background-image: url(images/select_lang_mirror_tw.png);
	background-repeat: no-repeat;
	background-position: 3px 22px;
  width: auto;
  height: 40px;
  padding: 0;
	margin-right: 0;
}
#select_lang_cn {
	float: right;
	background-image: url(images/select_lang_mirror_cn.png);
	background-repeat: no-repeat;
	background-position: 3px 22px;
  width: auto;
	height: 40px;
  padding: 0;
	margin-right: 0;
}
#select_lang_tw a,
#select_lang_tw a:link,
#select_lang_tw a:visited,
#select_lang_tw a:active,
#select_lang_cn a,
#select_lang_cn a:link,
#select_lang_cn a:visited,
#select_lang_cn a:active {
	background-image: url(images/select_lang.button.png);
	background-repeat: no-repeat;
	background-position: center top;
	color: #133b67;
	display: block;
	width: 89px;
	height: 20px;
	padding: 3px;
	text-align: center;
}
#select_lang_tw a:hover,
#select_lang_cn a:hover {
	background-image: url(images/select_lang.hover.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#main_area {
	margin: 0;
	padding: 0 10px;
}
#site_rights {
/*	float: none;*/
	clear: both;
	width: 950px;
	background-image: url(images/site_rights.png);
	background-repeat: repeat-x;
	background-position: 0% top;
	padding: 15px 0 0 0;
	margin: 0;
	text-align: center;
}
div#screen_wide div#site_rights a.fr_menu {
	display: inline-block;
	margin: 3px 1px;
	padding: 2px;
	width: 10%;
}
#site_rights #map {
	width: 100%;
	padding: 5px;
}
#main_area #main_full {
	text-align: left;
	width: 940px;
	float: right;
	padding: 0px;
	margin: 0;
	vertical-align: top;
	height: auto;
	display: table;
}
#main_area #main {
	text-align: left;
	width: 700px;
	float: right;
	padding: 0 0 0 2px;
	margin: 0;
	height: auto;
	/*display: table;*/
}
#main_area #fullborder {
	float: left;
	width: 1px;
}
#main_area #left_menu {
	/*background-color: #eff4fc;*/
	text-align: left;
	width: 240px;
	float: left;
	padding: 0px;
	margin: 0;
	font-size: 13px;
}
#specialfunc {
	margin: 3px;
	padding: 3px;
}
#specialfunc #version {
	float: left;
	width: 60%;
	text-align: left;
	padding: 10px;
	font-size: 15px;
}
#specialfunc #price {
	float: right;
	width: 25%;
	text-align: left;
	padding: 10px;
	font-size: 15px;
}
#specialfunc #desc {
	text-indent: 30px;
	font-size: 15px;
}
#specialfunc #images {
	width: 100%;
	text-align: center;
	border: 1px solid #6166A7;
	padding: 3px;
	margin: 3px;
	background-color: #FFF;
}
#specialfunc #images_thumbs {
	width: 98%;
	text-align: center;
	border: 1px solid #6166A7;
	padding: 3px;
	margin: 3px;
	background-color: #929BA5;
	display: table;
}
#main_area #main_full h3.head_tit,
#main_area #main_viewall h3.head_tit,
#main_area #main h3.head_tit,
#specialfunc h3.head_tit {
	background: url( images/infos.headtit.png ) no-repeat left bottom;
	font-size: 33px;
	font-family: "Microsoft JhengHei", "Microsoft YaHei", SimHei, Sans-Serif;
	font-weight: lighter;
	padding: 2px;
	margin: 0;
	color: #6166A7;
	vertical-align: middle;
	letter-spacing: 10px;
}

#main_area #main h3,
#main_area #main h4 {
	margin: 0px;
	padding: 2px;
}
#main_area #main p {
/*
	padding: 5px 10px;
	margin: 5px;
*/
/*	text-indent: 30px; */
}

/* product left_menu start*/
#main_area #left_menu #border span.date {
	font-size: 12px !important; /* IE 7.0 */
	font-size: 11px;
}
#main_area #left_menu .border {
	background: url( images/left_menu.info_fld.png ) no-repeat left bottom;
	padding: 0 0 10px 0;
	width: 230px;
}
#main_area #left_menu .border div.title {
	font-weight: lighter;
	font-family: "Microsoft JhengHei", "Microsoft YaHei", SimHei, Sans-Serif;
	background: url( images/left_menu.info_tit.png ) no-repeat left top;
	font-size: 24px;
	padding: 5px 2px;
	color: #1d618f;
	margin: 0;
	word-break: keep-all;
}
#main_area #left_menu .border .border_items {
	background: url( images/left_menu.info_border.fld.png ) no-repeat 1px bottom;
	padding: 3px 3px 5px 3px;
	margin: -3px 9px 0px 4px;
	border: 1px solid #9aaebf;
	text-align: left;
	font-size: 12px;
	line-height: 15px;
}
#main_area #left_menu .border .border_items div.tit {
	background: url( images/left_menu.info_border.tit.png ) no-repeat -3px -3px;
	margin-top: -3px;
	padding-top: 5px;
}
#main_area #left_menu .border .border_items h4 {
	line-height: 21px;
	font-size: 17px !important; /* IE 7.0 */
	font-size: 15px;
	text-align: left;
	padding: 0;
	margin: 0;
}
#main_area #left_menu .border .border_items h4 a {
	font-size: 17px !important; /* IE 7.0 */
	font-size: 15px;
}
#main_area #left_menu .border .border_items h5 {
	line-height: 16px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding: 3px 0 0 0;
	margin: 0;
}
#main_area #left_menu .border .border_items h5 a {
	font-size: 13px;
}
#main_area #left_menu .border .border_items ul.view {
	width: 190px;
	padding: 0;
	margin: 0 0 0 8px;
	height: 21px;
}
#main_area #left_menu .border .border_items ul.view li {
	float: left;
	text-align: center;
	vertical-align: bottom;
	list-style: none;
	height: 16px;
  font-weight: bold;
}
#main_area #left_menu .border .border_items ul.view li a,
#main_area #left_menu .border .border_items ul.view li a:link,
#main_area #left_menu .border .border_items ul.view li a:active,
#main_area #left_menu .border .border_items ul.view li a:visited {
	margin: 0 1px 0 0;
	padding: 2px 3px;
  color: #B94B46;
	border: 1px solid #B94B46;
	background-color: #FFF8E1;
	display: block;
  text-decoration: none;
}
#main_area #left_menu .border .border_items ul.view li a:hover {
  color:#FFF8E1;
	border: 1px solid #B94B46;
	background-color: #ED4874;
}
#main_area #left_menu .border .border_items ul.view li a.selected {
	margin: 0 1px 0 0;
	padding: 2px 3px;
  color:#FFF8E1;
	border: 1px solid #B94B46;
	background-color: #DF5558;
	display: block;
  text-decoration: none;
}
#fbLikeTopButton {
	float: left;
	width: 240px;
}
#left_menu ul.Bookgoods_list {
	margin: 0;
	padding: 0;
}
#left_menu ul.Bookgoods_list li {
	margin: 1px;
	padding: 1px;
	float: left;
	width: 109px;
	font-size: 13px;
	list-style: none;
}
.ssl_secure {
	padding: 10px;
	float: left;
}
div#spec_layout {
	z-index:41;
	position: fixed;
	background: #000;
	opacity: 0.6;
	top: 0;
	left: 0;
}
div#spec_info {
	z-index:42;
	position: fixed;
	background: #222;
	padding: 3px;
	display: table;
}
div#spec_info h2 {
	padding: 0;
	marign: 5px 0;
}
div.specfunc_info {
	background: #FFF;
	background: #1D629A;
}
div#close_spec {
	font-size: 22px;
	font-weight: 300;
	border-radius: 22px;
	width: 35px;
	height: 35px;
	position: fixed;
	z-index: 43;
	background: #000;
	color: #FFF;
	text-align: center;
	-webkit-box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.75);
}
div#close_spec:hover {
	background: #F00;
	cursor: pointer;
}
/* product left_menu end */
font.Discount{
    color:#888888;
    font-size:65%;
}
#Privacy {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    width:auto;
    border-top:1px solid #dedede;
    text-align:start;
    padding:.75rem;
    color:darkslateblue;
    background-color:aliceblue;
    display:table;
    opacity:.8;
}
#Privacy p{
    float:left;
    padding:0;
    margin:0;
    width:86%;
}
#Privacy a{
    text-decoration-line:underline;
}
#Privacy div{
    width:12%;
    float:right;
    padding:.5rem;
}
#Privacy button#notice{
    background-color:midnightblue;
    color:#FFF;
    border-radius:.25rem;
    padding:.5rem .75rem;
    border:1px solid #000;
    cursor:pointer;
}
#Privacy button#notice:hover{
    background-color:#0059b3;
    border:1px solid #888;
    color:#FFF;
    cursor:pointer;
}