﻿/*--- Format All Star ---*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin:0; padding:0;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6
{ font-size:100%; }

/* Removes list-style from lists */
ol, ul
{ list-style:none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style:normal; font-weight:normal;}

/* Removes list-style from tables */
table
{ border-collapse:collapse; border-spacing:0;}


/* Removes border from fieldset and img */
fieldset, img
{ border:0;}

/* Left-aligns text in caption and th */
caption, th
{ text-align:left;}

/* Removes quotation marks from q */
q:before, q:after
{ content:'';}

/*--- Format All End ---*/




/*--- Layout Structure Star---*/

html{ 
	text-align:center;
	font-family:"微软雅黑", sans-serif;
	font-size:13px;}

body{ background:url(/images/globa_bg.jpg) left top repeat-x #FBDF0F; }

.floLeft{ float:left;}
.floRight{ float:right;}
.clearB{ clear:both;}

a:link,a:visited{ color:#c90; text-decoration:none;}
a:hover{ color:#fc6; text-decoration:underline;}

.wrap{
    background-color:#fff;
	width:1000px;
	border:1px solid #C1AA0A;
	border-top:none;
	margin:0 auto; 
	text-align:left;
	overflow:hidden;
	}

/*--- Header Structure Stat---*/
.header{ position:relative;z-index:9999;}

.weekRecom{ 
    position:absolute; 
    right:0;
	top:0;
	z-index:10000;}
	
.homeSet{ margin-top:25px; margin-left:20px; width:100px;}
.homeSet li{ 
     float:left; 
     padding-left:15px;
	 background:url(/images/li_icon_header01.gif) 0px 50% no-repeat;
	 margin-right:25px;
	 _margin-right:10px;

	 }
	 
.memberOrder{
      margin-left:25px;
      background-color:#FFF5C9;
	  height:60px;
	  width:350px;
  }
.memberOrder h4{
      color:#CEA70D;
      margin:5px;
	  margin-bottom:0px;
	  margin-left:15px;
}

.memberOrder input.txtIn{
 font-size:12px;
 font-family:"微软雅黑", sans-serif;
 color:#999;
 margin:5px 0px 0px 15px;
 border:1px solid #c3c3c3;
 border-bottom:1px solid #ddd;
 padding:2px;
 width:150px;
 float:left;
}

.memberOrder .edmOrder{

	width:225px;
	}


.memberOrder .edmOrder a.ok_btn{
	margin:5px 0px 0px 5px;
	display:block;
	float:left;
}



.memberOrder .vipLoad{
     background-color:#FFE887;
	 width:100px;
	 height:60px;
	 text-align:center;
	}
.memberOrder .vipLoad h4{
     margin:5px auto;
}

.memberOrder .viploadon{ display:none;}


/*--- Header  Menu Structure Stat---*/


.container {
	margin: 0px auto; width: 1000px; text-align:left; z-index:9999; position:relative;
}
ul#topNav {
	float: left; padding:0px; margin: 0px; width:1000px; position:relative; background:url(/images/menu_l0_bg.gif) left top repeat-x; 
}
ul#topNav li {
	padding:0px;
	float:left;
	width:158px;
	height:35px;

}


ul#topNav li span.subNav {
	width:1000px;
	border-bottom:1px solid #ddd;
	float:left;
	height:35px;
	margin:0px;
	position:absolute;
	top:33px;
	left:0px;
	
}

ul#topNav li.menu01{
   background:url(/images/menu_l01.gif) left top no-repeat;
}
ul#topNav li.menu01:hover{
   background:url(/images/menu_l01_on.gif) left top no-repeat;
}

ul#topNav li.menu02{
   background:url(/images/menu_l02.gif) left top no-repeat;
}
ul#topNav li.menu02:hover{
   background:url(/images/menu_l02_on.gif) left top no-repeat;
}



ul#topNav li.menu03{
   background:url(/images/menu_l03.gif) left top no-repeat;
}
ul#topNav li.menu03:hover{
   background:url(/images/menu_l03_on.gif) left top no-repeat;
}

ul#topNav li.menu04{
   background:url(/images/menu_l04.gif) left top no-repeat;
}
ul#topNav li.menu04:hover{
   background:url(/images/menu_l04_on.gif) left top no-repeat;
}


ul#topNav li.menu05{
   background:url(/images/menu_l05.gif) left top no-repeat;
}
ul#topNav li.menu05:hover{
   background:url(/images/menu_l05_on.gif) left top no-repeat;
}


ul#topNav li.menu06{
   background:url(/images/menu_l06.gif) left top no-repeat;
}
ul#topNav li.menu06:hover{
   background:url(/images/menu_l06_on.gif) left top no-repeat;
}


/*  ie6不支持li:hover
ul#topNav li:hover span {
	DISPLAY: block
}
*/

a.no_text{
	display:block;
	width:158px;
	height:33px;
}
ul#topNav li span.tag{
	position:relative;
	display:block;
	top:-13px;
	left:25px;
	z-index:100;
	float:left;
}


.Sub01{background: url(/images/sub01_bg.gif) left top repeat-x;}

.Sub02{background: url(/images/sub02_bg.gif) left top repeat-x;}

.Sub03{background: url(/images/sub03_bg.gif) left top repeat-x;}

.Sub04{background: url(/images/sub04_bg.gif) left top repeat-x;}


.subNav span a{
	float:left;
	display:block;
    margin-left:10px;
	margin-top:5px;
	padding-top:6px;
	width:137px;
	height:24px;
	text-align:center;
	text-decoration:none;
	background:url(/images/sub01_li_bg.gif) left top no-repeat;

	text-align:center; 
	color:#AE842B;
	}
	
.subNav span a:hover{
	text-decoration:none;
	color:#AE842B;
	}
	
.subNav span a img{
		vertical-align:middle;
	}

.Sub01 span.sp a{
    width:175px;
	background:url(/images/sub01_li_bgsp.gif) left top no-repeat;
     }

.Sub01 span.sp a:hover{
	background: url(/images/sub01_li_bgsphover.gif) left top no-repeat;
     }	 
	

.Sub03 span.sp a{
    width:205px;
	background:url(/images/sub02_bgsp.gif) left top no-repeat;
     }

.Sub03 span.sp a:hover{
	background: url(/images/sub02_li_bgsphover.gif) left top no-repeat;
     }	 

.Sub01 span a:hover{ background:url(/images/sub01_li_bghover.gif) left top no-repeat;}
.Sub02 span a:hover{ background:url(/images/sub02_li_bghover.gif) left top no-repeat;}
.Sub03 span a:hover{ background:url(/images/sub03_li_bghover.gif) left top no-repeat;}
.Sub04 span a:hover{ background:url(/images/sub04_li_bghover.gif) left top no-repeat;}
	




/*---  siteInfo Structure Stat---*/
.siteInfo{
    color:#6C3900;
    font-size:12px;
    position:relative;
	width:1000px;
	margin:0 auto;
	text-align:left;
	padding:5px 0;}
	
.shiseidoLink a{
      margin-left:5px;
	  margin-right:15px;
	  padding-left:10px;
	  background:url(/images/infosite_icon.gif) 0 50% no-repeat;
	  
}

.siteInfo a:link,.siteInfo a:visited{color:#630;}
.siteInfo a:hover{color:#c90;}
.RightCopy{ margin-right:5px; }
.RightCopy a{ margin-left:10px;}


/*---  homeMain Structure Stat---*/


.homeMain{ background-color:#FBDF0F;}
.whatNew{ width:594px;}

.whatNew ol{ 
     height:54px;
	 overflow:hidden;
}
	 
.whatNew ol li{
	color:#F2E9C2;
    line-height:27px;
    padding-left:15px;
    /*background:url(/images/whatnew_icon.gif) 5px 50% no-repeat ;*/
}

.whatNew ol li.odd{ background-color:#AB8203;}
.whatNew ol li.even{ background-color:#926F03;}

.whatNew ol li a:link, .whatNew ol li a:visited{ color:#F2E9C2; font-size:13px;}
.whatNew ol li a:hover{color:#fff;}


.whatEvent{ width:406px;}
.adBanner a{ float:left; margin-left:3px; margin-top:2px; padding:1px; border:1px solid #ddd; background-color:#fff;}
.adBanner a:hover{background-color:#6C3900;border:1px solid #6C3900;}

.weatheReport{font-size:13px;
              margin:5px 4px; 
			   color:#B79215;
               width:395px; 
			   height:41px;
			   background:url(/images/weathereport_bg.gif) left top no-repeat;
			   text-align:right;}

.weatheReport table{ margin-top:4px;}
.weatheReport span{ margin-right:10px;}
.weatheReport span img{ margin-left:3px;}
.wetLevel{ color:#6f0;}	
.uvLevel{ color:#3cf;}		   
.weatherSay{
        font-size:12px;

}

/*---  Current mak Structure Stat---*/

.imHere{ padding:9px 20px 8px; color:#c90;}
.imHere label{ margin:0 5px; }

/*---  botton Structure Stat---*/

a.btn01{ display:block; 
         color:#630;
         width:144px; 
		 height:28px; 
		 background:url(/images/btn_01.gif) 0 0 no-repeat;
		 line-height:28px; 
		 overflow:hidden;
		 cursor:pointer;
		 text-align:center;}
		 
a.btn01:hover{ 
         color:#c90;
		 text-decoration:none;
		 background:url(/images/btn_01.gif) 0 -28px no-repeat;
}
  /*a.bot01 span{ margin-left:10px;}*/
  
a.btn02{ display:block; 
         color:#c90;
         
         width:144px; 
		 height:28px; 
		 background:url(/images/btn_02.gif) 0 0 no-repeat;
		 line-height:28px; 
		 overflow:hidden;
		 cursor:pointer;
		 text-align:center;}
		 
a.btn02:hover{ 
         color:#630;
		 text-decoration:none;
		 background:url(/images/btn_02.gif) 0 -28px no-repeat;
}


/*修改*/
.header{background:#fff;}
.shiseidoLink a{color:#fff;}
.RightCopy{color:#333;}


.homeMain{ background-color:#fff;}
.whatNew{ width:744px;}
.whatEvent{margin-right:10px;width:245px;margin-top:10px;*margin-top:5px;overflow:hidden;_display:inline;}
.whatEvent .con{background:url(/images/top_20110202_Bg3.png) repeat-y;width:245px;}
.whatEventTop{background:url(/images/top_20110202_r_t.png) no-repeat left top;width:245px;padding-top:10px;}
.whatEventBottom{background:url(/images/top_20110202_r_b.png) no-repeat;width:245px;height:19px;}
.indexRLine{background:#dcdcdc;height:2px;width:224px;margin:0 0 0 11px;overflow:hidden;}
.uraraInfoBg{width:224px;margin:0 0 0 11px;background:#fff;padding-top:1px;}
.uraraInfo{background:url(/images/menu_20110202_B4.jpg) no-repeat;width:220px;height:130px;margin:2px 0 2px 2px;}
.uraraInfo a{display:block;width:80px;float:left;_display:inline;margin:78px 10px 0 18px;color:#946800;}
.uraraInfo a:hover{color:#946800;}
.skinInfo{background:url(/images/menu_20110202_B5.jpg) no-repeat;width:220px;height:125px;margin:2px 0 2px 13px;}
.skinInfo .col1,.skinInfo .col2,.skinInfo .col3{width:53px;*width:55px;float:left;text-align:center;margin-top:39px;margin-left:5px;_display:inline;}
.skinInfo .col1{margin-left:14px;_margin-left:5px;}
.skinInfo .col3{width:75px;*width:82px;margin-left:0;}
.skinInfo li{margin-bottom:8px;*margin-bottom:6px;}
.skinInfo li a{color:#fff;}
.whereToBuy{padding:10px 32px;*padding:10px 30px;}
.whereToBuy h3{margin-bottom:10px;}
.whereToBuy ul{width:126px;float:left;}
.whereToBuy li{background:url(/images/menu_20110202_li.gif) no-repeat 0 7px;padding-left:12px;}
.indexSearch{background:#d6d6d6;padding:10px;width:205px;margin:0 auto;*padding:10px 9px;*width:211px;}
.indexSearch .textinput{width:153px;height:21px;vertical-align:middle;line-height:21px;padding-left:3px;}
.indexSearch .submit{border:none;background:url(/images/menu_20110202_submit.gif) no-repeat;width:37px;height:23px;color:#d4b109;cursor:pointer;vertical-align:middle;margin-left:10px;}
.cf:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
.cf{zoom:1} 
.beautyElements{background:#fef6b9;float:left;margin-top:20px;height:30px;overflow:hidden;width:466px;}
.beautyElements .city{color:#c4a108;padding-left:7px;}
.beautyElements .city em{color:#ab8203;padding:0 10px;}
.beautyElements ul{background:url(/images/top_20110202_Bg2.png) no-repeat right 0;padding-right:15px;line-height:28px;height:30px;}
.beautyElements li{float:left;}
.beautyElements .setHome{background:url(/images/top_20110202_Bg.png) no-repeat 0 0;width:96px;height:30px;line-height:28px;text-align:center;padding-left:5px;}
.beautyElements .setHome a{color:#cba200;}
.beautyElements .dry{color:#93d057;margin-left:10px;width:100px;}
.beautyElements .dry .greedBg,.beautyElements .uv .greedBg{background:url(/images/top_20110202_Bg1.png) repeat-x 0 0;height:10px;width:48px;display:inline-block;margin-left:6px;float:right;margin-top:9px;_display:inline;}
.beautyElements .dry span{display:inline-block;height:10px;background:url(/images/top_20110202_Bg1.png) repeat-x 0 -12px;overflow:hidden;}
.beautyElements .uv{color:#57d0be;;margin-left:10px;width:95px;}
.beautyElements .uv span{display:inline-block;height:10px;background:url(/images/top_20110202_Bg1.png) repeat-x 0 -24px;overflow:hidden;}

.scrollPro{position:relative;border-bottom:1px solid #4c3500;margin:10px 0;padding-bottom:5px;width:1000px;margin:10px auto;overflow:hidden;}
.backward,.forward{background:url(/images/scroll_btn.gif) no-repeat 0 0;opacity:0.1;filter:Alpha(opacity=10);position:absolute;top:2px;width:35px;height:82px;display:block;}
.backward:hover,.forward:hover{opacity:0.4;filter:Alpha(opacity=40);}
.backward{left:6px;}
.forward{right:6px;background-position:0 -82px;}
.scrollList{width:910px;margin:5px auto;height:85px;overflow:hidden;_width:911px;}
.scrollList .item{width:215px;float:left;height:85px;overflow:hidden;border-right:1px solid #4c3500;margin:0 3px;_display:ininle;overflow:hidden;padding-right:5px;}
.scrollList .item .proName{float:right;width:115px;background:url(/images/urara_20110202_li1.gif) no-repeat 0 6px;padding-left:10px;margin-top:10px;_display:inline;overflow:hidden;text-align:left;}
.scrollList .item .proName a{color:#fff;}
.scrollList .line{height:85px;float:left;width:0;border-right:1px solid #4c3500;margin:0 4px;_display:inline;}
ul#topNav .menu01,ul#topNav .menu02,ul#topNav .menu03,ul#topNav .menu04,ul#topNav .menu05,ul#topNav .menu06{position:relative;}
ul#topNav li .newSubNav{border:2px solid #fbdf0f;width:470px;background:#fff;position:absolute;left:0;top:32px;padding-bottom:10px;}
/* 20111215追加 */
ul#topNav li .newSubNav.Sub04{width:312px;}
/* 20111215追加over */
ul#topNav li .newSubNav li{height:auto;}
ul#topNav li  .Sub01{background:#fff;color:#e9a900;}
ul#topNav li  .Sub01 a{color:#ae842b;}
ul#topNav li  .Sub01 .col{float:left;_display:inline;padding:10px 13px;}
ul#topNav li  .Sub01 li{margin-bottom:10px;}
ul#topNav li  .Sub01 .col1{width:125px;overflow:hidden;}
ul#topNav li  .Sub01 .col2{width:140px;overflow:hidden;}
ul#topNav li  .Sub01 .col3{width:125px;overflow:hidden;}
ul#topNav li  .Sub01 .item{background:url(/images/urara_20110202_navli.gif) no-repeat 0 5px;padding-left:10px;}
ul#topNav li .bottomImg{clear:both;}
ul#topNav li .bottomImg li{float:left;_display:inline;width:147px;height:58px;margin:0 4px;}
ul#topNav li .bottomImg li img{border:1px solid #c3c3c3;width:145px;height:56px;}
ul#topNav li  .Sub02{width:650px;}
ul#topNav li  .Sub02 .tab{background:url(/images/menu_20110202_sub_bgz.png) no-repeat;width:78px;height:149px;float:left;margin-bottom:10px;overflow:hidden;}
ul#topNav li  .Sub02 .tab li{width:75px;height:72px;margin:3px 0 0px 3px;}
ul#topNav li  .Sub02 .tab li a{display:block;color:#74623e;padding:15px 0 0 13px;}
ul#topNav li  .Sub02 .tab li a:hover{text-decoration:none;}
ul#topNav li  .Sub02 .tab .selected{background:url(/images/menu_20110202_sub_on.png) no-repeat;}
ul#topNav li  .Sub02 .tab .li1{_margin:3px 0 2px 2px;}
ul#topNav li  .Sub02 .tab .li2{margin-top:0;_margin:-3px 0 2px 2px;}
ul#topNav li  .Sub02 .con1{float:left;width:560px; }
ul#topNav li  .Sub02 .con2{ float:left; width:410px; }
ul#topNav li  .Sub02 .con1 li{float:none;}
ul#topNav li  .Sub02 .con1 .col1 .item{background:url(/images/urara_20110202_liz.gif) no-repeat 0 5px;padding-left:10px;}
ul#topNav li  .Sub02 .con1 .col2 .item{background:url(/images/urara_20110202_liz.gif) no-repeat 0 -27px;padding-left:10px;}
ul#topNav li  .Sub02 .con1 .col3 .item{background:url(/images/urara_20110202_liz.gif) no-repeat 0 -27px;padding-left:10px;}
ul#topNav li  .Sub02 .con1 .col4 .item1,ul#topNav li  .Sub02 .con1 .col4 .item2,ul#topNav li  .Sub02 .con1 .col4 .item3{background:url(/images/urara_20110202_liz.gif) no-repeat 0 -62px;padding-left:10px;}
ul#topNav li  .Sub02 .con1 .col4 .item2{background-position:0 -96px;}
ul#topNav li  .Sub02 .con1 .col4 .item3{background-position:0 -130px;}
ul#topNav li  .Sub02 .con1 .col1,ul#topNav li  .Sub02 .con1 .col1 a{color:#f1b109;}
ul#topNav li  .Sub02 .con1 .col2,ul#topNav li  .Sub02 .con1 .col2 a,ul#topNav li  .Sub02 .con1 .col3,ul#topNav li  .Sub02 .con1 .col4{color:#ae842b;}
ul#topNav li  .Sub02 .con1 .col3 a:hover{ color:#c90}
ul#topNav li  .Sub02 .con1 ul{float:left;_display:inline;margin:8px 4px 10px 11px;_margin:10px 4px 10px 0;}
ul#topNav li  .Sub02 .con1 li{margin-bottom:5px;}
ul#topNav li  .Sub02 .con1 .col1,ul#topNav li  .Sub02 .con1 .col1 li{width:125px;_width:140px;overflow:hidden; padding-bottom:0px;}
ul#topNav li  .Sub02 .con1 .col2,ul#topNav li  .Sub02 .con1 .col2 li{width:130px;_width:140px;overflow:hidden; padding-bottom:0px;}
ul#topNav li  .Sub02 .con1 .col3,ul#topNav li  .Sub02 .con1 .col3 li{width:110px;overflow:hidden; padding-bottom:0px;}
ul#topNav li  .Sub02 .con1 .col4,ul#topNav li  .Sub02 .con1 .col4 li{width:110px;overflow:hidden; padding-bottom:0px;}
ul#topNav li  .Sub02 .con2{padding-left:15px;padding-top:10px;}
ul#topNav li  .Sub02 .con2 .title td{padding:5px 3px;}
ul#topNav li  .Sub02 .con2 .skins{margin:15px 0;}
ul#topNav li  .Sub02 .con2 a{display:block;float:left;background:url(../images/urara_20110202_skins_bg.gif) no-repeat;height:23px;line-height:23px;text-align:center;_display:inline;color:#fff;margin:2px 5px 2px 0;}
ul#topNav li  .Sub02 .con2 .skinBg1{background-position:0 0;width:65px;}
ul#topNav li  .Sub02 .con2 .skinBg2{background-position:-70px 0;width:65px;}
ul#topNav li  .Sub02 .con2 .skinBg3{background-position:-140px 0;width:65px;}
ul#topNav li  .Sub02 .con2 .skinBg4{background-position:-210px 0;width:65px;}
ul#topNav li  .Sub02 .con2 .skinBg5{background-position:-278px 0;width:102px;}
ul#topNav li  .Sub02 .con2 .skinBg6{background-position:0 -28px;width:65px;}
ul#topNav li  .Sub02 .con2 .skinBg7{background-position:-70px -28px;width:65px;}
ul#topNav li  .Sub02 .con2 .skinBg8{background-position:-140px -28px;width:65px;}
ul#topNav li  .Sub02 .con2 .skinBg9{background-position:-210px -28px;width:65px;}
ul#topNav li  .Sub02 .con2 .skinBg10{background-position:-278px -28px;width:102px;}
ul#topNav li  .Sub03 .skills{padding:15px 0 10px 15px;}
ul#topNav li  .Sub03 .skills h4{font-weight:normal;color:#5dd316;margin-bottom:8px;}
ul#topNav li  .Sub03 .skills li{float:left;_display:inline;background:url(/images/urara_20110202_liz.gif) no-repeat 0 -177px;*height:17px;padding-left:10px;margin-bottom:5px;margin-right:8px;overflow:hidden;}
ul#topNav li  .Sub04 .info{padding:15px 0 10px 15px;}
ul#topNav li  .Sub04 .info h4{font-weight:normal;color:#32dcbc;margin-bottom:8px;}
ul#topNav li  .Sub04 .info li{float:left;_display:inline;background:url(/images/urara_20110202_liz.gif) no-repeat 0 -237px;padding-left:10px;margin-bottom:5px;margin-right:12px;}
