/* 縮小失敗。正在傳回未縮小的內容。
(506,1): run-time error CSS1019: Unexpected token, found '@charset'
(506,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(506,17): run-time error CSS1019: Unexpected token, found ';'
(869,1): run-time error CSS1019: Unexpected token, found '@charset'
(869,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(869,17): run-time error CSS1019: Unexpected token, found ';'
(1734,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

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

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

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

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

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

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

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


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

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

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

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

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

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

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */

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


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

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

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

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

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

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

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

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

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

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

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

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

@charset "utf-8";

/*SanminProdImg*/

div.SanminProdImg{
	
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0px;
	margin: 0px auto;
	display: table-cell;
	*margin: 0px auto;
	_margin: 0px auto;	
}
img.SanminProdImg,div.SanminProdImg img
{
    border:1px #999999 solid;
    padding:2px;
    -moz-box-shadow:0px 0px 2px 2px #cccccc;
    -webkit-box-shadow:0px 0px 2px 2px #cccccc;
    box-shadow:0px 0px 2px 2px #cccccc;
}
/*SanminProdImg*/


/*各館首頁用圖*/
div.ProdImg {
	width:104px;
	height:140px;
	padding: 2px;
	margin: 0px auto;
	display: table-cell;
	vertical-align:middle;
    background-color:#fff;
	-moz-box-shadow:0px 0px 2px 2px #cccccc;
    -webkit-box-shadow:0px 0px 2px 2px #cccccc;
    box-shadow:0px 0px 2px 2px #cccccc;
	border:1px #999999 solid;
	*margin: 0px auto;
	_margin: 0px auto;
}
div.ProdImg  img{
	max-height:140px;
	width:104px;
}

/*TopMenu*/


/*TopMenu*/
.HeadImg
{
    margin:0;
    padding:0;
    width:995px;
    height:92px;
    cursor:pointer;
    vertical-align:top;
    text-align:left;
}
.HeadImg  div,.HeadImg  a
{
    display: inline-block;
    margin:0;
    padding:0;
    height:92px;
}

.LoginBtn{
    color: #336600;font-weight: bold;border:1px #999999 solid;
}
.LogOutBtn{
    color: #ce0609;  font-weight: bold;border:1px #999999 solid;
}
#ct:focus,#qu:focus{
	outline: none;
}

#ct{
	padding:0px;
	margin:0;
	height:22px;
	border:1px #999999 solid;
}
#qu{
	height:20px;
	border:1px #999999 solid;
	padding:0px 5px 0px 5px;
	margin:0;
}

/*Menu585 Start*/
.Menu585{
	width:585px;
	height:183px;
	padding:0;
	padding-left:11px;
	padding-right:11px;
	border:0px #000 solid;
}
.Menu585 div.Promo_list{
	width:585px;
	height:163px;
	overflow:hidden;
}
.Menu585 div.Promo_list >ul{
	margin:0;
	list-style:none;
	width:5000px;
	padding:0px;
}
.Menu585 div.Promo_list >ul >li{
	float:left;
	width:585px;
	height:163px;
	margin:0;
	padding:0;
}
.Menu585 div.btn_number{
	width:100%;
}
.Menu585 div.btn_number >ul{
	float:right;
	height:10px;
	list-style:none;
	padding:0;
	margin:0;
	padding-top:5px;
}
.Menu585 div.btn_number >ul >li{
	float:left;
	width:10px;
	height:10px;
	margin-right:8px;
	cursor:pointer;
}
.Menu585 div.btn_number li.Gray{
	background-image:url(../images/16.png);
}
.Menu585 div.btn_number li.Red{
	background-image:url(../images/17.png);
}
/*Menu585 End*/
    .MVCbtn
	{
		text-align: center;
		background-color: #F7F7F7;
		border: #636363 1px solid;
		padding: 3px;
		margin: 3px 0px 3px 0px;
		font-family: "微軟正黑體", "細明體", "標楷體";
		font-size: 12px;
		font-weight:bolder;
		-moz-border-radius: 5px; /* Firefox */
		-webkit-border-radius: 5px; /* Safari, Chrome */
		-khtml-border-radius: 5px; /* Konqueror */
		border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
		behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	}
.LoginMenu{
	
	height:50px;
	position: fixed;
	padding:0px;
	top: -1px;
	right:20px;
	z-index: 9999;
	opacity : 0.7;
	font-size:13px;
}
.LoginMenu .menu{
	
	height:30px;
	border:1px #999999 solid;
	background-color:#d5d1d1;
    padding:0px 20px 30px 20px;
    margin:-5px 0px 0px 0px;
	text-align:center;
	right:0px;
    line-height:30px;
    font-size:12px;
    z-index:9999;
    
}
    .LoginMenu button
    {
        padding:1px 2px 1px 2px;
    }
#OrderInfo
{
    margin:0px 5px 0px 5px;
    border:1px #999999 solid;
    border-top:0px #999999 solid;
    z-index:8888;
    padding:4px 5px 0px 5px;
    font-size:10px;
    height:25px;
    line-height:10px;
    background-color:#fff;
    text-align:center;
    border-radius: 0px 0px 5px 5px;
}
    #OrderInfo label
    {
        padding:2px 5px 2px 5px;
        font-weight:100;
        line-height:12px;
    }

label.label{
    line-height:20px;
}
label.label >a{
    color: #fff;
}
.LoginMenu .menu .btn span{
	margin:3px;
}
#TopBtn {

	width: 50px;
	vertical-align:middle;
	z-index: 8888;
	padding:5px;
	top: 90%;
	right: 3%;
	position: fixed;
	text-align:center;
	opacity : 0.7;
}

#ErrorMsgBtn {

	width: 90px;
	vertical-align:middle;
	z-index: 8888;
	padding:5px;
	top: 90%;
	left: 3%;
	position: fixed;
	text-align:center;
	background-color:#d5d1d1;
	border-radius: 5px 5px 5px 5px;
	opacity : 0.7;
}
 .ClassBOXtd_Stationery
 {
     background-image: url(/Content/images/new3/Stationery/grassgre.gif);
     background-position:  0px;padding-left: 30px;
     text-align:left;
	 color: #563f2e;
	 font-size: 16px;
     font-family: "微軟正黑體";		
	 font-weight: bold;
}
/*MsgBox*/
.MsgBox{
	width:400px;
	
	position: fixed;
	background-color:#fff;
	border:#000 10px solid;
	border-radius: 10px 10px 10px 10px;
	z-index:9999;
	margin:0;
	padding:10px;
    margin-top:-150px;
    left:50% auto;
}
.MsgBoxMore{
	width:585px;
	height:163px;
	position: fixed;

	z-index:9999;
	margin:0;
	padding:10px;
    margin-top:-150px;
    left:50% auto;
}
.MsgBoxBg{
	z-index:9998;
	background-image:url(/images/opacity70.png);

	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position: fixed;
	top:0;
	left:0;
}
.MsgBox .MsgStr {
	font-family: "微軟正黑體", "細明體", "標楷體";
	font-size: 100%;
	text-align: center;
	width: auto;
	vertical-align: middle;
	margin-top:30px;
}
.MsgBox .OK {
	text-align: center;
	vertical-align: middle;
	font-family: "微軟正黑體", "細明體", "標楷體";
	width: 50px;
	border:1px solid #4D4E53;
	border-radius: 5px 5px 5px 5px;
	*margin: 0px auto;
	margin: 0px auto;
	margin-top:10px;
	cursor: pointer;
	padding:3px;
	-moz-box-shadow:1px 1px 8px 1px rgba(20%,20%,20%,0.5);
	-webkit-box-shadow:1px 1px 8px 1px rgba(20%,20%,40%,0.5);
	box-shadow:1px 1px 8px 1px rgba(20%,20%,40%,0.5);
	background-color: #0099FF;
	color: #FFFFFF;
}
/*MsgBox*/

/*SearchTip*/
.SearchTip
{
    border:1px #999999 solid;
    padding:0px;
    min-width:100px;
    min-height:0px;
    position:absolute;
    left:0;
    top:0;
	background-color:#fff;
	display:none;
}
.SearchTip .TipWord
{
    margin:0;
    padding:0;
    list-style:none;
    cursor:pointer;   
}
.SearchTip .TipWord > li
{
    padding:0px 5px 0px 5px;
}
.SearchTip .TipWord > li:hover
{
    background-color:#ffd800;
}
/*SearchTip*/


label{
    font-weight:100;
}

.imgAgent{
	width:147px;
	height:54px;
	background-image: url(/images/layout/Agent.gif);
    background-repeat: no-repeat;
	margin:2px;
}
@charset "utf-8";
td,tr,table,body,form,option,select,input,text,submit,textarea{
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
  	color: #333333;
	font-family:"Verdana","新細明體", "Arial", "Helvetica", "sans-serif";
}
a:link{color:#333333;text-decoration:none;}
a:active{color:#333333 ;text-decoration:none;}
a:visited{color:#333333;text-decoration:none;}
a:hover{color:#333333; /*border-bottom: 1px dotted;*/text-decoration:none;}
img{border:0}
.gray16 {
	font-size: 16px;
	line-height: 24px;
	color: #333333;
}
.gray12 {
	font-size: 12px;
	line-height: 17px;
	color: #333333;
}

.gray16_b {
	font-size: 16px;
	line-height: 24px;
        font-weight: bold;
	color: #333333;
}
.brown16 {
	font-size: 16px;
	line-height: 24px;
	color: #604925;
}	


.bluelight16 {
	font-size: 16px;
	line-height: 24px;
	color: #006699;
}

.red12 {
	font-size: 13px;
	line-height: 20px;
	color: #cc0000;
}

.gray13_b {
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
}
.gray13_ {
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
}
.gray13_ a:link{color:#333333;text-decoration:underline;}
.gray13_ a:active{color:#333333;text-decoration:underline;}
.gray13_ a:visited{color:#333333 ;text-decoration:underline;}
.gray13_ a:hover{color:#333333; text-decoration:underline;}

/*土黃色*/
.websoilcolor16 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #C0A910;
}
.websoilcolor15 {
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	color: #C0A910;
}
.websoilcolor13 {
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #9E7A27;
}
.websoilcolor13 a:link{color:#9E7A27;text-decoration:none;}
.websoilcolor13 a:active{color:#9E7A27;text-decoration:none;}
.websoilcolor13 a:visited{color:#9E7A27;text-decoration:none;}
.websoilcolor13 a:hover{color:#9E7A27;text-decoration:none;}


.price {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #cc0000;
	overflow: hidden;
}
.fontb{
	font-weight: bold;
}

.ga a:link{color:#336600;text-decoration:underline;}
.ga a:active{color:#336600 ;text-decoration:underline;}
.ga a:visited{color:#336600 ;text-decoration:underline;}
.ga a:hover{color:#336600; /*border-bottom: 1px dotted;*/text-decoration:underline;}
.ga {color:#666666}
/*綠色*/
.green13 {
	font-size: 13px;
	line-height: 20px;
	color: #598f35;
}
.green13 a:link{color:#598f35;text-decoration:none;}
.green13 a:active{color:#598f35;text-decoration:none;}
.green13 a:visited{color:#598f35 ;text-decoration:none;}
.green13 a:hover{color:#598f35; text-decoration:none;}



.green12 {
	font-size: 12px;
	line-height: 20px;
	color: #598f35;
}
.green12 a:link{color:#598f35;text-decoration:none;}
.green12 a:active{color:#598f35;text-decoration:none;}
.green12 a:visited{color:#598f35 ;text-decoration:none;}
.green12 a:hover{color:#598f35; text-decoration:none;}

.green16 {
	font-size: 15px;
	line-height: 24px;
	color: #009900;
	font-weight: bold;	
}
.green16  a:link{color:#009900;}
.green16  a:active{color:#009900;}
.green16  a:visited{color:#009900;}
.green16  a:hover{color:#009900;}

.pruple16 {
	font-size: 15px;
	line-height: 24px;
	color: #993399;
	font-weight: bold;	
}
.pruple16  a:link{color:#993399;}
.pruple16  a:active{color:#993399;}
.pruple16  a:visited{color:#993399;}
.pruple16  a:hover{color:#993399;}

.webgreen16 {
	font-size: 15px;
	line-height: 20px;
	color: #2f6002;
	font-weight: bold;	
}
.webgreen16 a:link{color:#2f6002;text-decoration:none;}
.webgreen16 a:active{color:#2f6002;text-decoration:none;}
.webgreen16 a:visited{color:#2f6002 ;text-decoration:none;}
.webgreen16 a:hover{color:#2f6002; text-decoration:none;}

.webgreen16_ {
	font-size: 15px;
	line-height: 20px;
	color: #2f6002;
	font-weight: bold;	
}
.webgreen16_ a:link{color:#2f6002;text-decoration:underline;}
.webgreen16_ a:active{color:#2f6002;text-decoration:underline;}
.webgreen16_ a:visited{color:#2f6002 ;text-decoration:underline;}
.webgreen16_ a:hover{color:#2f6002; text-decoration:underline;}

.webgreen13 {
	font-size: 13px;
	line-height: 20px;
	color: #2f6002;
}

.webgreen13 a:link{color:#2f6002;text-decoration:none;}
.webgreen13 a:active{color:#2f6002;text-decoration:none;}
.webgreen13 a:visited{color:#2f6002 ;text-decoration:none;}
.webgreen13 a:hover{color:#2f6002; text-decoration:none;}


.webgreen13_ {
	font-size: 13px;
	line-height: 20px;
	color: #2f6002;
}

.webgreen13_ a:link{color:#2f6002;text-decoration:underline;}
.webgreen13_ a:active{color:#2f6002;text-decoration:underline;}
.webgreen13_ a:visited{color:#2f6002 ;text-decoration:underline;}
.webgreen13_ a:hover{color:#2f6002; text-decoration:underline;}

.weblblue12 {
	font-size: 12px;
	line-height: 20px;
	color: #1368a1;
	text-decoration:underline;
		font-weight: bold;
	}

.weblblue12 a:link{color:#1368a1;text-decoration:underline;}
.weblblue12 a:active{color:#1368a1;text-decoration:underline;}
.weblblue12 a:visited{color:#1368a1 ;text-decoration:underline;}
.weblblue12 a:hover{color:#1368a1; text-decoration:underline;}


.pitemgreen{
color:#648511;
font-weight:bold;
}
.pitemgreen a:link{color:#55700E;text-decoration:underline;font-weight:normal}
.pitemgreen a:active{color:#55700E;text-decoration:underline;font-weight:normal}
.pitemgreen a:visited{color:#55700E ;text-decoration:underline;font-weight:normal}
.pitemgreen a:hover{color:#55700E; text-decoration:underline;font-weight:normal}

.pitemgreen2{
color:#648511;
font-weight:bold;
}
.pitemgreen2 a:link{color:#55700E;text-decoration:underline;}
.pitemgreen2 a:active{color:#55700E;text-decoration:underline;}
.pitemgreen2 a:visited{color:#55700E ;text-decoration:underline;}
.pitemgreen2 a:hover{color:#55700E; text-decoration:underline;}


/*白*/
.white13_nb {
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
}
.white16 {
	font-size: 16px;
	line-height: 16px;
	color: #FFFFFF;
	font-weight:bold
}

/*咖啡*/
.purple13 {
	font-size: 13px;
	line-height: 20px;
	color: #5d1832;
	font-weight: bold;
}
.purple13 a:link{color:#5d1832;text-decoration:none;}
.purple13 a:active{color:#5d1832;text-decoration:none;}
.purple13 a:visited{color:#5d1832 ;text-decoration:none;}
.purple13 a:hover{color:#5d1832; text-decoration:none;}

.purple13_ {
	font-size: 13px;
	line-height: 20px;
	color: #5d1832;
	font-weight: bold;
}
.purple13_ a:link{color:#5d1832;text-decoration:underline;}
.purple13_ a:active{color:#5d1832;text-decoration:underline;}
.purple13_ a:visited{color:#5d1832 ;text-decoration:underline;}
.purple13_ a:hover{color:#5d1832; text-decoration:underline;}

.ca4 a:link{color:#7A5306;text-decoration:underline;font-weight:bold}
.ca4 a:active{color:#7A5306 ;text-decoration:underline;font-weight:bold}
.ca4 a:visited{color:#7A5306;text-decoration:underline;font-weight:bold}
.ca4 a:hover{color:#7A5306;text-decoration:underline;font-weight:bold}


.purple16_ {
	font-size: 16px;
	line-height: 20px;
	color: #5e1933;
	font-weight: bold;
	text-decoration: underline;
}
.purple16_ a:link{color:#5e1933; text-decoration:underline;}
.purple16_ a:active{color:#5e1933; text-decoration:underline;}
.purple16_ a:visited{color:#5e1933; text-decoration:underline; }
.purple16_ a:hover{color:#5e1933; text-decoration:underline;}

.purple16 {
	font-size: 16px;
	line-height: 20px;
	color: #5e1933;
	font-weight: bold;
}
.purple16 a:link{color:#5e1933; }
.purple16 a:active{color:#5e1933; }
.purple16 a:visited{color:#5e1933; }
.purple16 a:hover{color:#5e1933; }

.bookred15 {
	font-size: 15px;
	line-height: 20px;
	color: #881f16; 
	font-weight: bold;
}
.bookred15 a:link{color:#881f16; }
.bookred15 a:active{color:#881f16; }
.bookred15 a:visited{color:#881f16; }
.bookred15 a:hover{color:#881f16; }

.bookbrown{
	font-size: 13px;
	color:#854b1d
}


.pitembrown{
color:#855e4d;
font-weight:bold;
}
.pitembrown a:link{color:#785445;text-decoration:underline;font-weight:normal}
.pitembrown a:active{color:#785445;text-decoration:underline;font-weight:normal}
.pitembrown a:visited{color:#785445 ;text-decoration:underline;font-weight:normal}
.pitembrown a:hover{color:#785445; text-decoration:underline;font-weight:normal}


.classname a:hover{color:#990000; font-weight:bold}

/*黃色*/
.yellow12 {
	font-size: 12px;
	line-height: 16px;
	color: #fff100;
	font-weight: bold;
}
.yellow12 a:link{color:#fff100;text-decoration:none;}
.yellow12 a:active{color:#fff100;text-decoration:none;}
.yellow12 a:visited{color:#fff100 ;text-decoration:none;}
.yellow12 a:hover{color:#fff100; text-decoration:none;}


/*白色*/
.white13 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.white13 a:link{color:#FFFFFF;text-decoration:none;}
.white13 a:active{color:#FFFFFF;text-decoration:none;}
.white13 a:visited{color:#FFFFFF ;text-decoration:none;}
.white13 a:hover{color:#FFFFFF; text-decoration:none;}


/*藍色*/
.bluelight13_ {
	font-size: 13px;
	line-height: 20px;
	color: #05608f;
	text-decoration: underline;
}
.bluelight13_ a:link{color:#05608f;text-decoration:none;}
.bluelight13_ a:active{color:#05608f;text-decoration:none;}
.bluelight13_ a:visited{color:#05608f ;text-decoration:none;}
.bluelight13_ a:hover{color:#05608f; text-decoration:none;}

.bluelight2{
color:#095788
}

.blue13 {
	font-size: 13px;
	line-height: 15px;
	height: 30px;
	color: #003366;
	font-weight: bold;
	overflow:hidden;
}
.blue13 a:link{color:#003366;text-decoration:none;}
.blue13 a:active{color:#003366;text-decoration:none;}
.blue13 a:visited{color:#003366 ;text-decoration:none;}
.blue13 a:hover{color:#003366; text-decoration:none;}

.bluelight13 {
	font-size: 13px;
	line-height: 20px;
	color: #05608f;
}
.bluelight13 a:link{color:#05608f;text-decoration:none;}
.bluelight13 a:active{color:#05608f;text-decoration:none;}
.bluelight13 a:visited{color:#05608f ;text-decoration:none;}
.bluelight13 a:hover{color:#05608f; text-decoration:none;}



.coffee13 a:link{color:#BB802F;text-decoration:none;}
.coffee13 a:active{color:#BB802F;text-decoration:none;}
.coffee13 a:visited{color:#BB802F ;text-decoration:none;}
.coffee13 a:hover{color:#BB802F; text-decoration:none;}

.bluelight_13 {
	font-size: 13px;
	line-height: 20px;
	color: #05608f;
	font-weight: bold;
}
.bluelight_13 a:link{color:#05608f;text-decoration:none;}
.bluelight_13 a:active{color:#05608f;text-decoration:none;}
.bluelight_13 a:visited{color:#05608f ;text-decoration:none;}
.bluelight_13 a:hover{color:#05608f; text-decoration:none;}



.coffee13 a:link{color:#BB802F;text-decoration:none;}
.coffee13 a:active{color:#BB802F;text-decoration:none;}
.coffee13 a:visited{color:#BB802F ;text-decoration:none;}
.coffee13 a:hover{color:#BB802F; text-decoration:none;}


.blue16 {
	font-size: 15px;
	line-height: 24px;
	color: #05608f;
	font-weight: bold;
}
.blue16 a:link{color:#05608f;text-decoration:none;}
.blue16 a:active{color:#05608f;text-decoration:none;}
.blue16 a:visited{color:#05608f ;text-decoration:none;}
.blue16 a:hover{color:#05608f; text-decoration:none;}

.blue16_2 {
	font-size: 16px;
	line-height: 24px;
	color: #017BBC;
	font-weight: bold;
}


.webblue16 {
	font-size: 15px;
	line-height: 20px;
	color: #09596d;
	font-weight: bold;	
}
.webblue16 a:link{color:#09596d;text-decoration:none;}
.webblue16 a:active{color:#09596d;text-decoration:none;}
.webblue16 a:visited{color:#09596d ;text-decoration:none;}
.webblue16 a:hover{color:#09596d; text-decoration:none;}

.weblblue16 {
	font-size: 15px;
	line-height: 20px;
	color: #1368a1;
	font-weight: bold;
	}

.weblblue16 a:link{color:#1368a1;text-decoration:none;}
.weblblue16 a:active{color:#1368a1;text-decoration:none;}
.weblblue16 a:visited{color:#1368a1 ;text-decoration:none;}
.weblblue16 a:hover{color:#1368a1; text-decoration:none;}


.weblblue16_ {
	font-size: 15px;
	line-height: 20px;
	color: #1368a1;
	font-weight: bold;
	text-decoration:underline;
	}

.weblblue16_ a:link{color:#1368a1;text-decoration:underline;}
.weblblue16_ a:active{color:#1368a1;text-decoration:underline;}
.weblblue16_ a:visited{color:#1368a1 ;text-decoration:underline;}
.weblblue16_ a:hover{color:#1368a1; text-decoration:underline;}

.weblblue13_2 {
	font-size: 13px;
	line-height: 20px;
	color: #1368a1;
	text-decoration:underline;
		font-weight: bold;
	}

.weblblue13_2 a:link{color:#1368a1;text-decoration:underline;}
.weblblue13_2 a:active{color:#1368a1;text-decoration:underline;}
.weblblue13_2 a:visited{color:#1368a1 ;text-decoration:underline;}
.weblblue13_2 a:hover{color:#1368a1; text-decoration:underline;}


		
.bookbrown13 {
	font-size: 13px;
	line-height: 20px;
    height:40px;
    /*list-style-type:disc;
    list-style-position: inside;
	overflow:hidden;*/
	color: #674F21;

}
.bookbrown13 a:link{color:#674F21;text-decoration:underline;}
.bookbrown13 a:active{color:#674F21;text-decoration:underline;}
.bookbrown13 a:visited{color:#674F21 ;text-decoration:underline;}
.bookbrown13 a:hover{color:#674F21; text-decoration:underline;}


.webblue13 {
	font-size: 13px;
	line-height: 20px;
	color: #09596d;
}

.webblue13 a:link{color:#09596d;text-decoration:underline;}
.webblue13 a:active{color:#09596d;text-decoration:underline;}
.webblue13 a:visited{color:#09596d ;text-decoration:underline;}
.webblue13 a:hover{color:#09596d; text-decoration:underline;}

.carblue{
color:#3F7194;
font-weight:bold;
font-size:13px
}

.pitemblue{
color:#2b5f94;
font-weight:bold;
}
.pitemblue a:link{color:#275787;text-decoration:underline;font-weight:normal}
.pitemblue a:active{color:#275787;text-decoration:underline;font-weight:normal}
.pitemblue a:visited{color:#275787 ;text-decoration:underline;font-weight:normal}
.pitemblue a:hover{color:#275787; text-decoration:underline;font-weight:normal}

/*定價*/
.red{color:#ff0000;}
.gray13 {
	font-size: 13px;
	line-height: 15px;
	height: 30px;	
	color: #333333;
}
.gray13 a:link{color:#333333;text-decoration:none;}
.gray13 a:active{color:#333333;text-decoration:none;}
.gray13 a:visited{color:#333333 ;text-decoration:none;}
.gray13 a:hover{color:#333333; text-decoration:none;}

/*其他文字*/
.gray13_1 {
	font-size: 13px;
	line-height: 15px;
	color: #333333;
}
.gray13 span{
	font-size: 13px;
	line-height: 18px;
	color: #ce0609;
	font-weight: bold;
}

/*紅色*/
.book16 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #cc0000;	
}
.book16 a:link{color:#cc0000;text-decoration:none;}
.book16 a:active{color:#cc0000;text-decoration:none;}
.book16 a:visited{color:#cc0000 ;text-decoration:none;}
.book16 a:hover{color:#cc0000; text-decoration:none;}

.red16 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #A44857;	
}


.red13 {
	font-size: 13px;
	font-weight: bold;
	color: #cc0000;	
}
.red13 a:link{color:#cc0000;text-decoration:underline;}
.red13 a:active{color:#cc0000;text-decoration:underline;}
.red13 a:visited{color:#cc0000 ;text-decoration:underline;}
.red13 a:hover{color:#cc0000; text-decoration:underline;}


.webred16 {
	font-size: 15px;
	line-height: 20px;
	color: #85141e;
	font-weight: bold;	
}
.webred16 a:link{color:#85141e;text-decoration:none;}
.webred16 a:active{color:#85141e;text-decoration:none;}
.webred16 a:visited{color:#85141e ;text-decoration:none;}
.webred16 a:hover{color:#85141e; text-decoration:none;}

.webred13 {
	font-size: 13px;
	line-height: 20px;
	color: #85141e;
}
.webred13 a:link{color:#85141e;text-decoration:underline;}
.webred13 a:active{color:#85141e;text-decoration:underline;}
.webred13 a:visited{color:#85141e ;text-decoration:underline;}
.webred13 a:hover{color:#85141e; text-decoration:underline;}

/*粉紅*/
.webpink16 {
	font-size: 15px;
	line-height: 20px;
	color: #c62f55;
	font-weight: bold;	
}
.webpink16 a:link{color:#c62f55;text-decoration:none;}
.webpink16 a:active{color:#c62f55;text-decoration:none;}
.webpink16 a:visited{color:#c62f55 ;text-decoration:none;}
.webpink16 a:hover{color:#c62f55; text-decoration:none;}

.webpink13 {
	font-size: 13px;
	line-height: 20px;
	color: #c62f55;
}
.webpink13 a:link{color:#c62f55;text-decoration:underline;}
.webpink13 a:active{color:#c62f55;text-decoration:underline;}
.webpink13 a:visited{color:#c62f55 ;text-decoration:underline;}
.webpink13 a:hover{color:#c62f55; text-decoration:underline;}



/*橘*/
.weborange16 {
	font-size: 15px;
	line-height: 24px;
	color: #CE480F;
	font-weight: bold;
}
.weborange16  a:link{color:#CE480F;text-decoration:none;}
.weborange16  a:active{color:#CE480F;text-decoration:none;}
.weborange16  a:visited{color:#CE480F ;text-decoration:none;}
.weborange16  a:hover{color:#CE480F; text-decoration:none;}


.lightorange13 {
	font-size: 13px;
	line-height: 20px;
	color: #FFBD59;
	font-weight: bold;
}
.lightorange13   a:link{color:#FFBD59;text-decoration:none;}
.lightorange13   a:active{color:#FFBD59;text-decoration:none;}
.lightorange13   a:visited{color:#FFBD59;text-decoration:none;}
.lightorange13   a:hover{color:#FFBD59; text-decoration:none;}


.weborange13 {
	font-size: 13px;
	line-height: 20px;
	color: #CE480F;
}
.weborange13  a:link{color:#CE480F;text-decoration:underline;}
.weborange13  a:active{color:#CE480F;text-decoration:underline;}
.weborange13  a:visited{color:#CE480F ;text-decoration:underline;}
.weborange13  a:hover{color:#CE480F; text-decoration:underline;}

.orange16 {
	font-size: 16px;
	line-height: 20px;
	color: #fb7a05;
	font-weight: bold;
}
.orange13 {
	font-size: 13px;
	color: #E85C00;
	font-weight: bold;
}
.orange13  a:link{color:#E85C00;text-decoration:underline;}
.orange13  a:active{color:#E85C00;text-decoration:underline;}
.orange13  a:visited{color:#E85C00;text-decoration:underline;}
.orange13  a:hover{color:#E85C00; text-decoration:underline;}

.pitemorange{
color:#d85c00;
font-weight:bold;
}
.pitemorange a:link{color:#CC5700;text-decoration:underline;font-weight:normal}
.pitemorange a:active{color:#CC5700;text-decoration:underline;font-weight:normal}
.pitemorange a:visited{color:#CC5700 ;text-decoration:underline;font-weight:normal}
.pitemorange a:hover{color:#CC5700; text-decoration:underline;font-weight:normal}


	
	
/*text line*/
.line15{line-height:1.5em}	
.line17{line-height:1.7em}	

.cardash td{border-right:1px #cccccc dashed}
.carsolid {border-bottom:1px #999999 solid}

.btable {color:#000000;border-bottom:1px #999999 solid}
.btable2{color:#000000;border-top:1px #999999 solid}
.btable2 span {color:#F1070A; font-weight:bold;font-family:arial}



/***********************test*/
.feature {
	MARGIN-TOP: 2em;
	WIDTH: 600px;
	POSITION: relative
}
.feature H2 {
	MARGIN: 20px 0px 7px;
	text-align: left;
	text-indent: 10px;
}
.feature A IMG {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px solid
}
.feature A:hover IMG {
	BORDER-RIGHT: #2388ff 1px solid; BORDER-TOP: #2388ff 1px solid; BACKGROUND: #ffc; BORDER-LEFT: #2388ff 1px solid; BORDER-BOTTOM: #2388ff 1px solid
}

#my-glider {
	POSITION: relative
}
.scroller {
	OVERFLOW: hidden; WIDTH: 550px; HEIGHT: 180px
}
.scroller .section {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 550px; WHITE-SPACE: nowrap; HEIGHT: 180px; TEXT-ALIGN: center
}
.scroller .content {
	WIDTH: 10000px
}
#prevLink {
	DISPLAY: block;
	OVERFLOW: hidden;
	WIDTH: 14px;
	TEXT-INDENT: -99999px;
	POSITION: absolute;
	TOP: 25%;
	HEIGHT: 52px;
	background-image: url(http://www.sanmin.com.tw/images/new3/lefticon.gif);
	background-repeat: no-repeat;
}
#nextLink {
	DISPLAY: block;
	OVERFLOW: hidden;
	WIDTH: 14px;
	TEXT-INDENT: -99999px;
	POSITION: absolute;
	TOP: 25%;
	HEIGHT: 52px;
	background-image: url(http://www.sanmin.com.tw/images/new3/righticon.gif);
	background-repeat: no-repeat;
}


#prevLink {
	LEFT: 13px
}
#nextLink {
	RIGHT: 15px
}


/*首頁暢銷*/
.defaultmove1{
width:130px;
background:#fff;
border:1px solid #aaa;
padding:8px;
position:absolute;
top:-180px;
left:100px;
z-index:99999;
text-align:left;

}
.defaultmove1 span{
width:50px;
height:50px;
background:url(http://www.sanmin.com.tw/images/new3/defaultarr01.gif) no-repeat;
position:absolute;
top:75px;
left:-12px;
}

.defaultmove2{
width:100%;
text-align:center;
}
.defaultmove2 td div.defaultmove3{
position:relative;
width:105px;
height:0px;
}
.defaultmove2 td.defaultmove4{
width:103px;
padding:10px 0 7px 0;
}

/*關鍵字*/

.key18 {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	font-weight: bold;
}
.key18 a:link{color:#333333;text-decoration:none;}
.key18 a:active{color:#333333;text-decoration:none;}
.key18 a:visited{color:#333333 ;text-decoration:none;}
.key18 a:hover{color:#333333; text-decoration:none;}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}


/*
p.da{
background:url(images/m_dash01.gif) 0 20px;
/*font:0.8em/1.95em Arial,新細明體,;*/
/*line-height:25px;
color:#000000;
}*/

/* ------ Menu Style ----- */
#carTab {
}
#carTab li {
    display: inline;
}
#carTab li a {
    float: left
    text-align: center;
    text-decoration: none;
}
#carTab li a:hover {
    text-decoration: none;
}
#carTab li.sel a {
/* ----- border-bottom: solid 3px #ff00ff;----- */
}

/* ----- Very Useful ClearFix Hack ----- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*生活館*/
.title1 {font-size: 13px; line-height: 20px; color: #4b2587; font-weight: bold;}
.title2 {font-size: 15px; line-height: 20px; color: #8f77b5; font-weight: bold;}
.cc {font-size: 13px; line-height: 17px; color: #333; font-family: "Verdana", "新細明體", "Arial", "Helvetica", "sans-serif"; text-decoration: none;}
.qq {font-size: 15px; line-height: 24px; color:#05608F; font-weight: bold; text-decoration: none;}
.pp {font-size: 13px; line-height: 18px; color: #003366; font-weight: bold; text-decoration: none;}

/*文具館*/
.title1_sg {font-size: 13px; line-height: 20px; color: #311806; font-weight: bold;}
.title2_sg {font-size: 15px; line-height: 20px; color: #563f2e; font-weight: bold;}
.cc_sg {font-size: 13px; line-height: 17px; color: #333; font-family: "Verdana", "新細明體", "Arial", "Helvetica", "sans-serif"; text-decoration: none;}
.qq_sg {font-size: 15px; line-height: 24px; color:#05608F; font-weight: bold; text-decoration: none;}
.pp_sg {font-size: 13px; line-height: 18px; color: #003366; font-weight: bold; text-decoration: none;}

	 .ClassBOXtd
 {
     background-image: url(/Content/images/new3/search_01.gif);
     background-position:  0px;padding-left: 30px;
     text-align:left;
}
	.ClassMenu{
		list-style-type:none;
		border:0px #000 solid;
		width:160px;
		padding:0px;
		padding-left:2px;
		margin:0px;
		overflow:hidden;
        font-size: 13px;
        text-align:left;	
	}
	.ClassMenu li{
		width:160px;
		border-bottom:1px #000 dotted;
		line-height:20px;
		padding-top:5px;
		padding-bottom:5px;
        cursor: pointer;
            
	}
    .ClassMenu li:last-child{
		
		border-bottom:0px #000 dotted;
    
	}
	.ClassMenu .ClassBox .ListLink, .Nor {
		color:#333333;
       font-family:"Verdana","新細明體", "Arial", "Helvetica", "sans-serif";   
	}
	.ClassMenu .SelB {
		color:#3A5FCD;
	}
	.ClassMenu .SelR {
		color:red;
	}
	.ClassMenu span{
		padding-left:0px;
	}
     .ClassMenu p
    {
        margin:0;
		padding:0px;
        padding-left:10px;
    }
	
   .ClassMenu .Lev1 ,.Lev4 {
		background: url(/Content/images/new3/r_icon2.gif) no-repeat  0% 50%;
	}
	.ClassMenu .Lev2, .Lev5{
		background: url(/Content/images/licon1.gif) no-repeat  0% 50%;

	}
	.ClassMenu .Lev3, .Lev6{
		background: url(/Content/images/new3/blueicon2.gif) no-repeat  0% 50%;

	}
    
	/*.ClassMenu .Lev1 ,.Lev4 {
        background: url(/Content/images/new2/arrow10.gif) no-repeat  0% 50%;
	}
	.ClassMenu .Lev2, .Lev5{
        background: url(/Content/images/new2/arrow09.gif) no-repeat  0% 50%;
	}
	.ClassMenu .Lev3, .Lev6{
        background: url(/Content/images/new2/arrow01.gif) no-repeat  0% 50%;
	}*/
	
	/*各館排行榜清單*/
ul.RankListBox 
{
	margin:0;
	padding:0;
	margin-left:16px;
	width:154px;
	list-style: none;
	border:0px #000 solid;
	line-height: 13px;
	font-size:12px;

}
ul.RankListBox >li{
	height: 75px;
	max-height:75px;
	overflow:hidden;
	list-style: none;
	margin:0;	
}
ul.RankListBox >li:last-child .RankItem{
	border-bottom:0px solid #999999;	
}
ul.RankListBox .RankItem
{
	padding-top:5px;
	padding-bottom:0px;
	vertical-align:top;
	width:154px;
	height: 75px;
	border-bottom:1px solid #999999;
	float:none;
	cursor: pointer;
}


ul.RankListBox .RankImg
{
	margin: 0px;
	border: 1px #999999 solid;
	width: 44px;
	height: 62px;
	padding: 2px;
	display: table-cell;
	vertical-align:middle;
	position:relative;
	text-align:center;
	float: left;
	-moz-box-shadow:1px 1px 1px 1px #cccccc;
	-webkit-box-shadow:1px 1px 1px 1px #cccccc;
	box-shadow:1px 1px 1px 1px #cccccc;

}
ul.RankListBox .Info 
{
	width:108px;
	height: 52px;
	padding:0px;
	margin: 0px;
	padding-left:2px;
	vertical-align:top;
	overflow: hidden;
	float:left;
}
ul.RankListBox .RImg
{
	bottom:0;
	right:0;
	position:absolute;
	
}
/*書名*/
ul.RankListBox .Info a 
{
	text-decoration: none;
	color: #05608f;
	font-size:12px;
	
}

ul.RankListBox .Bname
{   
	width: 100%;
	margin:0;
	overflow:hidden;

}

ul.RankListBox .Au
{
	width:100%;
	color: #598f35;
	max-height: 26px;
	margin:0;
	overflow:hidden;
}


ul.RankListBox .Num
{
	margin:0;
	padding:0;
	background-color:#05608f;
	color:#fff;
	font-size:10px;
}
ul.RankListBox  .RankItem:hover
{
	
	vertical-align:top;
	margin-top:0px;
	margin-left:-8px;
	width:156px;
	height: 65px;
	border:2px solid #999999;
	border-left:0px solid #999999;
	float:none;
	-moz-box-shadow:5px 5px 5px 5px #cccccc;
    -webkit-box-shadow:5px 5px 5px 5px #cccccc;
    box-shadow:5px 5px 1px 1px #cccccc;
	z-index:11;
	background-color:#fff;
	padding-bottom:0px;
	padding-top:3px;
	padding-left:3px;
	position:absolute;
}
.ImgTip{
	width:200px;
	height:271px;
	padding: 2px;
	position:absolute;
	background-color:#fff;
	border:2px #999999 solid;
	border-radius: 5px 5px 5px 5px;
	z-index:10;
	display: table-cell;
	opacity:0;
	vertical-align:middle;
	overflow: hidden;
	-moz-box-shadow:5px 5px 5px 5px #cccccc;
    -webkit-box-shadow:5px 5px 5px 5px #cccccc;
    box-shadow:5px 5px 1px 1px #cccccc;
	top:-1000px;
    display:none;
}
.ImgTip img{
	margin:0px auto;
	vertical-align:middle;
}
.ClassMenuShowBg{
	width:100%;
	height:100%;
	margin:0;
	top:0;
	left:0;
	z-index:1;
	background-color:#000;
	position:fixed;
	opacity:0.7;
}


	
/*共用css*/
.PromoProd{
    position:relative;
    
    padding:0;
}
.PromoProd ul.ProdInfo,.PromoProd ul.ProdInfo >li{
    padding:0;
    margin:0;
    list-style:none;
    line-height:20px;
}
.PromoProd .Title ,.PromoProd .Title >a
{
    font-size:13px;

    max-height:40px;
    color: #003366;
    text-decoration: none;
    font-weight: bold;
    overflow:hidden;

}
.PromoProd .ProdImgCenter
{
    margin-left:0;
    background-color:#fff;
}

.PromoProd >ul.ProdInfo >li.PriceBox
{
    font-size:13px;
    text-decoration: none;

}

.PromoProd .Intro
{
    font-size:13px;
    text-decoration: none;
    text-align:left;
    
}
.PromoProd .BtnMore{
    position:absolute;
    right:1px;
}

/*共用css*/


.PromoProd_s1{
    margin:5px;
    width:290px;
    height:158px;

    overflow:hidden;
    
}
.PromoProd_s2{
    margin:2px;
    overflow:hidden;
}
.PromoProd_s2 .Title {
    text-align:center;
}

/*s3*/
table.Recommend{
    width:600px;
    min-height:180px;
    padding-left:20px;
}
table.Recommend td:first-child{
     border-right:2px #999999 dotted;
}


.PromoProd_s3{
    margin:0;
    margin-left:10px;
    padding:0;
    width:405px;
    max-height:259px;
    overflow:hidden;
    float:left;
}
.PromoProd_s3 .s3Img{
    margin:0px;
     margin-right:10px;
     float:left;
    
}


div.RecommendList{
    vertical-align:top;
    width:185px;
    min-height:150px;
    padding-left:10px;
   
}
div.RecommendList >ul
{
    width:175px;
    margin:0px 0px 0px 0px;
    padding-left:10px;
}
div.RecommendList  >ul >li
{
    margin:3px 0px 3px 0px;
    min-height:30px;
    padding:0;
    line-height:15px;
}

/*s3*/


.PromoProd_s4{
    margin:0;
    padding:0;
    width:300px;
    max-height:258px;
    *max-height:258px;
    _max-height:258px;
    overflow:hidden;  
}
.PromoProd_s4 .ProdInfoBox
{
    width:190px;
    margin-left:110px;
}