﻿body
{
	font-family: Arial;
	font-size: 12px;
	margin:0px;
}

a:link{
   color:#031d58;
   text-decoration:none;
}

a:visited{
   color:#503740;
   text-decoration:none;
}

a:hover{
   color:#031d58;
   text-decoration:underline;
}
.tree_node_selected
{
	background-color: #336699;
	color: white;
}
.tree_node
{
	color: Black;
}
.tree_region
{
	width: 150px;
	overflow: hidden;
	background-color: #dddddd;
	font-size: 10px;
	color: Black;
	overflow: hidden;
}
.big_title
{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 1px;
	background-color: #000000;
	color: White;
	padding: 8px;
}
.big_title_underline
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom:10px;
}
.message
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom:10px;
	color:Red;
}
.list_small_image
{
	height: 84px;
	width: 84px;
	border: 1px solid gray;
	clear: right;
}
.txt_login
{
	width: 100px;
	height: 18px;
}
.dropdown
{
	font-size: 11px;
	width: 206px;
	color: #181E6F;
}
.txt_normal
{
	width: 200px;
	height: 16px;
	font-size: 10px;
	color: #181E6F;
}

.frm_main
{
	width: 100%;
}

.panel_search
{
	padding: 10px;
}
.img_friend_link
{
	border-width: 0px;
}
.link_part_type
{
	color:#999999;
	text-decoration:none;
}
.link_part_type:hover
{
	color:black;
	font-weight:bold;
}
.link_dynamic_effect i
{
	position:absolute;
	display:none;
}
.link_dynamic_effect:hover i
{
	display:block;
}
.link_dynamic_effect:hover
{
	display:block;
}

.image_2
{
	width:240px;
	height:240px;
	border:1px solid #dddddd;
	margin:10px;
}
.image_1
{
	width:80px;
	height:80px;
	border:1px solid #dddddd;
}

.image_3
{
	width:105px;
	height:105px;
	border:1px solid #dddddd;
}

.image_4
{
	width:430px;
	height:200px;
	border:1px solid #dddddd;
}
.image_5
{
	width:85px;
	height:85px;
	border:1px solid #dddddd;
}
 .image_6
 {
	width:275px;
	height:275px;
	border:1px solid #dddddd;
 }
.page_product_list 
{
	border:1px solid #dddddd;
	width:100%;
	}

#leftmenu .level1
{
	font-weight:bold;
	color:#000000;		
}
#leftmenu .level2
{
	
	color:#031d58;
}
#leftmenu .cate_list
{
	font-family:Arial;
	font-size:11px;
}
#leftmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 150px; /* Width of Menu Items */
  border-bottom: 1px solid #000000;
  }
  
#leftmenu  ul li {
  position: relative;
  }
  
#leftmenu  li ul 
{
  z-index:5;
  /*position: absolute;*/
  left: 149px; /* Set 1px less than menu width */
  top: 0;
  display: none;
  }

/* Styles for Menu Items */
#leftmenu  ul li a 
{
 
  display: block;
  text-decoration: none;
  color: #000000;
  background: #fff; /* IE6 Bug */
  padding: 5px;
  border: 1px solid #000000; /* IE6 Bug */
  border-bottom: 0;
  }
  
/* Holly Hack. IE Requirement \*/
* html #leftmenu  ul li { float: left; height: 1%; }
* html #leftmenu  ul li a { height: 1%; }
/* End */

#leftmenu li:hover ul,#leftmenu li.over ul { display: block; } /* The magic */

#gallery-box {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; DISPLAY: block; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 15px; MARGIN: 0px 0px 20px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 665px; PADDING-TOP: 15px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
.mini {
	BORDER-RIGHT: #990000 1px solid; BACKGROUND-IMAGE: url(images/infobak.bmp);BACKGROUND-REPEAT: repeat-x;PADDING-RIGHT: 0px; BORDER-TOP: #990000 1px solid; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 10px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 15px 12px 0px 0px; BORDER-LEFT: #990000 1px solid; WIDTH: auto; COLOR: #cc0000; LINE-HEIGHT: 16px; PADDING-TOP: 0px; BORDER-BOTTOM: #990000 1px solid; HEIGHT: auto; TEXT-ALIGN: center
}
.mini-off {
	BORDER-RIGHT: #990000 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #990000 1px solid; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 10px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 15px 12px 0px 0px; BORDER-LEFT: #990000 1px solid; WIDTH: auto; COLOR: #cc0000; LINE-HEIGHT: 16px; PADDING-TOP: 0px; BORDER-BOTTOM: #990000 1px solid; HEIGHT: auto; TEXT-ALIGN: center
}
.mini P {
	BACKGROUND-POSITION: 10% 50%; FONT-WEIGHT: normal; FONT-SIZE: 9px; MARGIN: 5px 15px 6px; COLOR: #cccccc; LINE-HEIGHT: 11px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: right
}
.mini-off {
	WIDTH: 115px; HEIGHT: 146px
}
.mini H5 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 2px; MARGIN: 0px 1px 1px 0px; TEXT-TRANSFORM: none; COLOR: #000000; LINE-HEIGHT: 15px; PADDING-TOP: 2px
}
.mini-off H5 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 2px; MARGIN: 0px 1px 1px 0px; TEXT-TRANSFORM: none; COLOR: #ffffff; LINE-HEIGHT: 15px; PADDING-TOP: 2px
}
.mini A STRONG {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 2px; MARGIN: 0px 1px 1px 0px; TEXT-TRANSFORM: none; COLOR: #ffffff; LINE-HEIGHT: 15px; PADDING-TOP: 2px
}
.mini A B {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 2px; MARGIN: 0px 1px 1px 0px; TEXT-TRANSFORM: none; COLOR: #ffffff; LINE-HEIGHT: 15px; PADDING-TOP: 2px
}
.mini B {
	FONT-WEIGHT: normal; COLOR: #ffdd00
}
.mini A {
	BACKGROUND-POSITION: 2% 50%; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(images/infobak.bmp); TEXT-TRANSFORM: none; COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: right; TEXT-DECORATION: none
}
.mini A:link {
	BACKGROUND-POSITION: 2% 50%; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(images/infobak.bmp); TEXT-TRANSFORM: none; COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: right; TEXT-DECORATION: none
}
.mini A:hover {
	BACKGROUND-POSITION: 2% 50%; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(images/infobak.bmp); TEXT-TRANSFORM: none; COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: right; TEXT-DECORATION: none
}
.mini A:visited {
	BACKGROUND-POSITION: 2% 50%; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(images/infobak.bmp); TEXT-TRANSFORM: none; COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: right; TEXT-DECORATION: none
}
.mini-off A {
	BACKGROUND-POSITION: 2% 50%; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(images/infobak.bmp); TEXT-TRANSFORM: none; COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: right; TEXT-DECORATION: none
}
.mini-off A:link {
	BACKGROUND-POSITION: 2% 50%; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(images/infobak.bmp); TEXT-TRANSFORM: none; COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: right; TEXT-DECORATION: none
}
.mini-off A:hover {
	BACKGROUND-POSITION: 2% 50%; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(images/infobak.bmp); TEXT-TRANSFORM: none; COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: right; TEXT-DECORATION: none
}
.mini A:hover {
	COLOR: #ffffff
}
.mini-off A:hover {
	COLOR: #ffffff
}
.mini A IMG {
	BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.mini-off A IMG {
	BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.mini-off {
	BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url(../images/no-imagen.gif); BACKGROUND-REPEAT: no-repeat
}
.info {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 2px; HEIGHT: auto
}
.info-new {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 2px; HEIGHT: auto
}
.info-new2 {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 2px; HEIGHT: auto
}
A.info {
	BACKGROUND-POSITION: 0% 0%; BACKGROUND-IMAGE: url(../images/infobak2.gif); BACKGROUND-REPEAT: repeat-x
}
A.info:link {
	BACKGROUND-POSITION: 0% 0%; BACKGROUND-IMAGE: url(../images/infobak2.gif); BACKGROUND-REPEAT: repeat-x
}
A.info:hover {
	BACKGROUND-POSITION: 0% 0%; BACKGROUND-IMAGE: url(../images/infobak2.gif); BACKGROUND-REPEAT: repeat-x
}
A.info:visited {
	BACKGROUND-POSITION: 0% 0%; BACKGROUND-IMAGE: url(../images/infobak2.gif); BACKGROUND-REPEAT: repeat-x
}
A.info-new {
	BACKGROUND-POSITION: 0% 0%; BACKGROUND-IMAGE: url(../images/infobak2.gif); BACKGROUND-REPEAT: repeat-x
}
A.info-new:link {
	BACKGROUND-POSITION: 0% 0%; BACKGROUND-IMAGE: url(../images/infobak2.gif); BACKGROUND-REPEAT: repeat-x
}
A.info-new:hover {
	BACKGROUND-POSITION: 0% 0%; BACKGROUND-IMAGE: url(../images/infobak2.gif); BACKGROUND-REPEAT: repeat-x
}
A.info-new:visited {
	BACKGROUND-POSITION: 0% 0%; BACKGROUND-IMAGE: url(../images/infobak2.gif); BACKGROUND-REPEAT: repeat-x
}
.info-new {
	BACKGROUND-IMAGE: url(images/infobak.bmp); COLOR: #990000
}
.info-new STRONG {
	BACKGROUND-IMAGE: url(images/infobak.bmp); COLOR: #990000
}
.dropdown1
{
	font-size: 12px;
	width: 60px;
	
}

	.line{
		border-top:1px solid #999999;
		border-right:1px solid #999999;
	}
	.line1{
		border-top:1px solid #999999;
		border-right:1px solid #999999;
		border-left:1px solid #999999;
	}
	.line2{
		border:1px solid #999999;
	}
	.line3{
		border-top:1px solid #999999;
		border-right:1px solid #999999;
		border-bottom:1px solid #999999;
	}
	
#hid{
	position:relative;
	width:250px;
	height:20px;
	font-size:12px;
	background:#FCC;
	line-height:20px;
	border:1px #CCC solid;
	display:none;
}
.popo {
        position: absolute;
        z-index: 10000;
        border: 1px solid #8c8c8c;
        background-color: #fffeec;
        width: 300px;
        padding: 10px;
        color: #656766;
    }
    
    .popo_pic {
        position: absolute;
        z-index: 100;
        border: 1px solid #8c8c8c;
        background-color: #fffeec;
        width: 216px;
        padding: 10px;
       color:#656766}
     #Login { margin:0 auto; width:300px; border:1px solid #000000; margin-top:50px; font-size:12px; }
    #Login #Title { text-align:left; padding:8px; background-color:#1794EC; color:white; font-weight:bold;}
    #Login #Input { padding:5px;line-height:200%; background-color:#ffffff; color:#000000;}
    #Login #Input .txt_login { width: 190px; height: 16px; font-size: 12px; color: #000000; margin-left:10px;}
    #Login #Input #Remember { text-align:left;}
    #Login #Input #Button { text-align:right;}
