/* CSS Document */
@import url("/makeup/css/tab.css");
@import url("/pages/inc/tab.css");
/*-- tb ----*/
.tb_blueyuan {
	FONT-SIZE: 12px;
}
.tb_blueyuan .label {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(/makeup/pic/blueyuanr.gif); BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 31px
}
.tb_blueyuan .label .title {
	PADDING-RIGHT: 15px; FONT-WEIGHT: bold; LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: url(/makeup/pic/blueyuanl.gif); COLOR:white; TEXT-INDENT: 22px; LINE-HEIGHT: 32px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 31px; font-size:14px;max-width:70% !important;
}
.tb_blueyuan .label .more {
	PADDING-RIGHT: 10px; FLOAT: right; LINE-HEIGHT: 25px; HEIGHT: 25px
}
.tb_blueyuan .content {
	CLEAR: both; BORDER-RIGHT: #20538b 1px solid;  BORDER-TOP: #20538b 1px; BORDER-LEFT: #20538b 1px solid;  BORDER-BOTTOM: #20538b 1px solid; BACKGROUND-COLOR: #F7F9F9
}


.tb_brownyuan {
	FONT-SIZE: 12px;
}
.tb_brownyuan .label {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(/makeup/pic/brownyuanr2.gif); BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 31px
}
.tb_brownyuan .label .title {
	PADDING-RIGHT: 15px; FONT-WEIGHT: bold; LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: url(/makeup/pic/brownyuanl2.gif); COLOR:white; TEXT-INDENT: 22px; LINE-HEIGHT: 32px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 31px; font-size:14px;max-width:70% !important;
}
.tb_brownyuan .label .more {
	PADDING-RIGHT: 10px; FLOAT: right; LINE-HEIGHT: 25px; HEIGHT: 25px
}
.tb_brownyuan .content {
	CLEAR: both; BORDER-RIGHT: #7f4d11 1px solid;  BORDER-TOP: #7f4d11 1px; BORDER-LEFT: #7f4d11 1px solid;  BORDER-BOTTOM: #7f4d11 1px solid; BACKGROUND-COLOR: #FAF7F3
}

.tb_greenyuan {
	FONT-SIZE: 12px;
}
.tb_greenyuan .label {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(/makeup/pic/greenyuanr.gif); BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 31px
}
.tb_greenyuan .label .title {
	PADDING-RIGHT: 15px; FONT-WEIGHT: bold; LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: url(/makeup/pic/greenyuanl.gif); COLOR:white; TEXT-INDENT: 22px; LINE-HEIGHT: 32px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 31px; font-size:14px; max-width:70% !important;
}
.tb_greenyuan .label .more {
	PADDING-RIGHT: 10px; FLOAT: right; LINE-HEIGHT:31px; HEIGHT: 31px
}
.tb_greenyuan .content {
	CLEAR: both; BORDER-RIGHT: #308f01 1px solid;  BORDER-TOP: #308f01 1px; BORDER-LEFT: #308f01 1px solid;  BORDER-BOTTOM: #308f01 1px solid; BACKGROUND-COLOR: #f4f7f3
}
.tb_greenyuan .label .more a{color:#FFFFCC}


.tb_blueyuan_tint {
	FONT-SIZE: 12px;
}
.tb_blueyuan_tint .label {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(/makeup/pic/cblueyuanr.gif); BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 31px
}
.tb_blueyuan_tint .label .title {
	PADDING-RIGHT: 15px; FONT-WEIGHT: bold; LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: url(/makeup/pic/cblueyuanl.gif); COLOR:#023b9a; TEXT-INDENT: 22px; LINE-HEIGHT: 34px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 31px; font-size:14px;max-width:80% !important;
}
.tb_blueyuan_tint .label .more {
	PADDING-RIGHT: 10px; FLOAT: right; LINE-HEIGHT: 25px; HEIGHT: 25px
}
.tb_blueyuan_tint .content {
	CLEAR: both; BORDER-RIGHT: #20538b 1px solid;  BORDER-TOP: #20538b 1px; BORDER-LEFT: #20538b 1px solid;  BORDER-BOTTOM: #20538b 1px solid; BACKGROUND-COLOR: #F3F7F8
}


.tb_brownyuan_tint {
	FONT-SIZE: 12px;
}
.tb_brownyuan_tint .label {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(/makeup/pic/cbrownyuanr.gif); BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 31px
}
.tb_brownyuan_tint .label .title {
	PADDING-RIGHT: 15px; FONT-WEIGHT: bold; LEFT: -1px; FLOAT: left; BACKGROUND-IMAGE: url(/makeup/pic/cbrownyuanl.gif); COLOR:#894b01; TEXT-INDENT: 22px; LINE-HEIGHT: 34px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 31px; font-size:14px;max-width:70% !important;
}
.tb_brownyuan_tint .label .more {
	PADDING-RIGHT: 10px; FLOAT: right; LINE-HEIGHT: 25px; HEIGHT: 25px
}
.tb_brownyuan_tint .content {
	CLEAR: both; BORDER-RIGHT: #7f4d11 1px solid;  BORDER-TOP: #7f4d11 1px; BORDER-LEFT: #7f4d11 1px solid;  BORDER-BOTTOM: #7f4d11 1px solid; BACKGROUND-COLOR: #FAF7F3
}

/*-- tb ----*/












/*-- title ----*/
.title_gradual_yellow_tab { FONT-SIZE: 12px;}
.title_gradual_yellow_tab .bg{	background:url(/makeup/group/yellow1/middle_yellow_bg.gif) repeat-x left bottom; height:26px }
.title_gradual_yellow_tab .more{background:url(/makeup/group/yellow1/right_yellow_bg.gif) no-repeat right bottom;}
.title_gradual_yellow_tab .bg .label {
background:url(/makeup/group/yellow1/left_title_bg.gif) no-repeat bottom left; height:27px;
}
.title_gradual_yellow_tab .label .title {
FONT-WEIGHT: bold;BACKGROUND: url(/makeup/group/yellow1/left_yellow_bg.gif) no-repeat right bottom; COLOR:#b51300; font-size:14px;  padding-right:15px; margin-left:35px; height:27px; line-height:27px; position:relative;
}
.title_gradual_yellow_tab .label .title .h1{position:relative; top:3px;}
.title_gradual_yellow_tab .label .title a{ COLOR:#b51300; text-decoration:none}
.title_gradual_yellow_tab .content {
	CLEAR: both; BORDER-RIGHT: #7f4d11 1px solid;  BORDER-TOP: #7f4d11 1px; BORDER-LEFT: #7f4d11 1px solid;  BORDER-BOTTOM: #7f4d11 1px solid; BACKGROUND-COLOR: #FAF7F3
}


.title_gradual_blue{
	FONT-SIZE: 12px;
}
.title_gradual_blue .label {
 BACKGROUND:  url(/makeup/group/blue1/blue_right_bg.gif) no-repeat right bottom;  POSITION: relative; HEIGHT:27px
}
.title_gradual_blue .label .title {
	PADDING-RIGHT: 15px; FONT-WEIGHT: bold; LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: url(/makeup/group/blue1/blue_left_bg.gif); COLOR:#0084c1; TEXT-INDENT: 22px; LINE-HEIGHT: 27px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 27px; font-size:14px; max-width:70% !important;
}
.title_gradual_blue .label .more {
	PADDING-RIGHT: 10px; FLOAT: right; LINE-HEIGHT:27px; HEIGHT: 27px
}
.title_gradual_blue .content {
	CLEAR: both; BORDER-RIGHT: #308f01 1px solid;  BORDER-TOP: #308f01 1px; BORDER-LEFT: #308f01 1px solid;  BORDER-BOTTOM: #308f01 1px solid; BACKGROUND-COLOR: #f4f7f3
}
.title_gradual_blue a,.title_gradual_blue a:visited{COLOR:#0084c1;}
.title_gradual_blue a:hover{color:#CC3300; text-decoration:underline;}

.title_gradual_amethyst {
	FONT-SIZE: 12px;
}
.title_gradual_amethyst .label {
 BACKGROUND:  url(/makeup/group/amethyst1/amethyst_right_bg.gif) no-repeat right bottom;  POSITION: relative; HEIGHT:27px
}
.title_gradual_amethyst .label .title {
	PADDING-RIGHT: 15px; FONT-WEIGHT: bold; LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: url(/makeup/group/amethyst1/amethyst_left_bg.gif); COLOR:#6269cd; TEXT-INDENT: 22px; LINE-HEIGHT: 27px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 27px; font-size:14px; max-width:70% !important;
}
.title_gradual_amethyst .label .more {
	PADDING-RIGHT: 10px; FLOAT: right; LINE-HEIGHT:27px; HEIGHT: 27px
}
.title_gradual_amethyst .content {
	CLEAR: both; BORDER-RIGHT: #308f01 1px solid;  BORDER-TOP: #308f01 1px; BORDER-LEFT: #308f01 1px solid;  BORDER-BOTTOM: #308f01 1px solid; BACKGROUND-COLOR: #f4f7f3
}
.title_gradual_amethyst .label .title a,.title_gradual_amethyst .label .title a:visited{ COLOR:#6269cd;}
.title_gradual_amethyst .label .title a:hover{color:#CC3300; text-decoration:underline;}

.title_gradual_green{
	FONT-SIZE: 12px;
}
.title_gradual_green .label {
 BACKGROUND: url(/makeup/group/green1/green_right_bg.gif) no-repeat right bottom;  POSITION: relative; HEIGHT:27px
}
.title_gradual_green .label .title {
	PADDING-RIGHT: 15px; FONT-WEIGHT: bold; LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: url(/makeup/group/green1/green_left_bg.gif); COLOR:#6269cd; TEXT-INDENT: 22px; LINE-HEIGHT: 27px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 1px; HEIGHT: 27px; font-size:14px; max-width:70% !important;
}
.title_gradual_green .label .more {
	PADDING-RIGHT: 10px; FLOAT: right; LINE-HEIGHT:27px; HEIGHT: 27px
}
.title_gradual_green .content {
	CLEAR: both; BORDER-RIGHT: #308f01 1px solid;  BORDER-TOP: #308f01 1px; BORDER-LEFT: #308f01 1px solid;  BORDER-BOTTOM: #308f01 1px solid; BACKGROUND-COLOR: #f4f7f3
}


.title_blue_bar{
background:url(/makeup/title/bar_xie/bar_xie_bg.gif) repeat-x left top; font-size:12px; color:#003399; height:25px; margin:0; padding:0
}
.title_blue_bar a{color:#003399; text-decoration:none;}
.title_blue_bar a:hover{text-decoration:underline;}
.title_blue_bar .title{
background:url(/makeup/title/bar_xie/bar_xie_title.gif) no-repeat left top; font-size:14px; color:#FFFFFF; font-weight:bold; text-indent:2em
}