﻿@import url('global.css');
/*

“红色” 样式

2008.8.12 10:48 for Fangyu12@gmail.com

Last modified 2008.10.06 15:30

Copyright (c) 2008, dedecms All rights reserved.

*/
/* 页眉
-------------------------------------------------------------------*/
#topBar {
	height:67px;
	background-image: url('top_bar.png');
	background-repeat: repeat-x;
	background-position: 0px -70px;
}
#logo a {
	background-image: url('../images/rexint logo.gif');
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 300px;
	height:67px;
}
#site {
	background-image: url('top_bar.png');
	background-repeat: repeat-x;
	background-position: 0px -100px;
	width:300px;
}
#userMenu li {
	padding-left: 8px;
}
#userMenu li a {
	background-image: url('u.gif');
	background-repeat: no-repeat;
	display: block;
	float:left;
	padding-left:20px;
}
#userMenu li a.person {
	background-position: left 5px;
}
#userMenu li a.cart {
	background-position: left -16px;
}
#userMenu li a.exit {
	background:none;margin-left: 10px;
	padding-left:0;
}
/* 导航菜单
-------------------------------------------------------------------*/
#navMenu {
	padding-top: 13px;
}
#navMenu li a {
	font-size: 14px;
	color:#FFF;
	display: block;
	padding-left: 1em;
	float:left;
	height:28px;
	line-height:28px;
}
#navMenu li a span {
	display: block;
	cursor:pointer;
	float:left;
	padding-right: 1em;
}
#navMenu li a:hover {
	text-decoration: none;
	}
#navMenu li.thisClass a {
	background-image: url('nav_on_bg.png');
	background-repeat: no-repeat;
	background-position: left 0;
	text-decoration: none;
	font-weight: bold;
	color:#173884;
}
#navMenu li.thisClass a span {
	background-image: url('nav_on_bg.png');
	background-repeat: no-repeat;
	background-position: right 0;
}
/* 子集导航
-------------------------------------------------------------------*/
.dropMenu {
	position:absolute;
	top: 0s;
	z-index:100;
	visibility: hidden;
	margin-top: 10px;
	*width:400px;
}
.dropMenu li {
    border-left:1px solid #666666;
    float:left;
    height:14px;
    line-height:14px;
    margin-left:-1px;
    padding-left:5px;
    padding-right:6px;
}
.dropMenu li a:link{ color:#000;}
#dropmenu11{
	width:620px; color:#000;
}
#dropmenu11 li a,#dropmenu12 li a,#dropmenu13 li a,#dropmenu14 li a,#dropmenu15 li a{ color:#000;}



/* 列表导航
-------------------------------------------------------------------*/
#navigation .sort {
	font-size: 12px;
	font-weight: normal;
	background-image: url('stor.gif');
	height: 26px;
	line-height:24px;
	text-indent: 28px;
	cursor:pointer;
}
#navigation .hover {
	background-image: url('stor.gif');
	background-position: left -26px;
}
#navigation .menu li {
	background-image: url('square.gif');
	background-repeat: no-repeat;
	background-position: -7000px; center;
	line-height: 25px;
	height: 25px;
	margin-left: 2em;
}
#navigation .menu li a {
	margin-left: 1em;
}

/* 当前位置
-------------------------------------------------------------------*/
#position {
	line-height: 32px;
	height: 32px;
}
#position li.home {
	background-image: url('r.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
	height: 31px;
	float: left;
	padding-left: 20px;
}
#position li {
	margin:0 3px;
	background-image: url('square.gif');
	background-repeat: no-repeat;
	background-position: -6000px center;
	padding-left: 1em;
}
/* 图文广告
-------------------------------------------------------------------*/

.flashbox {
	width:960px;MARGIN-BOTTOM: 8px; OVERFLOW: hidden; POSITION: relative; HEIGHT: 251px;
}
.flashbox .pic {
 WIDTH: 660px;POSITION: absolute; TOP: 0px; HEIGHT: 249px;border:1px #ccc solid;
}
.flashbox UL {
	LEFT: 660px; WIDTH: 299px; POSITION: absolute; TOP: 0px
}
.flashbox LI {
	OVERFLOW: hidden; LINE-HEIGHT: 24px; HEIGHT: 49px;border-right:1px #ccc solid;border-bottom:1px #ccc solid;
}
.flashbox LI A {
	font-size:14px;DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(flashtext-bg.jpg) repeat-x;  COLOR: #333; PADDING-TOP: 13px; POSITION: relative; HEIGHT: 36px;text-decoration:none;
}
.flashbox LI.selected A {
	BACKGROUND: url(flash-on.gif) no-repeat left top; COLOR: #fff; TEXT-DECORATION: none;width:330px;margin-left:-30px;PADDING-LEFT: 40px;POSITION: absolute;*POSITION: relative;z-index:333;*z-index:auto;
}
.flashbox LI A:hover {
	BACKGROUND: url(flash-on.gif) no-repeat left top; COLOR: #fff; TEXT-DECORATION: none;width:330px;margin-left:-30px;PADDING-LEFT: 40px;POSITION: absolute;*POSITION: relative;z-index:333;*z-index:auto;
}
#SwitchNav {
	border-top:1px #ccc solid;
}

/* 分类
-------------------------------------------------------------------*/
#sort dt {
	background-image: url('square.gif');
	background-repeat: no-repeat;
	background-position: -9988px center;
	padding-left: 15px;
	clear:both;
	margin-top: 10px;
}
#sort dd {
	white-space: nowrap;
	margin-left: -1px;
	border-left: 1px solid #000;
	line-height: 12px;
	height: 12px;
	padding-right: 8px;
	padding-left: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#hostCom li a {
	width:90%;
}
/* 首页帮助
-------------------------------------------------------------------*/
#homeHelp dl {
	border-left: 1px solid #E6E6E6;
	margin-left: -1px;
	float: left;
	width: 24%;
}
#homeHelp dt {
	text-align:center;
	font-size: 14px;
	font-weight: bold;
}
#homeHelp dt,
#homeHelp dd {
	margin-right: 29px;
	margin-left: 28px;
}
/* 简介
-------------------------------------------------------------------*/
#products .img {
	width:50%;
	text-align:center;
	margin-right:5%;
}
#products .p2 {
	background-image: url('square.gif');
	background-repeat: no-repeat;
	background-position: -1000px center;
	padding-left: 1em;
	margin-left: 0.5em;
	line-height:24px;
}
/* 案例
-------------------------------------------------------------------*/
#case {
	background-image: url('case.png');
	background-repeat: no-repeat;
	background-position: left top;
	height: 75px;
	width: 72px;
	position:absolute;
	top:80px;
	right:50px;
}
#case dt {
	font-size: 30px;
	font-weight: bold;
	line-height: 55px;
	height: 55px;
}
/* 列表显示设置
-------------------------------------------------------------------*/
#settings {
	background-image: url('bg.png');
	background-repeat:repeat-x;
	background-position: left top;
	border: 1px solid #9FD2FD;
	padding-right: 5px;
	padding-left: 5px;
}
/* 排序
-------------------------------------------------------------------*/
#taxis {
	height: 35px;
	line-height: 35px;
}
*html #taxis ul {
	padding-top:8px;
}
/* 筛选
-------------------------------------------------------------------*/
#filter {
	height: 56px;
	line-height: 56px;
}
*html #filter ul {
	padding-top:20px;
}
#filterKeyword input {
	width:130px;
}
/* 列表
-------------------------------------------------------------------*/
.oList dl {
	width:96%;
	margin:0 auto;
	overflow:hidden;
	padding: 0px;
}
.oList dd {
	margin-left: 190px;
}
.oList .doPoint {
	line-height:12px;
	height:12px;
}
/* 文章信息
-------------------------------------------------------------------*/
#artInfo {
	margin-top:30px;
}
#artInfo li {
	font-size: 11px;
	margin-left: -1px;
	padding-left: 10px;
	border-left: 1px solid #CCC;
	height: 12px;
	line-height:12px;
	margin-right: 10px;
}
#artInfo li a {
	font-size:12px;
	margin-right:5px;
}
#artHelp li.fLeft,
#artHelp li.fRight {
	width:350px;
}
/* 文章小工具
-------------------------------------------------------------------*/
#tools li{
	display:inline;
	padding-left:22px;
	background-image:url('c.gif');
	background-repeat:no-repeat;
	margin-right:10px;
}
#tools li a{
	color:#777;
}
#tools li#act-fav{
	background-position:4px 3px;
}
#tools li#act-err{
	background-position:4px -34px;
}
#tools li#act-pus{
	background-position:4px -70px;
}
#tools li#act-pnt{
	background-position:4px -106px;
}
/* 搜索
-------------------------------------------------------------------*/
#search input,
#search button {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	height: 23px;
	padding-top:7px;
	}
#search input {
	background-image: url('search_input.png');
	background-repeat: no-repeat;
	background-position: left center;
	width: 500px;
	font-size: 14px;
	padding-left: 37px;
	margin-left:5%
}
#search button {
	background-image: url('search_input.png');
	background-repeat: no-repeat;
	background-position: -550px center;
	height: 30px;
	width: 78px;
	margin-left:10PX;
}
/* box styles
-------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
.TB_overlayMacFFBGHack {
	background: url("../images/macFFBgHack.png") repeat;
}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
	position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	position: fixed;
	background: #fff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}
* html #TB_window { /* ie6 hack */
	position: absolute;
 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_caption {
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}
#TB_closeWindow {
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}
#TB_closeAjaxWindow {
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}
#TB_ajaxWindowTitle {
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
	font-weight: bold;
}
#TB_title {
	background-color:#e8e8e8;
	height:27px;
}
#TB_ajaxContent {
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}
#TB_ajaxContent.TB_modal {
	padding:15px;
}
#TB_ajaxContent p {
	padding:5px 0px 5px 0px;
}
#TB_load {
	position: fixed;
	display:none;
	height:32px;
	width:32px;
	z-index:103;
	top: 50%;
	left: 50%;/*margin: -6px 0 0 -104px;  -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
	position: absolute;
 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect {
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
	position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent {
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
/*购买流程*/
.pro_tit2{background:url(http://service.dedecms.com/templets/desdev-img/pro_tit01.gif) no-repeat 10px 7px; height:30px; border-bottom:1px dotted #dadada; }
.pro_tit2 span{ line-height:30px;font-size:14px;font-weight:700;color:#607b3e; padding-left:30px;}
.proadd_text2{border:1px solid #ddefb3; background-color:#f6ffdd; padding:10px 10px 10px 20px; margin-bottom:30px; }
.proadd_text2 dt{ font-size:14px; color:#222; font-weight:700; padding-bottom:5px; line-height:20px; }
.proadd_text2 dt a{font-size:14px; color:#222; font-weight:700;}
.proadd_text2 dd{ color:#444;line-height:20px; border-bottom:1px dotted #999; padding:5px 0px 5px 0px;font-weight:500;}
.proadd_text2 dd a{color:#5d783d; }
.proadd_text2 dd h1{ color:#0066FF;line-height:20px; font-size:13px; }
.proadd_text2 dd h1 a{ color:#888;line-height:20px; font-size:13px; }
.proadd_text2 dd h2{ color:#444;line-height:18px; font-weight:300;}
.proadd_text2 dd h3{ color:#444;line-height:18px; font-size:12px; }
.proadd_text2 dd span{color:#FF0000;}
.proadd_text3{width:500px;border:1px solid #dadada; background-color:#fff; margin-top:10px; padding:10px 10px 10px 20px; margin-right:10px; margin-bottom:30px; }
.proadd_text3 dt{ font-size:14px; color:#222; font-weight:700; padding-bottom:5px; line-height:20px; }
.proadd_text3 dd{ color:#444;line-height:20px; border-bottom:1px dotted #999; padding:5px 0px 5px 0px;font-weight:300;}
.proadd_text3 dd h1{ color:#607b3e;line-height:20px; font-size:13px; }
.proadd_text3 dd h2{ color:#444;line-height:18px; font-weight:300;}
.proadd_text3 dd span{color:#FF0000;}
.proadd_text3 dd a{ color:#CC0000;}
.proadd_text4{width:500px; background-color:#fff; margin-top:10px; padding:10px 10px 10px 20px; margin-right:10px; margin-bottom:30px; }
.proadd_text4 dt{ font-size:14px; color:#222; font-weight:700; padding-bottom:5px; line-height:20px; }
.proadd_text4 dd{ color:#444;line-height:20px; border-bottom:1px dotted #999; padding:5px 0px 5px 0px;font-weight:300;}
.proadd_text4 dd h1{ color:#607b3e;line-height:20px; font-size:14px; }
.proadd_text4 dd h2{ color:#607b3e;line-height:18px; font-weight:300;font-size:14px;}
.newdigg{
	width:406px;
	height:51px;
	margin:8px auto;
	clear:both;
	overflow:hidden;
	padding-left:8px;
}
.diggbox{
	width:195px;
	height:51px;
	float:left;
	margin-right:8px;
	overflow:hidden;
	cursor:pointer;
}
.diggbox .digg_act{
	font-size:14px;
	float:left;
	line-height:31px;
	text-indent:32px;
	height:29px;
	overflow:hidden;
	font-weight:bold;
}
.diggbox .digg_num{
	float:left;
	line-height:29px;
	text-indent:5px;
}
.diggbox .digg_percent{
	width:180px;
	clear:both;
	padding-left:10px;
	overflow:hidden;
}
.diggbox .digg_percent .digg_percent_bar{
	width:100px;
	height:7px;
	background:#E8E8E8;
	border-right:1px solid #CCC;
	float:left;
	overflow:hidden;
	margin-top:3px;
}
.diggbox .digg_percent .digg_percent_num{
	font-size:10px;
	float:left;
	padding-left:10px;
}
.diggbox .digg_percent .digg_percent_bar span{
	display:block;
	height:5px;
	overflow:hidden;
	background:#000;
}
.newdigg .digg_good{
	background-image: url('newdigg-bg.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.newdigg .digg_bad{
	background-image: url('newdigg-bg.png');
	background-repeat: no-repeat;
	background-position: right top;
}
.newdigg .digg_good .digg_act{
	color:#C30;
}
.digg_good .digg_num{
	color:#C63;
}
.newdigg .digg_bad .digg_act{
	color:#36C;
}
.newdigg .digg_bad .digg_num{
	color:#39C;
}
.newdigg .digg_good .digg_percent .digg_percent_bar span{
	border:1px solid #E37F24;
	background:#FFC535;
}
.newdigg .digg_bad .digg_percent .digg_percent_bar span{
	border:1px solid #689ACC;
	background:#94C0E4;
}
/* 页脚导航
-------------------------------------------------------------------*/
#footer .top,
#footer .top .t_l,
#footer .top .t_r,
#footer .bottom,
#footer .bottom .b_l,
#footer .bottom .b_r {
	background-image: url('footer.png');
}
#footer .top {
	height: 5px;
	line-height:5px;
	background-repeat: repeat-x;
	background-position: 0px -221px;
}
#footer .top .t_l {
	height: 5px;
	width: 5px;
	background-repeat: no-repeat;
	background-position: -5px 0;
}
#footer .top .t_r {
	height: 5px;
	width: 5px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#footer .mid .m_l {
	border-left:1px solid #1A62B2;
}
#footer .mid .m_r {
	border-right:1px solid #1A62B2;
}
#footer .bottom {
	height: 5px;
	line-height:5px;
	background-position: 0 -427px;
	background-repeat: repeat-x;
}
#footer .bottom .b_l {
	height: 5px;
	width: 5px;
	background-position: -5px -206px;
	background-repeat: no-repeat;
}
#footer .bottom .b_r {
	height: 5px;
	width: 5px;
	background-position: 0 -206px;
	background-repeat: no-repeat;
}
.footMain {
	clear:both;
	width: 100%;
}
.footMain .navBox {
	float: left;
	width: 100%;
}
.footMain .navBox .LOGO {
	float: left;
	height: 42px;
	width: 230px;
}
.footMain .navBox ul {
	margin-top:15px;
	margin-left: 230px;
	margin-right: 100px;
	overflow:hidden;
}
.footMain .navBox ul li {
	text-align: center;
	border-left: 1px solid #CCC;
	margin-left: -1px;
	height:12px;
	line-height:12px;
	width:11%;
}
.footMain .language {
	float: left;
	width: 110px;
	margin-left: -110px;
}
.autoImg {
	display: table-cell !important;
	display:block;
	height:150px;
	font-size:120px;
	width:150px;
    margin:0 auto;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
}
.autoImg img {
	vertical-align:middle;
	max-width:150px;
	max-height:150px;
	width:expression(this.width>50?150:true);
	height:expression(this.height>150?150:true);
	border-width: 0px;
}