@import url(https://fonts.googleapis.com/css?family=Bentham);
@import url(reset.css);

@import url(bootstrap.min.css);
@import url(bootstrap-responsive.min.css);
@import url(pop.css);

.clearfix { clear:both;}
.left_aside h3, .right_aside h3, div.top_content h3 { margin:0;}
.registry_login { width: 300px; margin: auto;}
html {
	font-size: 12px;
	line-height: 1.7em;
	font: Arial, Helvetica, sans-serif;
}
header, footer, article#body {
	margin: auto;
}
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #C12D33;
}

header {
	height: 160px;
	background: url(../img/header_bg.gif) repeat-x left bottom;
}
header div.header {
	height: 180px;
	width: 980px;
	margin: auto;
	position: relative;
}
textarea {
	height: auto;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	background: #ffffff;
	border: 1px solid #d5d5d5;
	
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
}
footer {
	text-align: center;
	line-height: 20px;
	color: #999;
	clear: both;
	padding: 20px 0;
}
.pull-left { float: left;}
.pull-right { float: right;}
div.logo, div.slogan { position: absolute;}
.logo {
	font-family: 'Bentham', serif;
	font-size: 72px;
	color: #C1272D;
	text-shadow: -1px -1px 0px #FF99FF, 1px 1px 1px #240000;
	top: 5px;
	line-height: 0.5em;
}
.logo span {
	font-family: 'Bentham', serif;
	font-size: 28px;
	display: block;
	color: #666;
	text-shadow: 1px 1px 1px #666;
	line-height: 2.5em;
}
div.slogan {
	font-size: 18px;
	color: #666;
	top: 25px;
	left: 100px;
}
.topMenu {
	position: absolute;
	float: right;
	top: 10px;
	right: 10px;
}

.hours {
    color: #666666;
    float: left;
    left: 300px;
    line-height: 1.3em;
    position: absolute;
    text-align: left;
    top: 25px;
}
.search {
	position: absolute;
	float: right;
	top: 58px;
	right: 0;
}
#search-form {
	position: relative;
	/*width: 138px;*/
	margin-top: 2px;
}
form#search-form {
	margin: 0 10px 7px 20px;
}
form#search-form span#smsg { display: block; height:20px; font-size: 12px;}
#search-form input[type="text"] {
	background: url("../img/search-submit.png") #FFF 100% 0 no-repeat;
	width: 55px;
	font-size: 11px;
	padding: 5px 34px 5px 9px;
	margin: 0;
	box-shadow: 0 1px 2px #E3E3E3;
}
#search-form input[type="submit"] {
	width: 30px;
	height: 30px;
	position: absolute;
	cursor: pointer;
	background: none;
	border: none;
	text-indent: -999px;
	overflow: hidden;
	top: 0;
	right: 0;
}


menu {
	position: absolute;
	top: 100px;
	font-size: 1.3em;
	color: #FFF;
}
menu a {
	color: #FFF;
	text-decoration: none;
}
menu>ul>li {
	float: left;
	margin-right: 5px;
	padding: 6px 10px 5px;
	line-height: 1em;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	
	background: #f4d7d7;
	background: -moz-linear-gradient(top,  #f4d7d7 0%, #b25c5c 5%, #8e2224 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4d7d7), color-stop(5%,#b25c5c), color-stop(100%,#8e2224));
	background: -webkit-linear-gradient(top,  #f4d7d7 0%,#b25c5c 5%,#8e2224 100%);
	background: -o-linear-gradient(top,  #f4d7d7 0%,#b25c5c 5%,#8e2224 100%);
	background: -ms-linear-gradient(top,  #f4d7d7 0%,#b25c5c 5%,#8e2224 100%);
	background: linear-gradient(to bottom,  #f4d7d7 0%,#b25c5c 5%,#8e2224 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4d7d7', endColorstr='#8e2224',GradientType=0 );
}

menu li.selected {
	background: #f4d7d7;
	background: -moz-linear-gradient(top,  #f4d7d7 0%, #e57576 5%, #c12d33 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4d7d7), color-stop(5%,#e57576), color-stop(100%,#c12d33));
	background: -webkit-linear-gradient(top,  #f4d7d7 0%,#e57576 5%,#c12d33 100%);
	background: -o-linear-gradient(top,  #f4d7d7 0%,#e57576 5%,#c12d33 100%);
	background: -ms-linear-gradient(top,  #f4d7d7 0%,#e57576 5%,#c12d33 100%);
	background: linear-gradient(to bottom,  #f4d7d7 0%,#e57576 5%,#c12d33 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4d7d7', endColorstr='#c12d33',GradientType=0 );
}
menu a:hover {
	color: #FF0;
}
menu li div {
	display: none;
	color: #FFF;
	font-size: 0.8em;
	text-align: center;
	position: absolute;
	top: 27px;
	left: 0;
	width: 100%;
	 height: 25px;
}
menu li.selected div, menu li:hover div {
	display: block;
}
menu li:hover div {
	background: #C12D33;
	z-index: 10;
}
menu li div a {
	line-height: 30px;
	margin-right: 20px;
}


article#body {}
div.body {
	width: 980px;
	margin: auto;
	padding: 20px 0;
}
aside.left_aside, aside.right_aside {
	width: 240px;
}
aside.left_aside, div.content {
	float: left;
}
aside.right_aside {
	float: right;
}

div.top_content {
	width: 100%;
	margin: auto;
	text-align: center;
}

div.content, div.content2 {
	width: 460px;
	margin-left: 20px;
}
div.content section.cover_list {
	border: solid 1px #E3E3E3;
	margin-bottom: 20px;
	position: relative;
		
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

div.content section.cover_list h3 {
	color: #C12D33;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 13px;
	margin-bottom: 10px;
	border-bottom: solid 1px #E3E3E3;
	margin-top: 0;
	
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	
	background: #f7f7f7;
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ececec 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#ececec 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#ececec 100%);
	background: linear-gradient(to bottom,  #f7f7f7 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ececec',GradientType=0 );
}
div.content section.cover_list li>div {
	width: 100px;
	height: 100px;
	line-height: 100px;
	overflow: hidden;
	margin-bottom: 5px;
	background: #DDD;
}

/*
div.content div#jcarousel {
	position: relative;
	height: 150px;
	overflow: hidden;
}
*/
div.content .jcarousel-clip { overflow: hidden; margin: 0 12px;}
div.content div.jcarousel-prev, div.content div.jcarousel-next {
	position: absolute;
	top: 50px;
	width: 30px;
	height: 45px;
	background: url(../img/jcarousel_button.png) no-repeat;
	cursor: pointer;
}

div.content div.jcarousel-prev { background-position: left top; left: -30px; }
div.content div.jcarousel-next { background-position: right top; right: -30px; }
div.content div.jcarousel-prev:hover { background-position: left bottom; left: -30px; }
div.content div.jcarousel-next:hover { background-position: right bottom; right: -30px; }

div.content section.cover_list ul {
	font-size: 11px;
	overflow: hidden;
}
div.content section.cover_list li {
	width: 100px;
	margin: 0 12px 12px 0;
	font-size: 11px;
	float: left;
}
div.content section.cover_list li a, div.prd-content section.cover_list div.element a {
	display: block;
	text-decoration: none;
	color: #666;
	word-break: break-all;
}
div.prd-content section.cover_list div.element div.prd-img a {
	display: block;
	background-size: contain; /*contain or cover*/
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 100%;
}
/*
div.content section.cover_list li>div a { width: 100px; height: 100px; line-height: 100px; vertical-align : middle; display: table-cell; text-align:center; overflow: hidden;}
*/

div.content section.cover_list li:hover a, div.prd-content section.cover_list li:hover a {
	text-decoration: underline;
}

section.intelligence img {
	max-width: 438px;
	height: auto;
	float: left;
	margin: 0 10px 10px 0;
}
section.intelligence {
	border: solid 1px #E3E3E3;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 20px;
	
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
section.intelligence h3 {
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 13px;
	margin-bottom: 10px;
	border-bottom: solid 1px #E3E3E3;
	
	background: #f7f7f7;
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ececec 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#ececec 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#ececec 100%);
	background: linear-gradient(to bottom,  #f7f7f7 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ececec',GradientType=0 );	
}
section.intelligence h2 {
	color: #C12D33;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
}
section.intelligence li {
	padding: 10px;
	overflow: hidden;
	border-bottom: dashed 1px #ccc;
}
section.intelligence>div {	
	float: left;
}
section.intelligence li a {
	line-height: 1.7em;
	font-size: 1.2em;
	color: #666;
	text-decoration: none;
}
section.intelligence li a:hover {
	color: #C12D33;
}
section.intelligence li a:hover {
	text-decoration: underline;	
}



div.prd-content {
	width: 710px;
	margin-left: 20px;
	float: left;
}
div.prd-content .prd_nav, div.prd-content .prd_pages {
	text-align: center;
	line-height: 30px;
	font-size: 1.2em;
}
div.prd-content .prd_pages {
	margin: 10px 0;
}
div.prd-content .prd_pages a, div.prd-content .prd_pages span {
	padding: 3px 8px;
	margin: 5px;
	border: 1px solid #e3e3e3;
}
div.prd-content .prd_pages a {
	border: 1px solid #999;
}
div.prd-content .prd_pages a:hover, div.prd-content .prd_pages span.current {
	color: #C12D33;
	border: 1px solid #C12D33;
}
div.prd-content .prd_pages span {
	color: #e3e3e3;
}
div.prd-content section.cover_list {
	display: block;
	overflow: hidden;
	width: 730px;
}
div.prd-content section.cover_list div.element .prd-img {
	overflow: hidden;
	margin-bottom: 5px;
	background: #FFF;
}

div.prd-content section.cover_list div.element {
	width: 16.5%;
	min-height:235px;
	overflow: hidden;
	display: block;
	/*margin: 0 12px 12px 0;*/
	font-size: 11px;
	float: left;
	-webkit-transition: all .8s;
     -moz-transition: all .8s;
      -ms-transition: all .8s;
       -o-transition: all .8s;
          transition: all .8s;
}
div.prd-content section.cover_list div.element .prd-box {
	padding: 6px;
}
div.prd-content section.cover_list div.element:hover {
	background-color: #E3E3E3;/*#F99;*/
	-webkit-transition: all .8s;
     -moz-transition: all .8s;
      -ms-transition: all .8s;
       -o-transition: all .8s;
          transition: all .8s;
}
div.prd-content section.cover_list div.element:hover div {
	opacity: .7;
	-webkit-transition: all .8s;
     -moz-transition: all .8s;
      -ms-transition: all .8s;
       -o-transition: all .8s;
          transition: all .8s;
}


/*--- 擐�椰�--*/
.left_aside section, .right_aside section, div.top_content section {
	line-height: 1.7em;
	color: #666;
	border: 1px solid #E3E3E3;
	overflow: hidden;
	margin-bottom: 20px;
	
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.left_aside h3, .right_aside h3, div.top_content h3{
	color: #C12D33;
	line-height: 35px;
	text-align: center;
	font-size: 13px;
	
	background: #f7f7f7;
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ececec 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#ececec 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#ececec 100%);
	background: linear-gradient(to bottom,  #f7f7f7 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ececec',GradientType=0 );
}
.left_aside ul {
	padding: 10px;
}
.left_aside li {
	list-style-type: square;
	margin-left: 20px;
	font-size: 0.8em;
}
.left_aside li a {
	font-size: 1.4em;
	color: #666;
	text-decoration: none;
}
.left_aside li a.selected {
	color: #C12D33;
	text-decoration: inherit;
	font-weight: bold;
}
.left_aside li a:hover {
	color: #C12D33;
}
.left_aside li a:hover {
	text-decoration: underline;	
}

section.youtube { border: none;}
section.banner {
	padding: 10px 10px 0;
}
section.banner img{
	margin-bottom: 10px;
}

nav.breadcrumb ul#breadcrumbs {
	display: block;
	height: 26px;
	line-height: 26px;
	margin: -12px 0 8px;
	background: -moz-linear-gradient(100% 100% 90deg, #F7F7F7, #FFFFFF) repeat scroll 0 0 transparent;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
	padding: 5px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
nav.breadcrumb ul#breadcrumbs>li {
	float:left;
	position: relative;
	padding: 0 30px 0 8px;
	margin-right: 10px;
	background: url(../img/separator.gif) no-repeat right center;
}
nav.breadcrumb ul#breadcrumbs>li.current {
	background: none;
}
nav.breadcrumb ul#breadcrumbs>li ul {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 180px;
	float: left;
	padding: 0 10px 10px;
	background: #e3e3e3;
	display: none;
}
nav.breadcrumb ul#breadcrumbs>li ul>li a {
	border-bottom: 1px dotted #666666;
	display: block;
}


div.member_only {
}
/*div.member_only div.login {
	float: left;
}
div.member_only div.registered {
	float: right;
}*/
div.member_only div.login,
div.member_only div.registered {
	/*border: 1px solid #C12D33;*/
	min-height: 320px;
	padding: 30px 150px 30px 120px;
}
div.member_only h1 {
	font-size: 1.3em;
	line-height: 30px;
	color: #C12D33;
}
div.member_only h3 {
	margin: 0 10px;
	line-height: 30px;
	color: #C12D33;
}
div.member_only label {
	display: block;
	margin: 0 0 10px 10px;
}
div.member_only label input {
	margin-left: 10px;
}
div.member_only button.sent {
	margin: 0 10px 20px 50px;
}
div.member_only button {
	margin-bottom: 20px;
}
div.member_only div.shiva {
	margin: 0 0 10px 20px;
}
div.member_only button.fb_login {
	margin: 0 0 10px 20px;
}

nav.order_breadcrumb {
}
nav.order_breadcrumb span {
	display: inline-block;
	padding: 10px;
	border: 1px solid #999;
	color: #999;
	margin-right: 20px;
}
nav.order_breadcrumb span.selected {
	border: 1px solid #C12D33;
	color: #C12D33;
}

div.step {
	width: 720px;
	margin-left: 20px;
	float: left;
}
div.step table.step_table {
	margin: 10px 0;
}
div.step table.step_table td, div.step table.step_table th {
	padding: 10px;
	text-align: center;
	border: 1px solid #C12D33;
}
div.step table.step_table th {
	background: #e3e3e3;
	color: #C12D33;
}
div.step table.step_table li {
	padding: 5px 0;
	line-height: 1.5em;
}

div.step table td.text-align_right {
	text-align: right;
}
div.step table td.text-align_left {
	text-align: left;
}

div.step h1 {
	color: #C12D33;
	font-size: 1.4em;
	padding: 0 10px;
}
div.step section {
	padding: 10px;
	border: 1px solid #C12D33;
	margin: 10px 0;
}
.text_center {
	text-align: center;
	line-height: 1.5em;
}
h3.text_center {
	border-bottom: 1px solid #C12D33;
	margin-bottom: 20px;
}
div.step section li {
	padding: 10px 0;
	line-height: 1.5em;
	list-style-type: square;
	margin-left: 15px;
	
}

div.step section h3 {
	color: #C12D33;
	font-size: 1.2em;
	padding: 10px 0;
	line-height: 16px;
	padding: 0;
}
div.step .button_box {
	text-align: center;
}
div.step .button_box button {
	margin: 10px;
}
div.step .button_box h2 {
	margin: 10px;
	color: #C12D33;
}

nav.order_breadcrumb {
	text-align: center;
	margin: 10px 0;
}
section {
	line-height: 1.5em;
}

.left_aside #ProductTop10 li {
    list-style-type: none;
    margin-left: 0;
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}
#ProductTop10 span {
	float: left;
	background: #DDD;
	width: 55px;
	height: 55px;
	overflow: hidden;
}
#ProductTop10 a {
	float: left;
	margin-left: 10px;
	width: 150px;
}

/**********************/

.Center h1 {
	margin-bottom: 10px;
    color: #C12D33;
    font-size: 1.4em;
}
/*
.Center h3 {
    color: #C12D33;
    font-size: 1.2em;
	margin-bottom: 10px;
}
.Center table td {
	border: 1px solid #C12D33;
    padding: 10px;
    text-align: center;
}*/
.Center aside.left_aside p {
	display: block;
	margin-bottom: 10px;
	
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
	color: #ffffff;
	text-align: center;
	
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  
}
.Center aside.left_aside a {
	display: block;
	margin-bottom: 10px;
	
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}
.Center aside.left_aside a:hover {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}
.Center .content ul.xlist {
	margin: 0 0 20px;
	padding: 10px;;
	border-bottom: 1px solid #999;
	padding-bottom: 30px;
}
.Center .content ul.xlist li {
	line-height: 30px;
	font-size: 1.2em;
	border-bottom: 1px solid #ddd;
}
.Center .content ul.xlist li span {
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 15px;
	margin-bottom:-1px;
	border-bottom: 1px solid #999;
}

.Center aside.right_aside h3 {
    color: #C12D33;
    font-size: 1.2em;
	margin-bottom: 10px;
	background: none;
	padding: 0;
	text-align: left;
	line-height: normal;
}
.Center aside.right_aside li {
	list-style-type: disc;
	margin-left: 20px;
	padding: 3px 0;
	line-height: 20px;
}
.Center #member table td {
    text-align: left;
	padding: 10px 0;
}

.Center .button_box {
    text-align: center;
	margin-top: 20px;
}

.OnlineOrder {}
.OnlineOrder .prd_img {
	width: 80px;
	height: auto;
	padding: 3px;
	border: 1px #999 solid;
	margin: 5px;
}
.OnlineOrder .prd_img img {
	width: 100%;
	height: auto;
}
.OrdersListBox { clear: both; }
.OnlineOrder dl {
	overflow: hidden;
	clear: both;
	padding: 10px;
	margin-bottom: 20px;
}
/*.OnlineOrder dt {
	float: left;
	width: 24.5%;
	height: 100%;
}
.OnlineOrder dt p, .OnlineOrder dd p {
	line-height: 1.7em;
	font-size: 1.2em;
	padding: 0 10px;
}
.OnlineOrder dd {
	float: left;
	width: 74%;
	border-left: 1px solid #C12D33;
	padding-left: 1%;
}*/
.OnlineOrder .ccod { margin-bottom: 20px; overflow:hidden;}

div.OnlineOrder {
	width: 710px;
	margin-left: 20px;
	float: left;
}
div.OnlineOrder .prd_nav, div.OnlineOrder .prd_pages {
	text-align: center;
	line-height: 30px;
	font-size: 1.2em;
}
div.OnlineOrder .prd_pages {
	margin: 10px 0;
}
div.OnlineOrder .prd_pages a, div.OnlineOrder .prd_pages span {
	padding: 3px 8px;
	margin: 5px;
	border: 1px solid #e3e3e3;
}
div.OnlineOrder .prd_pages a {
	border: 1px solid #999;
}
div.OnlineOrder .prd_pages a:hover, div.OnlineOrder .prd_pages span.current {
	color: #C12D33;
	border: 1px solid #C12D33;
}
div.OnlineOrder .prd_pages span {
	color: #e3e3e3;
}

/*.OrdersMenu p, .OrdersMenu a {
	float: left;
	padding: 0 10px;
	border: 1px solid #C12D33;
	margin: 0 10px 10px 0;
	line-height: 25px;
}
.OrdersMenu p {
	background: #C12D33;
	color: #FFF;
}

.OrdersMenu a {
	color: #C12D33;
}*/
.fundList p {
	line-height: 25px;
}

.Center .content .fundList ul {
	padding-bottom: 30px;
}
.fundList ul li span.Price {
	float: none;
}
.OnlineOrder  .pcpod p {
	line-height: 30px;
}

span.shorten {
	height:32px;
	overflow: hidden;
	float:left;
	width: 100%;
	line-height: 16px;
}
span.shorten_neme {
	height:16px;
	overflow: hidden;
	float:left;
	line-height: 16px;
	clear: both;
}
/*瘛餃�con class*/
.new_icon {
	position: relative;
}
.new_icon:after {
	content: url(../img/new_icon.png);
	float: left;
	position: absolute;
	top: -2px;
	left: -2px;
}
.list_sale_icon {
	position: relative;
}
.list_sale_icon:after {
	content: url(../img/prod_sale.png);
	float: left;
	position: absolute;
	top: -2px;
	left: -2px;
}
.list_limit_icon {
	position: relative;
}
.list_limit_icon:after {
	content: url(../img/prod_limit.png);
	float: left;
	position: absolute;
	top: -2px;
	left: -2px;
}