@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
ul{ padding:0; margin:0;}
.clear{ clear:both;}

/*** header ***/
#header{  height:121px; width:960px; margin:0 auto;}
#header .h_top{ height:84px;}
#header .logo{ float:left; width:209px; margin:10px 0 0 0; display:inline}
#header .h_right{ width:300px; float:right; margin:40px 0 0 0; text-align:right; display:inline;}
#header .h_right ul li{ list-style:none;}
#header .h_right ul li a{ color:#fff; text-decoration:none;}
#header .h_right ul li a:hover{ text-decoration:underline;}

/********** search **********/
#header li.search{ background: url(../images/common/bg_search.gif) left top no-repeat; height:20px; width:190px; float:left; margin:10px 0 0 110px; display:inline;}
#header li input{ height:20px; float:left;}
#header li .search_input{ width:138px; border:0; font-size:11px;height:16px; margin:2px 0 0 5px; background:none;}

/***** container *****/
#container{ width:960px; margin:0 auto;}
#container h2{ font-family:Verdana, Geneva, sans-serif; font-size:16px; padding-bottom:6px;}
#container h2 a{ color:#fff; text-decoration:none;}
#container h2 a:hover{ text-decoration:underline;}
#container .top_flash{ margin:0 auto;}
#container .img_title{ margin-top:20px;}
#container .featured{ width:960px; height:240px; background:url(../images/common/product.jpg) left bottom no-repeat;}
#container .featured .f_products{ padding:20px 15px 0 15px;}
#container .featured .f_pro{ width:290px; float:left;}
#container .featured .f_pro .img{ width:100px; float:left; padding:10px 10px 0 0;}
#container .featured .f_pro .discription{ float:right; width:180px; padding:0 0px; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#container .featured .f_pro .discription h2{ font-size:14px;}
#container .featured .f_pro .discription p{ font-size:12px; line-height:16px; height:90px;}
#container .featured .f_pro .discription span{ float:right; font-size:12px; font-weight:bold; padding-right:6px;}
#container .featured .f_pro .discription span a{ color:#fff; background:url(../images/common/icon_download.png) left top no-repeat; display:block; padding:13px 0 0 25px; height:30px;}
#container .featured .f_pro .discription span a:hover{color:#fff; background:url(../images/common/icon_download.png) left 2px no-repeat; text-decoration:none; display:block; padding:13px 0 0 25px; color:#1DA7E2}
#container .line{ float:left; margin:20px 12px 0 15px; color:#737373;}

/***** mediAvatar life tabs******/
#container .life{ width:960px; height:655px; background:url(../images/common/index_bottom_bg.png) left top no-repeat;}
#container #tabContent{ background:url(../images/common/title_mediavatar_life.png) left 10px no-repeat; padding:20px 0 0 0;}
#container .clearFix{LINE-HEIGHT: 0px; WIDTH: 1%; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px}
#container #tabList{width:940px; height:450px; margin:0 auto;}
#container #tabList ul{ padding:0; padding-left:20px;}
#container #tabList ul li{ float:left; list-style:none; width:230px; padding-top:30px; }
#container #tabList ul li .content .top a{ color:#FFF; text-decoration:none;}
#container #tabList ul li .content .img_content img{ float:left;}
#container #tabList ul li .content .img_content p{ width:115px; float:left; padding-left:8px; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:14px;}
#container #tabList ul li .content dl.pro_list{ margin-top:15px;}
#container #tabList ul li .content dl.pro_list .more{ text-align:right;} 
#container #tabList ul li .content dl.pro_list .more a{ text-decoration:none;}
#container #tabList ul li .content dl.pro_list .more a:hover{ text-decoration:underline;}
#container #tabList ul li .content dl.pro_list dd{ width:200px; height:22px; border:none;}
#container #tabList ul li .content dl.pro_list dd a{ color:#fff; text-decoration:none;}
#container #tabList ul li .content dl.pro_list dd a:hover{ color:#fff; text-decoration:underline;}

#container #tabs {POSITION: relative;}
#container #tabList { background:url(../images/common/select_bg.png) 10px top no-repeat;}
#container #tabFooter {MARGIN: auto; WIDTH: 960px; HEIGHT: 147px; PADDING-TOP: 5px;}
#container #tabFooter h3 {MARGIN-BOTTOM: 10px; FONT-WEIGHT: bold; font-size:18px; color:#C5C5C5; padding-left:20px;}
#container #tabFooter ul { width:930px; float:left; margin:0 0 0 20px; display:inline;}
#container #tabFooter ul li{display:inline-block; display:inline-block\9; *display:inline; _display:inline; padding-right:18px; color:#fff; font-size:12px; list-style:none;  LINE-HEIGHT:24px !important; PADDING-LEFT: 0px; PADDING-TOP: 3px;}
#container #tabFooter ul li a{ text-decoration:none; color:#ffffff;}
#container #tabFooter ul li a:hover{ text-decoration:underline;}
#container #tabFooter {POSITION: relative}
#container #tabFooter div {POSITION: absolute; DISPLAY: none !important; VISIBILITY: hidden !important; TOP: 0px; LEFT: 0px}
#container #tabFooter div.current {DISPLAY: block !important; VISIBILITY: visible !important}
#container #tabFooter ul .font14{ font-size:14px; font-weight:bold;}
#container #tabFooter ul .font16{ font-size:16px; font-weight:600}
#container #tabFooter ul .font18{ font-size:18px;font-weight:bold;}
#container #tabFooter ul .font11{ font-size:11px;}
#container #tabFooter ul .font12{ font-size:12px;}