/*-----------------------------------------------------------------
Main Style sheet
说明：主样式表（定了网站的整体UI框架）
版本：v1.0
作者：鹰双软件 
Email：yingssoft@126.com
创建时间：2009-02-01
最后修改：2009-02-01
-----------------------------------------------------------------*/
body{
	background-color:#ffffff;
	font-size:14px;
	font-family:"微软雅黑";
	color:#000000;
	/*text-align:center;*/ /*解决IE6下wrapper居中问题*/
}

#wrapper{
	margin:auto;
	text-align:left;
}
#pageWrapper{
	margin:auto;
	text-align:left;
}

/* header.BEGIN
----------------------------------------------------------------------------*/
#header_wrapper{
	/*background-image:url();*/
}
#header{
	/*background-image:url();*/
}
#header .topbar_wrapper{
	background-color:#f5f5f5;
	border-bottom:1px solid #dddddd;
	margin-bottom:-1px;
}
#header .topbar_wrapper .topbar{
	margin:auto;
	text-align:left;
	width:980px;
	height:28px;
    line-height:28px;
}
#header .topbar_wrapper .topbar .welcomeInfo{
	float:left;
	width:400px;
    margin:0px;
}

#header .topbar_wrapper .topbar .quick_nav {
    float:right;
	width:300px;
    padding-right:10px;
    border:0px solid red;
}
#header .topbar_wrapper .topbar .quick_nav ul li {
    display:inline-block;
	float:right;
	margin:0px 0px 0px 10px;
}
#header .topbar_wrapper .topbar .quick_nav ul li.vmobile {
    padding-left:15px;
    background-image:url(../images/icon_mobile.png);
    background-repeat:no-repeat;
    background-position:0px center;
}

#header .main{
	margin:auto;
	text-align:left;
	width:980px;
	height:85px;	
    border:0px solid red;
}
#header .main .logo{
	margin:0px;
	margin-left:0px;
	margin-top:10px;
	float:left;
	display:inline;	
	position:relative;    
}
#header .main .content{
	width:500px;
	height:80px;	
	float:right;
    border:0px solid red;
    position:relative;
}
#header .main .content .phone{
	width:360px;
	height:80px;	
	position:absolute;   
    right:0px; 
    border:0px solid red;
    overflow:hidden;
}
#header .main .content .phone img{
    float:right;
    margin-top:15px;
    margin-right:10px;
}
#header .main .content .phone h3{
    float:right;
    margin-top:28px;
    margin-right:10px;
    font-size:18px;
}
/* header.END
----------------------------------------------------------------------------*/

/*mainnav.BEGIN
----------------------------------------------------------------------------*/
#mainnav{ 
	margin:auto;	
	width:978px;	
    background-color:#f5f5f5;
    border:1px solid #dddddd;    
    height:32px;
    line-height:30px;    
}
#mainnav ul{
    height:100%;
    margin-left:10px;
    overflow:hidden;
    border:0px solid red;    
}
#mainnav ul li{	
	float:left;
	padding:0px;	

	/*不知什么原因，在IE6下，如果pading-right、padding-left设置为8像素，则最后一个菜单“联系我们”会换行显示，而其他浏览器则不会，
	  故声明两条规则，IE6会忽略第一条规则，而应用第二条规则，其他浏览器会应用第一条规则。*/
	padding:0px 10px 0px 10px !important;
	padding:0px 10px 0px 10px;
	
	font-size:16px;	
	color:#000000;	
}
#mainnav li.menuitem_spliter{
	width:2px;
	padding:0px !important;
	padding:0px;
}
#mainnav a:link{
	color:#000000;
}
#mainnav a:visited{
	color:#000000;
}
#mainnav a:hover{
	color:#FF0000;
}

/* mainnav.END
----------------------------------------------------------------------------*/

/* pagebody.BEGIN
----------------------------------------------------------------------------*/
#pagebody{
	margin:auto;
	margin-top:2px;
	text-align:left;
	width:980px;

}
#pagebody #sideBar{
	width:180px;
	float:left;
    min-height:400px;
    border:1px solid #dddddd;
    margin-top:4px;
}
#pagebody #content{
	width:792px;
	float:right;
    min-height:400px;
    margin-top:5px;
    border:0px solid red;
}

#sideBar .memberInfo {
    /*padding:10px;
    font-size:14px;
    line-height:22px;
    min-height:60px;
    background-color:#EDF6FA;*/
    text-align:center;
    padding:5px;
    font-size:16px;
    line-height:22px;    
    background-color:#EDF6FA;
    border-bottom:solid 1px #b9cad3; /*颜色方案2*/
}

#sideBar .user_menu {
    overflow:auto;
}
/*#sideBar .user_menu a:last-child{
	border-bottom:0px;
}
#sideBar .user_menu a:hover{
    background-color:#f5f5f5;
    color:red;
}
#sideBar .user_menu a{
    display:block;
	line-height:40px;
    font-size:14px; 
    border-bottom:solid 1px #b9cad3;
    text-align:left;    
    padding-left:50px;        
    background-repeat:no-repeat;
    background-size:30px 30px;
    background-position:10px center;
}    
*/

#sideBar .group .head{
	line-height:32px;
	/*background-image:url(../icons/ok.png);  */
	background-repeat:no-repeat;
    background-size:20px 20px;
    background-position:10px center;
	border-bottom:1px solid #dddddd;	
    border-top:1px solid #dddddd;	
	background-color:#EDF6FA;
	cursor:pointer;
	color:#000000;
	font-size:15px;
	font-weight:normal;
	text-align:left;
	padding-left:40px;	
}
#sideBar .group:first-child .head{
    border-top:0px;
}
#sideBar .group .body{	
	overflow:auto;
}
#sideBar .selected .body{
	display:block;	
	border-bottom:1px solid #b9cad3;
	overflow:auto;
}
#sideBar .group .body .subGroup{
	margin:0px;
	padding:0px;
	list-style-type:none;    
    border-top:solid 2px #dddddd;
}
#sideBar .group .body .subGroup:first-child{
	border-top:0px;
}
#sideBar .group .body .subGroup .menuitem{
	display:block;
	line-height:32px;
    font-size:14px; 
    border-bottom:1px dotted #b9cad3;
    text-align:left;    
    padding-left:40px;        
    background-repeat:no-repeat;
    background-size:20px 20px;
    background-position:20px center;
}
#sideBar .group .body .subGroup .menuitem:last-child{
	border-bottom:0px;
}
#sideBar .group .body .subGroup .menuitem:hover{
    background-color:#f5f5f5;	
}

.icon-personal{
    background-image:url(../images/icons-nav/personal.png);
}
.icon-account{
    background-image:url(../images/icons-nav/wallet.png);
}
.icon-consume{
    background-image:url(../images/icons-nav/shopping-offline.png);
}
.icon-shop{
    background-image:url(../images/icons-nav/shoppingcart.png);
}
.icon-giftshop{
    background-image:url(../images/icons-nav/gift.png);
}
.icon-serviceappointment{
    background-image:url(../images/icons-nav/appointment.png);
}
.icon-announcement{
    background-image:url(../images/icons-nav/announcement.png);
}


/* pagebody.END
----------------------------------------------------------------------------*/

/* footer.BEGIN
----------------------------------------------------------------------------*/
#footer_wrapper{
	/*background-image:url();*/
    margin-top:5px;
}
#footer{
	/*background-image:url();*/
}
#footer .nav_wrapper{
	background-color:#f5f5f5;
	border-bottom:1px solid #dddddd;
	border-top:1px solid #dddddd;
	margin-top:-1px;
	margin-bottom:-1px;
}
#footer .nav_wrapper .nav{
	margin:auto;
	text-align:left;
	width:980px;
	height:30px;
    line-height:28px;
}
#footer .nav_wrapper .nav ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#footer .nav_wrapper .nav ul li{
	display:inline-block;
	float:left;
	margin:0px 0px 0px 10px;
    font-size:16px;
}
#footer .main{
	margin:auto;
	text-align:left;
	width:980px;
	height:80px;
}
#footer .main p{
	margin-top:10px;
	line-height:150%;
	text-align:center;
}
/* footer.END
----------------------------------------------------------------------------*/

/*表单标题（主要应用于列表页）*/
.formTitle{
    border:solid 0px #dddddd;
    border-bottom:solid 1px #dddddd;
    text-align:left;   
    margin-bottom:7px; 
}
.formTitle h1{
    line-height:30px;    
    text-align:left;    
    padding-left:5px;
    padding-right:5px;    
    border:solid 0px red;
    display:inline-block;
    font-size:16px;
    font-weight:normal;       
}

.tabBar {
        height:30px;
        line-height:30px;
        display:flex;
    }
.tabBar a{
    display:block;
    height:100%;        
    flex:1;
    text-align:center;
    background-color:#f5f5f5;
    border-right:1px solid #dddddd;
}
.tabBar a:last-child{
    border-right:0px;
}       
.tabBar a.current{
    background-color:#ffffff;
    font-weight:bold;
}