.logo{
	margin: 0px;
	padding: 0px;
}

.layout{
	margin: 0px;
	padding: 0px;
	overflow:	hidden;
	text-align: left;
	white-space:nowrap;
}

.layout2{
	float:left;
	display: inline;
}

.center{
	text-align: -moz-center;
	!text-align: center;
}

.space{
	height: 4px;
	background-image: url(../images/spacer.gif); 
}

.space2{
	height: 8px;
	background-image: url(../images/spacer.gif); 
}

#viva_logo{
	width: 1000px;
	height: 119px;
	background-image: url(../images/header/header_bg.jpg); 
}

#viva_logo_bg{
	margin: 0px;
	height: 119px;
	background-image: url(../images/header/background.jpg); 
	background-repeat: repeat-x;
	text-align: -moz-center;
	!text-align: center;
}

#menu_dot{
	width: 1px;
	height: 37px;
	background-image: url(../images/menu/menu_dot.jpg); 
}

#menu_line{
	width: 950px; 
	height: 8px;
	background-image: url(../images/menu/menu_line.jpg);
}

#shop_body{
	width: 950px;
}

#shop_body_left{
	width: 177px;
}

#shop_body_space{
	width: 8px;
}

#shop_body_right{
	width: 765px;	/*暫時寬度，測試用而已*/
}

BODY {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

scrollbar-face-color:#E0DFDF;

scrollbar-highlight-color:#FFFFFF;

scrollbar-3dlight-color:#E0DFDF;

scrollbar-darkshadow-color:#E0DFDF;

scrollbar-shadow-color:#FFFFFF;

scrollbar-arrow-color:#FFFFFF;

scrollbar-track-color:#FFFFFF;

}

.type { font-size: 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 16px;}

.type_w { font-size: 9px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #797977; line-height:14px;}

.type_ww { font-size: 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; line-height:18px;}

.type_b { font-size: 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; line-height: 20px;}

.type_w_white { font-size: 9px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; line-height:14px;}

.member { font-size: 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0390d5; line-height: 16px;}

.member:link { color: #0390d5; text-decoration: none; }

.member:hover { color: #666666; text-decoration: underline; }

.member:active {color: #666666; text-decoration:  underline; }

.member:visted { color: #999999; text-decoration:  none; }



.footer { font-size: 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 16px;}

.footer:link { color: #666666; text-decoration: none; }

.footer:hover { color: #333333; text-decoration: underline; }

.footer:active {color: #333333; text-decoration:  underline; }

.footer:visted { color: #999999; text-decoration:  none; }

.footer_dash { font-size: 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; line-height: 16px;}



.login { font-size: 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0099FF; line-height: 16px;}

.login:link { color: #0099FF; text-decoration: none;; }

.login:hover { color: #0099FF; text-decoration: underline; }

.login:active {color: #0099FF; text-decoration: underline; }

.login:visted { color: #0099FF; text-decoration: underline; }



.join { font-size: 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff0000; line-height: 16px;}

.join:link { text-decoration: none;; }

.join:hover { text-decoration: underline; }

.join:active { text-decoration: underline; }

.join:visted { text-decoration: underline; }



.hotsearch { font-size: 12px; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 14px;}

.hotsearch:hover { text-decoration: none; color: #666666; }



.proname { font-size: 11px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #686868; line-height: 15px;}

.proname:link { text-decoration: none; color: #686868;}

.proname:hover { text-decoration: none; color: #333333; }

.proname:active { text-decoration: none; color: #333333; }

.proname:visted { text-decoration: none; color: #686868; }



.prointrocon { font-size: 11px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 20px;}



.prointrocon_b { font-size: 11px; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066FF; line-height: 20px;}

.prointrocon_b:link { text-decoration: underline; color: #0066FF;}

.prointrocon_b:hover { text-decoration: none; color: #0066FF; }

.prointrocon_b:active { text-decoration: none; color: #0066FF; }

.prointrocon_b:visted { text-decoration: none; color: #0066FF; }



.feature {  font-size: 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CC0000; line-height: 22px;}



.pronum_14 {  font-size: 14px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 18px; font-weight:bold; }



.proname_10 { font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #686868; line-height: 15px;}

.proname_10:link { text-decoration: none; color: #686868;}

.proname_10:hover { text-decoration: none; color: #333333; }

.proname_10:active { text-decoration: none; color: #333333; }

.proname_10:visted { text-decoration: none; color: #686868; }





.onair_nowpaly { font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #808080; line-height: 14px;}

.onair_prise { font-size: 11px; font-weight:bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF6666; line-height: 14px;}

.prise { font-size: 11px; font-weight:bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF6666; line-height: 14px;}

.price_18 {  font-size: 18px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; line-height: 18px; font-weight:bold; }

.price_18_sale {  font-size: 18px; text-decoration:line-through; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; line-height: 18px; font-weight:bold;}





.onair_programe { font-size: 11px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 21px;}

.onair_programeon { font-size: 11px; 

					text-decoration: none; 

					font-family: Verdana, Arial, Helvetica, sans-serif; 

					color: #FFFFFF;

					border-top: #E6E2DF 0px solid;

					border-right: #E6E2DF 0px solid;

					border-bottom: #E6E2DF 0px solid;

					border-left: #E6E2DF 0px solid;

					background-color: #F04B7F;}



.conads { font-size: 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0390d5; line-height: 16px;}

.newtvpro { font-size: 11px; 

					text-decoration: none; 

					font-weight:bold;

					font-family: Verdana, Arial, Helvetica, sans-serif; 

					color: #FFFFFF;

					border-top: #AEAEAE 0px solid;

					border-right: #AEAEAE 0px solid;

					border-bottom: #AEAEAE 0px solid;

					border-left: #AEAEAE 0px solid;

					background-color: #AEAEAE;

					padding-right:11px;

					padding-top:2px;

					padding-left:11px;

				    padding-bottom:3px;					

					}

.newtvproon { font-size: 11px; 

					text-decoration: none; 

					font-weight:bold;

					font-family: Verdana, Arial, Helvetica, sans-serif; 

					color: #FFFFFF;

					border-top: #0099FF 0px solid;

					border-right: #0099FF 0px solid;

					border-bottom: #0099FF 0px solid;

					border-left: #0099FF 0px solid;

					background-color: #0099FF;

					padding-right:11px;

					padding-top:2px;

					padding-left:11px;

				    padding-bottom:3px;					

					}

.newtvpro_no {  font-size: 11px; 

			    text-decoration: none; 

				font-weight:bold;

				font-family: Verdana, Arial, Helvetica, sans-serif; 

				color: #0099FF;

				border-top: #0099FF 1px solid;

				border-right: #0099FF 1px solid;

				border-bottom: #0099FF 1px solid;

				border-left: #0099FF 1px solid;

				background-color: none;

				padding-right:3px;

				padding-left:3px;

				}

.newtvpro_no:link { font-size: 11px; 

			        text-decoration: none; 

					font-weight:bold;

					font-family: Verdana, Arial, Helvetica, sans-serif; 

					color: #0099FF;

					border-top: #0099FF 1px solid;

					border-right: #0099FF 1px solid;

					border-bottom: #0099FF 1px solid;

					border-left: #0099FF 1px solid;

					background-color: none;

					padding-right:3px;

					padding-left:3px; }

					

.newtvpro_no:hover { font-size: 11px; 

			        text-decoration: none; 

					font-weight:bold;

					font-family: Verdana, Arial, Helvetica, sans-serif; 

					color: #FFFFFF;

					border-top: #0099FF 1px solid;

					border-right: #0099FF 1px solid;

					border-bottom: #0099FF 1px solid;

					border-left: #0099FF 1px solid;

					background-color: #0099FF;

					padding-right:3px;

					padding-left:3px; }

.newtvpro_no:active { font-size: 11px; 

			        text-decoration: none; 

					font-weight:bold;

					font-family: Verdana, Arial, Helvetica, sans-serif; 

					color: #FFFFFF;

					border-top: #0099FF 1px solid;

					border-right: #0099FF 1px solid;

					border-bottom: #0099FF 1px solid;

					border-left: #0099FF 1px solid;

					background-color: #0099FF;

					padding-right:3px;

					padding-left:3px; }

.newtvpro_no:visted { font-size: 11px; 

			        text-decoration: none; 

					font-weight:bold;

					font-family: Verdana, Arial, Helvetica, sans-serif; 

					color: #FFFFFF;

					border-top: #0099FF 1px solid;

					border-right: #0099FF 1px solid;

					border-bottom: #0099FF 1px solid;

					border-left: #0099FF 1px solid;

					background-color: #0099FF;

					padding-right:3px;

					padding-left:3px; }							



.newtvpro_no_o {  font-size: 11px; 

				text-decoration: none; 

				font-weight:bold;

				font-family: Verdana, Arial, Helvetica, sans-serif; 

				color: #FFFFFF;

				border-top: #0099FF 1px solid;

				border-right: #0099FF 1px solid;

				border-bottom: #0099FF 1px solid;

				border-left: #0099FF 1px solid;

				background-color: #0099FF;

				padding-right:3px;

				padding-left:3px;

				}



.mainbanner {   font-size: 11px; 

				text-decoration: none;

				color: #999999;

				padding-right:31px;

				padding-left:30px;

				padding-top:9px;

				padding-bottom:8px;	

				line-height: 31px;

				background: url(../images/m_banner_tab.gif);

				}

.mainbanner:hover { font-size: 11px;

				text-decoration: none;

				color: #FFFFFF;

				padding-right:31px;

				padding-left:30px;

				padding-top:9px;

				padding-bottom:8px;

				line-height: 31px;@

				background: url(images/m_banner_tab1_o.gif);

				}

.mainbanner2 {  font-size: 11px; 

				text-decoration: none;

				color: #999999;

				padding-right:31px;

				padding-left:30px;

				padding-top:9px;

				padding-bottom:8px;	

				line-height: 31px;

				background: url(../images/m_banner_tab.gif);

				}

.mainbanner2:hover {font-size: 11px;

					text-decoration: none;

					color: #FFFFFF;

				@@padding-right:31px;

				@@padding-left:30px;

					padding-top:9px;

					padding-bottom:8px;

					line-height: 31px;@

					background: url(images/m_banner_tab2_o.gif);

					}

.mainbanner3 {  font-size: 11px; 

				text-decoration: none;

				color: #999999;

				padding-right:31px;

				padding-left:30px;

				padding-top:9px;

				padding-bottom:8px;	

				line-height: 31px;

				background: url(../images/m_banner_tab.gif);

				}

.mainbanner3:hover {font-size: 11px;

					text-decoration: none;

					color: #FFFFFF;

				@@padding-right:31px;

				@@padding-left:30px;

					padding-top:9px;

					padding-bottom:8px;

					line-height: 31px;@

					background: url(images/m_banner_tab3_o.gif);

					}

.mainbanner4 {  font-size: 11px; 

				text-decoration: none;

				color: #999999;

				padding-right:31px;

				padding-left:30px;

				padding-top:9px;

				padding-bottom:8px;	

				line-height: 31px;

				background: url(../images/m_banner_tab.gif);

				}

.mainbanner4:hover {font-size: 11px;

					text-decoration: none;

					color: #FFFFFF;

				@@padding-right:31px;

				@@padding-left:30px;

					padding-top:9px;

					padding-bottom:8px;

					line-height: 31px;@

					background: url(images/m_banner_tab4_o.gif);

					}

.mainbanner5 {  

				background: url(../images/m_banner_tab.gif);

				}

.mainbanner5:hover {

				@@background: url(../images/m_banner_tab4_o.gif);

					}

.bannerwording { font-size: 11px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #808080; line-height: 15px;}

.bannerwording:link { text-decoration: none; color: #808080;}

.bannerwording:hover { text-decoration: none; color: #FFFFFF;}

.bannerwording:active { text-decoration: none; color: #FFFFFF;}

.bannerwording:visted { text-decoration: none; color: #808080;}

.bannerwording_nomal {
	font-size: 11px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 12pt;
}


.hotitem_border {	border-top: #E6E6E6 1px solid; border-right: #E6E6E6 1px solid;	border-bottom: #E6E6E6 1px solid; border-left: #E6E6E6 1px solid;	background-color: none;}

			

.search {

	font-size: 12px;

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #666666;

	background-color: none;

	padding-right:2px;

	padding-top:2px;

	padding-left:2px;

	padding-bottom:2px;

	scrollbar-face-color:#CCCCCC;

	scrollbar-highlight-color:#FFFFFF;

	scrollbar-3dlight-color:#CCCCCC;

	scrollbar-darkshadow-color:#CCCCCC;

	scrollbar-shadow-color:#FFFFFF;

	scrollbar-arrow-color:#FFFFFF;

	scrollbar-track-color:#FFFFFF;

	border: 1px solid #7f9db9;

}

.welcome {

	font-size: 12px;

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #666666;

}

.welcome_name {

	font-size: 12px;

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

}		  

				

				

.top10line { background-color: #FFFFFF;}

.0122line { background-color: #ba4322;}

.line { background-color: #D0B2C2;}



.sitemap_w { font-size: 12px; font-weight:bold; text-decoration: none;; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; line-height: 22px;}

.sitemap_w:link { text-decoration: underline; }

.sitemap_w:hover { text-decoration: underline; }

.sitemap_w:active { text-decoration: none; }

.sitemap_w:visted { text-decoration: none; }.prointrocon_n {

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 20px;

	font-weight: bolder;

	color: #FF0000;

}