@charset "utf-8";
/* CSS Document */

/* 背景圖 */
body{}

.cc table tr td {
	border:0; border:#999999 1px solid;  
}

td{ font-size:12px;word-wrap: break-word;
word-break: break-all;}

.price{font-size:18px;
font-family:Arial;
color:#FF0000;
font-weight:bold;}

.price2{font-size:24px;
font-family:Arial;
color:#ff7f00;
font-weight:bold;}

.price3{font-size:12px;
font-family:Arial;
color:#339933;
font-weight:bold;}

hr{
border:#339933 2px dotted;}

/* ====== 超連結 ====== */
a {color:#808080;  text-decoration:none; }

a:hover{ color:#808080;text-decoration:underline; }

/* members 首頁會員專區超連結 */
.members a{ font-size:11px; color:#000000;margin:0; padding:0; text-decoration:none; letter-spacing:1px;}

.members a:hover{ text-decoration:underline; color:#666666;margin:0;padding:0;}

/* products 首頁產品專區超連結 */
.products a{ font-size: 11px;  color: #000099 ; margin:0; padding:0;  letter-spacing:1px; line-height:14px;}

.products a:hover{ color:#990000; margin:0;padding:0;}

.products p{font-size:11px;}

/* news 首頁最新消息超連結 */
.news a{ font-size:11px; text-align:center; text-decoration:none; color: #000099 ; margin:0; padding:0;  letter-spacing:1px;}

.news a:hover{ text-decoration:underline; color:#333333; margin:0;padding:0;}


/* ======== 文字部分 ======= */

/* 標題切換圖示 */
h1{ font-size:18px;display:block;}

h2{ font-size:12px;display:block;}

h3{ font-size:12px; font-weight:300px; text-align:center; display:block; width:177px; height:26px; background-image: url(../images/00.gif);  margin:0; padding:0;}

h3 a {color:#000033; text-decoration:none; line-height:26px;}

h3 a:hover {color:#990000;}

h4{ font-size:12px; font-weight:300px; text-align:center; display:block; width:412px; height:26px; background-image: url(../images/01.gif);  margin:0; padding:0;}

h4 a {color:#000033; text-decoration:none; line-height:25px;}

h4 a:hover {color:#990000;}


h5 a{font-size:12px; font-weight:300px; text-align:center; display:block; width:161px; height:26px; background-image: url(../images/cion.gif);  color:#000033; text-decoration:none; line-height:25px;}

h5 a:hover { background-position:right top; color:#333333;}

h6{ font-size:12px; color:#000000;font-weight:300px; text-align:center; display:block; width:190px; height:33px; background-image: url(../images/name.gif); line-height:36px;}

.h7{ font-size:12pt; color:#004080;  font-weight:bold ; text-decoration:none; line-height: 150% ; margin-left: 15px; margin-right: 15px;}

.h8{ font-size:9pt; color:#333333;  text-decoration:none; style:line-height: 120% ; margin-left: 15px; margin-right: 15px;}

.h9{ font-size:11pt; font-weight:bold; color:#ff7f00;  text-decoration:none; style:line-height: 120% ;}


.link a{display:block; background-image: url(../images/cion.gif);  color:#000033; text-decoration:none; line-height:25px; text-align:center; padding:5px 10px 5px 10px ;}

.link a:hover {background-position:right top; color:#333333; text-decoration:none;}

/* 圖示標框美化 */
.imageborder{ border-top:#FAFAFC 2px outset; border-right:#FAFAFC 2px outset; border-bottom:#FAFAFC 2px outset; border-left:#FAFAFC  2px outset;}

.imageborder_a{ border-top:#FAFAFC 2px groove; border-right:#FAFAFC 2px groove; border-bottom:#FAFAFC 2px groove; border-left:#FAFAFC  2px groove;}

.top{background-image: url(../images/index_top_03.gif);}

/*CSS msdn style pagination*/

DIV.msdn {
	PADDING-RIGHT: 6px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; COLOR: #313031; PADDING-TOP: 4px; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,Sans-Serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center;vertical-align:middle;
}
DIV.msdn A {
	BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0030ce; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; TEXT-DECORATION: none
}
DIV.msdn A:hover {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.pagination A:active {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.current {
	BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #444444; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.disabled {
	DISPLAY: none
}

/*按鈕*/
input#imageButtonLogin   {  
	background-image:url(../images/gif/members_material-mo1.jpg);  
	border:none;  
	width:114;height:48;  
}
input#imageButtonLoginReset  {  
	background-image:url(../images/gif/members_material_a-mo2.jpg);  
	border:none;  
	width:114;height:48;  
}
input#imageButtonConfirmation  {  
	background-image:url(../images/gif/password_icon.jpg);  
	border:none;  
	width:114;height:48;  
}
input#imageButtonproductAdd  {  
	background-color:#ffffff;  
	background-image:url(../images/product/product_+.gif);  
	border:none;  
	width:91;height:67;  
}
input#imageSearchButton  {  
	background-color:#ffffff;  
	background-image:url(../images/gif/search_button.jpg);  
	border:none;  
	width:53;height:21;  
}
input#members_material_a  {  
	background-color:#ffffff;  
	background-image:url(../images/gif/members_material_a-mo1.jpg);  
	border:none;  
	width:114;height:48;  
}
input#members_material_a2  {  
	background-color:#ffffff;  
	background-image:url(../images/gif/members_material_a-mo2.jpg);  
	border:none;  
	width:114;height:48;  
}
input#members_password_a  {  
	background-image:url(../images/gif/password_icon.jpg);  
	border:none;  
	width:114;height:48;  
}
input#shopping_a  {  
	background-image:url(../images/gif/buy.jpg);  
	border:none;  
	width:70;height:52;  
}
/*購物推車圖層定位*/
div.wagon {
	position:relative;
}
div.wagon img.right_bottom {
	position: absolute;
	right: 0; bottom: -2;
}



/* overrides for ui-tab styles */
#widget-docs ul.ui-tabs-nav { padding:5px 5px 5px 5px;}
#widget-docs .ui-tabs-nav li { margin:15px 5px 15px 5px; }

#widget-docs .ui-tabs-nav li a:link,
#widget-docs .ui-tabs-nav li a:visited,
#widget-docs .ui-tabs-nav li a:hover,
#widget-docs .ui-tabs-nav li a:active { font-size:14px; padding:4px 4px 3px; color:#fff; }

#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:active
#widget-docs .ui-tabs-panel { padding:20px 9px; font-size:12px; line-height:12px; }

#widget-docs .ui-widget-content a:link,
#widget-docs .ui-widget-content a:visited { color:#1b75bb; text-decoration:none; }
#widget-docs .ui-widget-content a:hover,
#widget-docs .ui-widget-content a:active { color:#0b559b; }


/*關於我們-標題連結*/

#menuLinkLeft1 a{ display:block;width:68px; height:26px; text-decoration:none; line-height:28px;}

#menuLinkLeft1 a:hover { 
	background-image: url(../images/gif/prof_abou_mo1-on.jpg) ;
	text-decoration: none;
}
#menuLinkLeft2 a{ display:block;width:68px; height:26px; text-decoration:none; line-height:28px;}

#menuLinkLeft2 a:hover { 
	background-image: url(../images/gif/prof_abou_mo2-on.jpg) ;
	text-decoration: none;
}
#menuLinkLeft3 a{ display:block;width:68px; height:26px; text-decoration:none; line-height:28px;}

#menuLinkLeft3 a:hover { 
	background-image: url(../images/gif/prof_abou_mo3-on.jpg) ;
	text-decoration: none;
}


/*關懷園地-標題連結*/

#menuLinkcare1 a{ display:block;width:83px; height:26px; text-decoration:none; line-height:28px;}

#menuLinkcare1 a:hover { 
	background-image: url(../images/gif/prof_care_mo1-on.jpg) ;
	text-decoration: none;
}
#menuLinkcare2 a{ display:block;width:83px; height:26px; text-decoration:none; line-height:28px;}

#menuLinkcare2 a:hover { 
	background-image: url(../images/gif/prof_care_mo2-on.jpg) ;
	text-decoration: none;
}

/*客服中心-標題連結*/

#menuLinkcontact1 a{ display:block;width:68px; height:26px; text-decoration:none; line-height:28px;}
#menuLinkcontact1 a:hover { 
	background-image: url(../images/gif/prof_contact_mo1-on.jpg) ;
	text-decoration: none;
}

/*會員中心-標題連結*/
#menuLinkmember1 a{ display:block;width:68px; height:26px; text-decoration:none; line-height:28px;}
#menuLinkmember1 a:hover { 
	background-image: url(../images/gif/prof_members_mo1-on.jpg) ;
	text-decoration: none;
}

#menuLinkmember2 a{ display:block;width:68px; height:26px; text-decoration:none; line-height:28px;}
#menuLinkmember2 a:hover { 
	background-image: url(../images/gif/prof_members_mo2-on.jpg) ;
	text-decoration: none;
}


#menuLinkmember3 a{ display:block;width:68px; height:26px; text-decoration:none; line-height:28px;}
#menuLinkmember3 a:hover { 
	background-image: url(../images/gif/prof_members_mo3-on.jpg) ;
	text-decoration: none;
}

/**/
a.prof_abou_mo2{
	text-align:center; 
	width:68px; height:28px; 
	margin:0; padding:0;
	background-image: url(../images/gif/prof_abou_mo2.jpg);
}
a.prof_abou_mo2:hover{
	text-align:center; 
	width:68px; height:28px; 
	margin:0; padding:0;
	background-image: url(../images/gif/prof_abou_mo2-on.jpg);
}
a.prof_abou_mo3{
	text-align:center; 
	width:68px; height:28px; 
	margin:0; padding:0;
	background-image: url(../images/gif/prof_abou_mo3.jpg);
}
a.prof_abou_mo3:hover{
	text-align:center; 
	width:68px; height:28px; 
	margin:0; padding:0;
	background-image: url(../images/gif/prof_abou_mo3-on.jpg);
}


/**/
a.style1 {
	color: #0000FF;
	font-weight: bold;
	font-size: 16px;
}
a.style1{ text-decoration: none }    　 //宣告HTML連結消除底線
a.style1:link {color:#0000FF }　　　　//宣告連結顏色
a.style1:visited {color:#cc00FF}　   　 //訪問過連結顏色
a.style1:active {color:#cc00FF}　　     //執行中連結顏色
a.style1:hover {color:#cc00FF}  

.re{color:#FF9933;}

#aa .01 a{display:block; width:427px; height:29px; background-image: url(../images/index/01.gif);text-indent: -9999px;}
#aa .02 a{display:block; width:427px; height:29px; background-image: url(../images/index/02.gif);text-indent: -9999px;}
#aa .03 a{display:block; width:427px; height:29px; background-image: url(../images/index/03.gif);text-indent: -9999px;}
#aa .04 a{display:block; width:427px; height:29px; background-image: url(../images/index/04.gif);text-indent: -9999px;}
#aa .05 a{display:block; width:427px; height:29px; background-image: url(../images/index/05.gif);text-indent: -9999px;}
#aa .06 a{display:block; width:427px; height:29px; background-image: url(../images/index/06.gif);text-indent: -9999px;}

/*首頁-產品TD高度*/
.prod  td {
	width:90px;height:151px;
	
}

bottomword {
	font-size: 12px;
	font-weight: bold;
}
  
ul {

 padding: 0;
margin-left: 20px;
}
li {

background-position: 10em;
margin: -0px;

}