@import url("ckeditor.css");

h1 .TextRed {
	color:#C91739;
	}
div#Pagination {
	text-align:center;
	margin-top:11px;
	}
div#RightProBanner img {
	border:0;
	display:block;
	margin-bottom:13px;
}
div#NewsList ul ul li {
	background:#eee;
	padding:5px 12px;
	margin-bottom:2px;
	}
div#NewsList ul ul {
	margin-top:4px;
	margin-left:13px;
	padding-left:5px;
	}
div#NewsList li {
	margin-bottom:12px;
	}
.ProPicBlock img {
	display:block;
	margin-bottom:5px;
	}
.ProPicBlock {
	float:right;
	margin:0 0 7px 9px;
	text-align:center;
}
div#PCmm ul ul ul li {
	margin:2px;
	padding:6px 8px;
	list-style-type:circle;
	background:none;
	background:#ddd;
	border-left:0;
	}
div#PCmm ul ul ul {
	margin:4px 0 6px 1px;
	padding-left:16px;
	}
	
div#PCmm ul ul li {
	margin:2px;
	padding:6px 10px;
	list-style-type:none;
	background:#eee;
	border-left:5px solid #ccc;
	clear:none;
	}
div#PCmm ul ul {
	margin:4px 0 12px 8px;
	padding:0 6px 1px 8px;
	border-top:0;
	}
div#PCmm ul li {
	margin-bottom:11px;
}
div#PCmm ul  {
	margin-left:4px;
	padding-left:12px;
	padding-top:22px;
	border-top:1px dashed #ddd;
	}
/* ------------------ Table ProdcutList  ---------------------- */
div#PCmm table.ProductList td img {
	border:1px solid #ccc;
	padding:2px;
}
div#Content table.ProductList td {
	background: url(../pic/cell-bk-1.gif) left top repeat-x;
	border-top:1px dashed #bbb;
	padding-left:7px;
}
table.ProductList {
	width:100%;
	}
/* ------------------ Table Style 1 ---------------------- */
table.TBstyle1 tr.TRstyle3 {
	background:#ccc;
	}
table.TBstyle1 tr.TRstyle2 {
	background:#fff;
	}
table.TBstyle1 tr.TRstyle1 {
	background:#f2f2f2;
	}
table.TBstyle1 td img {
	border:0;
	vertical-align:middle;
	}
table.TBstyle1 td {
	padding:8px 3px;
	vertical-align:top;
	}
table.TBstyle1 th {
	background: url(../pic/bk-3.gif) left top repeat-x;
	padding:8px;
	text-align:center;
	color:#fff;
	}
table.TBstyle1 caption {
	font-weight:bold;
	}
table.TBstyle1 {
	border:1px solid #aaa;
	width:97%;
	margin-top:15px;
	letter-spacing:1px;
	}

/* ------------------ Contact Form ---------------------- */
div#ContactForm  {
	font-size: 12px;
	}
div#ContactForm p {
	background: url(../pic/dot-7.gif) left top no-repeat;
	padding-left: 24px;
	}
div#ContactForm label {
	background: #ddd url(../pic/bk-3.gif) left top repeat-x;
	color: #fff;
	padding: 10px 0 7px 8px;
	margin-right: 11px;
	border-right: 5px solid #ddd;
	font-weight: bold;
	width: 100px;
	float: left;
	}
.red {
	color:red;
	}
div#ContactForm div.OneItem div.ItemRight label {
	background: none;
	border:0;
	font-weight:normal;
	float:none;
	width:auto;
	margin:auto;
	padding:auto;
	color:#8B7662;
	
	}
div#ContactForm div.OneItem div.ItemRight img {
	display: block;
	}
div#ContactForm div.OneItem div.ItemRight {
	float: left;
	width: 280px;
	margin-top: 3px;
	}
div#ContactForm div.OneItem {
	border-top: 1px dotted #ccc;
	margin-bottom: 15px;
	width:420px;
	float: left;
	clear:left;
	}
div#ContactForm select {
	margin-top: 2px;
	color:#586F96;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#eee;
	}
/* ------------------ HotNews ---------------------- */
div#HotNews ul li {
	margin-bottom:16px;
	}
div#HotNews ul {
	margin-left:11px;
	padding-left:13px;
	margin-right:4px;
	}
div#HotNews h2 {
	font-size:15px;
	margin:0;
	text-align:center;
	color:#777;
	background: url(../pic/HotNews-bk.gif) 0 0 repeat-x;
	padding:6px 0 13px 0;
	}
div#HotNews {
	background: url(../pic/HotNews-bottom.gif) bottom left repeat-x;
	border:1px solid #ccc;
	padding:2px 2px 12px 2px;
	margin:42px 0 44px 0;
	}	
/* ------------------ 內容區右 ---------------------- */
* html div#MCRB {
	float:left;
	width:176px;
	padding:1px 1px 22px 0px;
}
div#MCRB {
	float:left;
	width:166px;
	padding:1px 22px 22px 0px;
}
div#RightIndex ul li a:hover {
	color:#fff;
	}
div#RightIndex ul li a {
	text-decoration:none;
	display:block;
	}
div#RightIndex ul li:hover {
	background:#bbb;
	}
div#RightIndex ul li {
	margin-bottom:6px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#e3e3e3;
	padding:6px 9px;
	}
div#RightIndex ul {
	list-style-type:none;
	padding-left:8px;
	margin: 3px 0 0 7px;
	}
div#RightIndex h2 {
	font-size:15px;
	background: url(../pic/dot-HotProduct.gif) 0 0 no-repeat;
	padding-left:28px;
	color:#aaa;
	margin-top:9px;
	margin-bottom:10px;
}
div#RightIndex {
	width:165px;
	padding:1px 10px 10px 4px;
	background:#f4f4f4;
	margin-bottom:25px;
}
div#MainContentRight {
	float:left;
	width:159px;
	padding:1px 22px 12px 7px;
}
/* ------------------ 內容區左 ---------------------- */
.Gmap {
	border:1px solid #aaa;
	padding:2px;
	margin-top:8px;
	}
ul.ContactInfo ul {
	margin-left:11px;
	padding-left:14px;
	list-style-type:circle;
	list-style-image:none;
	margin-top:11px;
	letter-spacing:1px;
	}
ul.ContactInfo li {
	margin-bottom:11px;
	}
ul.ContactInfo {
	margin-left:11px;
	padding-left:14px;
	list-style-type:none;
	list-style-image:url(../pic/dot-3.gif);
	}
div#Content p {
	line-height:21px;
	}
div#Content h2 img {
	vertical-align:middle;
	margin-right:11px;
	}
div#Content h2 {
	font-size:16px;
	color:#666;
	background:#eee;
	padding:4px 11px;
	margin-left:-12px;
	margin-top:32px;
	}
div#Content h1 {
	font-size:16px;
	color:#666;
	margin-top:0;
	}
div#MainContentWide {
	float:left;
	width: 700px;
	margin:0 25px 0 21px;
}	
* html div#MainContentWide {
	float:left;
	width: 652px;
	margin:0 25px 0 21px;
}	
div#MainContentLeft {
	float:left;
	width: 500px;
	margin:0 25px 0 21px;
	}
* html div#MainContentLeft {
	width:505px;
	margin:0 20px 0 10px;
	}
div#MainContent {
	float:left;
	width: 747px; 
	margin-top:10px;
	}
*+ html div#MainContent {
	margin-top:1px;
	}
* html div#MainContent {
	margin-top:1px;
	}
	
/* ------------------ Bottom ---------------------- */
div#BottomBlock div#Copyright #creartive a {
	text-decoration:none;
	colsor:#f4f4f4;
	}
#creartive {
	margin-left:71px;
	background:#e4e4e4;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:6px 12px;
	}
*+ html #creartive {
	margin-top:-20px;
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	float:right;
}
* html #creartive {
	margin-top:-20px;
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	float:right;
}
div#BottomBlock div#Copyright a {
	text-decoration:underline;
	}
div#Copyright {	
	float:left;
	margin-top:19px;
	font-size:11px;
	letter-spacing:1px;
	}
div#BottomBlock a:hover {
	color:#cf0000;
	}
div#BottomBlock a {
	text-decoration:none;
	color:#999;
	}
div#BottomBlock ul li {
	float:left;
	margin-right:16px;
	}
div#BottomBlock ul {
	display:inline;
	float:left;
	list-style-type:none;
	margin:0;
	}
*+ html div#BottomBlock ul {
	margin:0 0 0 33px;
	}
* html div#BottomBlock ul {
	margin:0 0 0 33px;
	}
div#BottomBlock {
	float:left;
	background-color: #F2F2F2;
	width:947px;
	color:#aaa;
	margin-top:22px;
	padding:18px 0 12px 24px;
	}

/* ------------------ BreadCrumb ---------------------- */
p#BreadCrumb {
width: 726px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
margin-top:2px;
background-color: #F3E4E4;
padding: 5px 10px;
color:#888;
font-size:11px;
}
/* ------------------ Left Banner ---------------------- */
div#LeftBanner img {
	display:block;
	margin-bottom:15px;
	margin-left:18px;
	border:0;
	}
div#LeftBanner {
	}
/* ------------------ Left Catalogue ---------------------- */
div#MainContentRight div#LeftCatalogue {
	margin:24px 0 22px 1px;
}
div#LeftCatalogue p {
	background: url(../pic/dot-1.gif) 0 0 no-repeat;
	padding-left: 19px;
	margin:0 0 4px 24px;
}
div#LeftCatalogue img {
	border:0;
	}
div#LeftCatalogue {
	color:#555;
	margin:24px 0 22px 11px;
}
/* ------------------ Pcategory ---------------------- */
div#PCategory a:hover {
	color:#fff;
	}
div#PCategory a {
	color:#5f5f5f;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	padding:8px 0 4px 4px;
	display:block;
}
div#PCategory ul li:hover {
	background:#999;
}
div#PCategory ul li {
	border-bottom:1px dashed #999;
	color:#777;
	}
div#PCategory ul {
	margin:4px 0 4px 5px;
	padding-left:5px;
	list-style-type:none;
	}
div#PCategory {
	background:#e6e6e6 url(../pic/Left-Category-Top.gif) 0px 2px no-repeat;
	padding:36px 7px 13px 1px;
	margin-top:14px;
}

/* ------------------ Psearch ---------------------- */
div#Psearch {
	background:#e6e6e6 url(../pic/Left-Search-Top.gif) 10px 2px no-repeat;
	padding:36px 7px 13px 12px;
}
#PsearchForm {
	margin-top:0;
	margin-bottom:0;
	}
.box1 {
	background: url(../pic/bk-box.gif) 0 0 no-repeat;
	width: 121px;
	padding:3px 0 0 4px;
	border:1px solid #aaa;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#888;
	height:19px;
}
.Button1 {
	background: url(../pic/bk-1.gif) 0 -4px repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444;
	width:60px;
	border-width:1px;
}
/* ------------------------------------------------- */
/* ------------------ ddsmoothmenu ---------------------- */
.ddsmoothmenu img {
	border:1px solid #fff;
	vertical-align:middle;
	}
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: #ddd;
	z-index:9;
}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
	opacity: 0.8;
}
.ddsmoothmenu ul li ul li a:hover {
	background: #666;
}
.ddsmoothmenu ul li ul li a{
	font: normal 13px Verdana;
	width: 160px; /*width of sub menus*/
	padding: 6px 8px;
	display: block;
	margin: 0;
	color:#fff;
	border-top: 1px solid #ccc;;
	border-bottom: 1px solid #999;;
}
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
}
.ddsmoothmenu ul li ul{
	position: absolute;
	background:#aaa;
	left: 0;
	margin-left:0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}
.ddsmoothmenu ul li a.selected{ 
	background:#aaa;
	color:#fff;
}
.ddsmoothmenu ul li a:hover {
	background:#aaa;
	color:#fff;
}
.ddsmoothmenu ul li a{
	display: block;
	color:#555;
	font-size:15px;
	margin-right:5px;
	text-decoration:none;
	padding:3px 7px;
}
*+ html .ddsmoothmenu ul li a{
	padding:3px 8px;
}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
}
.ddsmoothmenu ul {
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ddsmoothmenu {
	padding:3px 0 4px 16px;
	border-bottom:5px solid #c00;
	width:957px;
	float: left;
	}
	
/* ------------------ Common ---------------------- */


img.PicBorder {
	padding:2px;
	border:1px solid #ccc;
	}
.TextRed {
	color:#000;
	}
.box2 {
	border: 5px solid #eee;
	margin-top: 3px;
	padding: 2px 7px;
	background: url(../pic/box_bk1.gif) left top no-repeat;
	width: 355px;
	height:200px;
	color: #283956;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}	

.box21 {
	border: 5px solid #eee;
	margin-top: 3px;
	padding: 2px 7px;
	background: url(../pic/box_bk1.gif) left top no-repeat;
	width: 295px;
	height:200px;
	color: #283956;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}	
.box3 {
	border: 5px solid #eee;
	padding: 2px 7px;
	background: #f4f4f4 url(../pic/box_bk1.gif) left top no-repeat;
	width: 295px;
	height: 20px;
	color: #586F96;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.box31 {
	border: 5px solid #eee;
	padding: 2px 7px;
	background: #f4f4f4 url(../pic/box_bk1.gif) left top no-repeat;
	width: 550px;
	height: 20px;
	color: #586F96;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.shorter {
	width:160px;
	}
.box4 {
	height: 30px;
	}

div#Container a.goback {
	background:url(/pic/arrow-left.gif) top left no-repeat;
	padding-left:18px;
	font-size:11px;
	color:#999;
	letter-spacing:0;
	}
div#Container a.gotop {	
	background:url(/pic/arrow-up.gif) top left no-repeat;
	padding-left:18px;
	font-size:11px;
	color:#999;
	letter-spacing:0;
	}
p.TopBack {
	text-align:right;
	border-bottom:1px dashed #bbb;
	margin:22px auto;
	padding-bottom:9px;
	clear:left;
	}	
img.RightBanner {
	border:0;
	margin:23px 0 0 34px;
	}
img.PicRight {
	float:right;
	margin:3px 0 5px 7px;
	}
img.PicBorderRight {
	border:1px solid #ccc;
	padding:2px;
	float:right;
	margin:3px 0 5px 7px;
	}
img#MainPic {
	margin-bottom:-4px;
	}
*+ html img#MainPic {
	margin-bottom:-6px;
	}
* html img#MainPic {
	margin-bottom:-6px;
	}
div#MainCol {
	float:left;
	width:720px;
	}
* html div#LeftCol {
	margin:0 6px 0 3px;
}
div#LeftCol {
	width:214px;
	float:left;
	margin:0 6px 0 6px;
	}
*+ html div#MainBlock {
	width:973px;
}
* html div#MainBlock {
	width:973px;
}
div#MainBlock {
	margin-top:5px;
	float:left;
	clear:left;
	}	
.NonBreak {
	display:inline;
	margisn-left:2px;
	}
* html .NonBreak {
	margin-left:6px;
	}
*+ html .NonBreak {
	margin-left:6px;
	}
a {
	color:#888;
	}
a:hover {
	color:#CF0000;
	}	
body {
	background:#f0f0f0 url(../pic/bk-page.gif) top left repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	padding-left:28px;
	color:#555;
	}	
div#Container {
	background:#fff url(../pic/top-image.jpg) top left no-repeat;
	padding-top:70px;
	float: left;
	width: 972px;
	border-right: 2px solid #808080;
	text-align: left;
	letter-spacing:2px;
	font-size:13px;
	}