﻿
/*  www.CIMAMotor.com  第九届中国国际摩托车博览会 CIMA 2010				WangXing 2010-07-14 10:39:29 */

/* = Reset
--------------------------------------------------------------------------------------------------------------- */
* { margin:0; padding:0; }
body { font:12px/1 "\5b8b\4f53","宋体",Tahoma,Arial; }
div { text-align:left; }  img { border:0; }  p { line-height:1.5; }
table { border-collapse:collapse; border-spacing:0; }
ul,ol,li { list-style:none; list-style-type:none; } 
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
em { font-style:normal; }  :focus { 1outline:none; }

/* = Reserve
--------------------------------------------------------------------------------------------------------------- */
.nowrap { white-space:nowrap; }  .clear { clear:both; height:0; overflow:hidden; }
h1.h { width:0px; height:0px; text-indent:-9999em; overflow:hidden; }  h2 { font-size:14px; font-weight:bold; }
h3, .f14 { font-size:14px; }  h4, .f12 { font-size:12px; }  .bold { font-weight:bold; }
.fl { float:left; display:inline; }  .fr { float:right; display:inline; }  .center { text-align:center; }
span.ar { text-decoration:none; font:9px arial; letter-spacing:-1px; }
.equal { padding-bottom:30000px; margin-bottom:-30000px; } /* for多列等高 */


/* = Common Style
--------------------------------------------------------------------------------------------------------------- */
html { overflow-x:hidden; overflow-y:scroll; }
body { background-color:#fff; }
#container {}
.pw { width:1002px; margin:auto; } /* 网页宽度 */
a:link { color:#000; text-decoration:none; }
a:visited { color:#613838; text-decoration:none;}
a:hover, a:active { color:#B60A00; text-decoration:underline; }
	a.dl:link, a.dl:visited { color:#6cf; text-decoration:none; }
	a.dl:hover, a.dl:active { color:#fff; text-decoration:none; }


/* header */
#header { height:243px; background:url(/chs/img/header_bg.gif) left 68px repeat-x; position:relative; z-index:10; }
#header .pw { /* overflow:visible; */ }
#header img.logo { margin:10px 0px 10px 15px; float:left; }
#header .r { width:641px; height:93px; margin:0; position:relative; }
#header .r .top { height:31px; float:right; margin-top:14px; display:inline; }
#header .r .top a, #header .r .top span { float:left; display:block; }
#header .r .top a { color:#c00; text-decoration:underline; padding:2px; }
#header .r .top span { color:#900; padding:2px 6px 0 5px; }
#header .r .top a img { position:relative; top:-2px; }
#header #menu { float:right; overflow:visible; }
	/* menu */
	#menu { z-index:100; position:relative; }
	#menu ul { z-index:100; position:relative;
			/* -moz-opacity:0.95; */ /* opacity:0.95; */
			-moz-border-radius: 3px; -moz-border-radius-topleft: 0;
			-webkit-border-radius: 3px; -webkit-border-top-left-radius: 0;
			-moz-box-shadow: 1px 1px 3px rgba(153,0,0,0.5);
			-webkit-border-shadow: 1px 1px 3px rgba(153,0,0,0.5);
			}
	#menu li { float:left; display:block; }
	#menu li li { float:none;
				/* -moz-box-shadow: 0px -1px 0px rgba(153,0,0,1); -webkit-border-shadow: 0px -1px 0px rgba(153,0,0,1); */
				border-bottom:1px solid #900;
				}
	#menu li a li { float:left; }
	#menu li a { float:left; display:block; padding:5px 14px 2px 14px; font-size:14px; font-weight:bold; color:#000; height:23px; line-height:23px; white-space:nowrap; text-decoration:none; }
	#menu li li a { float:none; line-height:20px; height:21px; background-color:#fcfbfa; }
	#menu li:hover { position:relative; z-index:100; }
	#menu a:hover { position:relative; z-index:100; background-color:#900; color:#fff; }
	#menu li:hover > a { background-color:#900; color:#fff; }
	#menu :hover ul { z-index:300; left:0px; top:29px; border-width:2px 2px 1px 4px; border-style:solid; border-color:#900; }
	#menu a:hover ul { background-color:#fcfbfa; }
	#menu ul { position:absolute; left:-9999px; top:-9999px; }
	#menu li:hover li:hover > ul { left:0px; top:-1px; margin-left:100%; }
	#menu li:hover > ul ul { width:auto; position:absolute; left:-9999px; top:-9999px; }
	#menu li:hover li:hover > a { background-color:#c00; color:#ffc; }
	#menu li a:hover ul li a:hover { background-color:#c00; color:#ffc; }
	#menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul, #menu a:hover a:hover a:hover a:hover ul, #menu a:hover a:hover a:hover a:hover a:hover ul { left:100%; top:0px; }
	#menu a:hover ul ul, #menu a:hover a:hover ul ul, #menu a:hover a:hover a:hover ul ul, #menu a:hover a:hover a:hover a:hover ul ul { position:absolute; left:-9999px; top:-9999px; }
#header .banner { width:100%; height:150px; overflow:hidden; }


/* footer */
#footer { width:100%; height:245px; overflow:hidden; background:#000 url(/chs/img/footer_re.jpg) left top repeat-x; position:relative; z-index:1; clear:both; }
#footer .wrap { margin:34px 0 0 38px; padding-top:8px; overflow:hidden; height:210px; background:url(/chs/img/footer_bg.jpg) left top no-repeat; }
#footer h3 { font:bold 14px 宋体; line-height:2; color:#B78989; }
#footer ul{width:1002px;}
#footer ul li { float:left; display:inline; margin-right:3px; }
#footer .l, .r { float:left; display:inline; margin-top:9px; margin-right:76px; }
#footer .r h3 { color:#fff; }

#footer .ff{}
#footer .ff #fleft{float: left;
    margin: 10px;}
#footer .ff #fright{float: left;}

#footer .link { margin-top:15px; }
#footer .link a { color:#fff; }
#footer .link span { color:#B78989; margin:0 6px; }
#footer .copyright { color:#B78989; float:left; display:inline; }
#footer .copyright span.cha { font:13px arial; margin-right:5px; position:relative; top:1px; }
#footer .copyright a { color:#fff; }
#footer .copyright a img { position:relative; top:3px; left:5px; }
#footer .script { float:right; display:inline; margin:6px; }
.footerIn { height:135px !important; } 


/* body */
#body .pw { overflow:hidden; }

	/* baNav */
	#body .pw .bcnav { border-bottom:2px solid #E3E3E3; color:#8A8A8A; padding-bottom:6px; }
	#body .pw .bcnav span { color:#3A3A3A; margin:0 6px; }

#body .pw .ll { width:266px; float:left; background:#fff url(/chs/img/sider_left.jpg) right top no-repeat; }
#body .pw .mm { width:520px; float:left; }
#body .pw .rr { width:216px; float:right; background:#fff url(/chs/img/sider_right.jpg) left top no-repeat; }

#body .pw .ll .wrap, #body .pw .mm .wrap, #body .pw .rr .wrap { margin-top:15px; margin-bottom:20px; }
#body .pw .ll .wrap { margin-left:16px; }
#body .pw .mm .wrap { margin-left:5px; margin-right:4px; }
#body .pw .rr .wrap { margin-left:14px; margin-right:14px; }

/*
#body .pw .ll .wrap  ->  .block_L
*/
.block_L h3 { width:218px; height:28px; overflow:hidden; margin:10px 0; background:url(/chs/img/sider_bar_black.gif) left top no-repeat; color:#ddd; font:bold 14px/29px "\5b8b\4f53"; padding-left:12px; }
.block_L h3 span.en { font:bold 12px tahoma; }
.block_L .loginBtn {/* display:block; width:230px; height:52px; text-align:center; line-height:52px; background-color:#c00; color:#fff; font-size:22px; font-weight:bold; */}
.block_L .cnt { width:225px; margin:0 0 0 5px; color:#4B4B4B; }
.block_L strong.red { color:#c00; display:block; padding-top:1px; }
.block_L p.a { line-height:1.3; margin:1px 0 4px 0; }
.block_L p.c { line-height:1; }
.block_L p.b { line-height:1.8; }
.block_L p.b a { padding-right:8px; }
.block_L p.b a.hot { background:url(/chs/img/ico_hot.gif) right top no-repeat; padding-top:6px; }
.block_L p.last { padding:4px 0 1px 1em; }
.block_L span.dot { font-size:10px; }
.block_L ul li { line-height:1.8; }
.block_L .partner { width:230px; text-align:center; }
.block_L .partner img { margin-bottom:8px; }
.block_L .sponsor { width:230px; margin:0 0 20px 8px; }
.block_L .ad { width:230px; text-align:center; margin:0; }
.block_L .ad img { display:block; margin:9px auto; }

/*
#body .pw .rr .wrap  ->  .block_R
*/
.block_R img.topimg { margin:10px auto 10px auto; }
.block_R h3 { width:188px; height:26px; overflow:hidden; margin:10px 0; background:url(/chs/img/sider_bar_white.gif) left top no-repeat; color:#4b4b4b; font:bold 14px/27px "\5b8b\4f53"; padding-left:12px; }

.block_R ul.motologo { margin-bottom:30px; overflow:auto; }
.block_R ul.motologo li { text-align:center; }
.block_R ul.motologo li img { display:block; margin:0 auto 9px auto; }

.block_R #exhLogoMQ { margin-bottom:30px; height:500px; }
.block_R #exhLogoMQ li { text-align:center; }
.block_R #exhLogoMQ li img { display:block; margin:0 auto 9px auto; }

.block_R .cnt { width:182px; margin:0 0 0 1px; color:#4B4B4B; }
.block_R ul li { line-height:1.3; margin:6px 0; clear:both; overflow:hidden; }
.block_R span.dot { font-size:10px; display:block; float:left; width:10px; line-height:1.5em; height:1.8em; }


.block_Intro { margin:30px 15px 15px 15px; }
.block_Intro p { color:#4b4b4b; line-height:1.6; margin-bottom:5px; }
.block_idxNews h3 { width:497px; height:28px; overflow:hidden; margin-top:12px; background:url(/chs/img/mian_bar.jpg) left top no-repeat; color:#fee; font:bold 14px/28px "\5b8b\4f53"; padding-left:14px; }
.block_idxNews h3 a.more { float:right; font:12px/27px "\5b8b\4f53"; margin-right:11px; padding:0 6px 0 9px; text-decoration:none; color:#fff; }
.block_idxNews h3 a.more:hover { color:#ff9; }
.block_idxNews ul.news { width:501px; margin:9px 4px 0 4px; }
.block_idxNews ul.news li { padding:8px 10px 5px 11px; margin:1px 0; }
.block_idxNews ul.news li span.dot { width:5px; height:5px; display:block; float:left; overflow:hidden; margin:3px 8px 0 0; background-color:#999; }
.block_idxNews ul.news li span.dt { display:block; float:right; color:#888; }
.block_idxNews ul.news li h4 { display:inline; }
	.block_idxNews ul.Ex2 li.odd  { background-color:#f3f3f3; }
	.block_idxNews ul.Ex2 li.even { background-color:transparent; }
	.block_idxNews ul.Ex2 li.hover { background-color:#fff0f0; }
.block_idxNews { overflow:hidden; }
.block_idxNews ul.pic { width:504px; overflow:hidden; margin:5px 3px; }
.block_idxNews ul.pic li { float:left; display:inline; padding:2px; }
.block_idxNews ul.pic li a { border:1px solid #333; background-color:#eee; display:block; }
.block_idxNews ul.pic li a:hover { border:2px solid #c00; margin:-1px; }
.block_idxNews ul.pic li a img { width:120px; height:90px; display:block;  }




/* = Content Style <page>
--------------------------------------------------------------------------------------------------------------- */

/* 首页<index> */


/* 观众预登录 <login> */
body.login #body .pw .rr_login { width:736px; float:right; padding-top:36px; }
body.login #body .pw .rr_login .bcnav { margin:0 20px; }
body.login #body .pw .rr_login form { width:650px; margin:37px 0 0 80px; font-size:14px; }
body.login #body .pw .rr_login form .title { width:92px; height:24px; overflow:hidden; background:url(/chs/img/login_title.gif) left top no-repeat; }
body.login #body .pw .rr_login form .jbline { width:532px; height:2px; overflow:hidden; background:url(/chs/img/login_jbline.gif) left top no-repeat; }
body.login #body .pw .rr_login form .jbsp { width:366px; height:21px; overflow:hidden; background:url(/chs/img/login_jbsp.gif) left top no-repeat; margin-top:9px; }
body.login #body .pw .rr_login form dl span { margin:0 6px; }
body.login #body .pw .rr_login form dl.part1 { overflow:hidden; margin-top:18px; }
body.login #body .pw .rr_login form dl.part1 dt { width:110px; height:35px; line-height:25px; float:left; text-align:right; clear:left; }
body.login #body .pw .rr_login form dl.part1 dd { width:535px; height:35px; line-height:25px; float:right; text-align:left; clear:right; }
body.login #body .pw .rr_login form dl.part1 dd.sex { height:30px; padding-top:3px; }
body.login #body .pw .rr_login form dl.part1 dd.sex span { position:relative; left:0; top:-3px; }
body.login #body .pw .rr_login form dl.part1 dd.sex label { margin-right:9px; }
body.login #body .pw .rr_login form dl.part2 { overflow:hidden; margin-left:60px; }
body.login #body .pw .rr_login form dl.part2 dt { padding:20px 0 5px 0; }
body.login #body .pw .rr_login form dl .inp { width:155px; padding:3px 3px 2px 3px; border:1px solid #E3E9EF; border-top:1px solid #ABADB3; font-size:14px; background-color:#f6f6f6; background-position:right bottom; background-repeat:no-repeat; }
body.login #body .pw .rr_login form dl select { border:1px solid #E3E9EF; border-top:1px solid #ABADB3; font-size:14px; height:23px; padding:2px 2px 2px 0;}
body.login #body .pw .rr_login form dl option { background-color:#f6f6f6; }
body.login #body .pw .rr_login form dl .sel1 { width:70px; }
body.login #body .pw .rr_login form dl .sel2 { width:163px; }
body.login #body .pw .rr_login form dl .sel3 { width:218px; }
body.login #body .pw .rr_login form dl .msg { display:inline; color:#f39; font:12px "\5b8b\4f53"; margin-left:4px; }
body.login #body .pw .rr_login form dl .msg img { position:relative; top:3px; margin-right:2px; }

#RegForm td div { font: 12px "宋体"; color:red; }
#RegForm td div img { vertical-align: middle; } 

body.login #body .pw .rr_login form dl .txt { width:280px; height:106px; padding:2px 3px 2px 4px; font-size:14px; line-height:1.5; background-color:#f6f6f6; border:1px solid #E3E9EF; border-top:1px solid #ABADB3; }
body.login #body .pw .rr_login form dl .submit { width:89px; height:31px; overflow:hidden; border:none; background:#b00000 url(/chs/img/login_submit.gif) left top no-repeat; cursor:pointer; }


/* 新闻 <news> */
body.news #body .pw .mm_news { width:511px; float:left; margin-left:5px; }
/*
.block_News  ->  .block_News
*/
.block_News ul.tab { height:33px; padding-left:21px; margin:26px auto 10px auto; overflow:hidden; background:url(/chs/img/news_tab_bar.jpg) center 5px no-repeat; }
.block_News ul.tab li { float:left; display:inline; }
.block_News ul.tab li a { width:66px; height:33px; display:block; color:#b6b6b6; line-height:39px; text-align:center; text-decoration:none; margin-right:1px; }
.block_News ul.tab li a.on,
.block_News ul.tab li a:hover { background:url(/chs/img/news_tab_on.gif) left top no-repeat; color:#fff; font-weight:bold; }
.block_News ul.list { margin:0 4px; overflow:hidden; }
.block_News ul.list li { padding:8px 10px 6px 11px; margin:1px 0; }
.block_News ul.list li.odd  { background-color:#f3f3f3; }
.block_News ul.list li.even { background-color:transparent; }
.block_News ul.list li:hover { background-color:#fff3f3; }
.block_News ul.list li span.dot { width:3px; height:6px; display:block; float:left; overflow:hidden; margin:3px 5px 0 0; background:url(/chs/img/dot_62r.gif) left top no-repeat; }
.block_News ul.list li span.dt { display:block; float:right; color:#888; }
.block_News ul.list li a.cat { color:#b00000; margin-right:6px; }
.block_News ul.list li h4 { display:inline; }
	/* block_Pager */
	.block_Pager { overflow:hidden; margin:10px 0; padding:8px 0 6px 0; text-align:center; }
	.block_Pager a { font:12px tahoma; text-decoration:none; } .block_Pager a:hover { text-decoration:none; }
	.block_Pager a.f { margin:0 3px; background-color:#f3f3f3; padding:4px 4px 3px 4px; }
	.block_Pager a.f:hover { background-color:#f9f9f9; color:#b00000; border:1px solid #999; padding:3px 3px 2px 3px; }
	.block_Pager a.p { margin:0 1px; background-color:#fbf0f0; color:#b00000; border:1px solid #b00000; padding:3px 4px 2px 5px; }
	.block_Pager a.p:hover { background-color:#b00000; color:#fff; padding:8px 5px 2px 6px; margin:0; }
	.block_Pager a.on { background-color:#b00000; color:#fff; padding:8px 5px 2px 6px; font-weight:bold; }
	.block_Pager a.on:hover { margin:1px; }
	.block_Pager a span.ar { color:#b00000; }


/* 查看新闻 <view> */
body.view #body .pw .ll_view { width:736px; float:left; }
body.view #body .pw .ll_view .wrap { margin:20px; }
body.view #body .pw .ll_view .wrap h1 { font:bold 18px "\5b8b\4f53"; color:#b00000; text-align:center; margin:25px 0 5px 0; padding:7px 0 2px 0; background-color:#fff9f9; }
body.view #body .pw .ll_view .wrap .info { text-align:center; }
body.view #body .pw .ll_view .wrap .info em { color:#888; font:12px tahoma; margin:0 10px; }
body.view #body .pw .ll_view .wrap .txt { padding:25px 5px 20px 5px; color:#404040; font-size:14px; line-height:1.8; }
body.view #body .pw .ll_view .wrap .txt td { padding:3px;border:1px solid #CACACA;  }
body.view #body .pw .ll_view .wrap .txt .ttitle{ background-color:#f3eaea; text-align:center;font-weight:bold;}
body.view #body .pw .ll_view .wrap p { font-size:14px; line-height:1.8; /*text-indent:2em;*/ margin-bottom:10px; }
body.view #body .pw .ll_view .wrap ul.pn { background-color:#f9f9f9; padding:6px 32px 2px; }
body.view #body .pw .ll_view .wrap ul.pn li { margin:10px 0; }
body.view #body .pw .ll_view .wrap ul.pn li span { color:#404040; margin-right:4px; }
body.view #body .pw .ll_view .wrap ul.pn li h2 { display:inline; font-size:12px; font-weight:normal; }
body.view #body .pw .rr { width:266px; float:right; background:#fff url(/chs/img/sider_right.jpg) left top no-repeat; }
body.view #body .pw .rr .wrap { margin:18px; }
body.view #body .pw .rr .wrap h3 { width:218px; height:28px; overflow:hidden; margin:20px 0 10px 0; background:url(/chs/img/sider_bar_black.gif) left top no-repeat; color:#ddd; font:bold 14px/27px "\5b8b\4f53"; padding-left:12px; }

	.vdo { overflow:hidden; margin:auto; _height:1%; }
	.vdo li { display:block; float:left; overflow:hidden; margin:20px 53px; _margin:20px 36px; font-size:0; }
	.vdo li h4 { padding:9px 0 7px 0; background-color:#eee; text-align:center; color:#c33; font:bold 12px tahoma; }


/* 图片列表<PhotoList> */
body.PhotoList #body .pw .wrap {}
ul.block_PhotoList { width:1020px; overflow:hidden; background-color:#e0e0e0; margin:1px 0 20px 0; }
ul.block_PhotoList li { float:left; display:inline; margin-right:1px; }
ul.block_PhotoList li a { display:block; width:152px; overflow:hidden; padding:15px 7px 13px 7px; /*background-color:#e0e0e0;*/ text-decoration:none; cursor:pointer; }
ul.block_PhotoList li a img { width:150px; height:120px; display:block; margin:auto; border:1px solid #fff; }
ul.block_PhotoList li a h3 { height:24px; overflow:hidden; line-height:31px; text-align:center; }
ul.block_PhotoList li a:hover { text-decoration:none;  background-color:#f66; color:#fff; }
ul.block_PhotoList li a:hover h3 { font-weight:bold; }

/* 图片查看<PhotoList> */
.block_PhotoView { margin:10px auto; width:800px; position:relative; border:3px solid #ddd; }
.block_PhotoView .pv_Bar { height:40px; overflow:hidden; background-color:#eee; }
.block_PhotoView .pv_Bar span { color:#999; float:left; display:block; height:40px; line-height:43px; padding-left:28px; letter-spacing:0.5em; }
.block_PhotoView .pv_Bar h3.pv_Title { float:right; display:block; width:80%; height:40px; line-height:43px; overflow:hidden; font-weight:bold; padding:0 20px; color:#900; background-color:#fff6f3; }
.block_PhotoView .pv_Prev, .block_PhotoView .pv_Next { position:absolute; width:49px; height:50px; top:47%; overflow:hidden; }
.block_PhotoView .pv_Prev { left:35px; background:url(http://www.cimamotor.com/images/prev.jpg) left top no-repeat; }
.block_PhotoView .pv_Next { right:35px; background:url(http://www.cimamotor.com/images/next.jpg) left top no-repeat; }
.block_PhotoView .pv_Prev a, .block_PhotoView .pv_Next a { display:block; width:100%; height:100%; }
.block_PhotoView .pv_Photo {  margin:auto; background-color:#f9f9f9; padding:20px 0; }
.block_PhotoView .pv_Photo img { display:block; margin:auto; }

/* 相册 */
#block_Gallery { margin:auto; position:relative; }

	/* for adGallery() if description_wrapper
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
	#block_Gallery .ad-desc-bg { position:absolute; z-index:10; left:35px; top:370px; width:600px; height:50px; background-color:#001; filter:alpha(opacity=50); }
	#block_Gallery .ad-desc { position:absolute; z-index:11; left:35px; top:370px; width:600px; height:42px; color:#fff; padding:8px 0 0 0; overflow:hidden; }
	#block_Gallery .ad-desc * { display:block; margin:2px 6px; }
	/* .ad-desc-bg, .ad-desc { display:none; } */

#block_Gallery .ad-desc-trg { display:none;
	width:16px; height:16px; display:block; overflow:hidden; position:absolute; right:0; bottom:34px; z-index:12; cursor:pointer; text-align:center;
	font:bold 10px/16px tahoma; color:#fff; background:url(#); /* opacity:0.5; *filter:alpha(opacity=30); _filter:alpha(opacity=50); */ 
	}
	* html #block_Gallery .ad-desc-trg { bottom:150px; right:35px; }

#block_Gallery .ad-desc-trg a { width:16px; height:16px; display:block; overflow:hidden; position:relative; text-decoration:none; }


/*首页网上展会滚动*/
#MediaLinks{padding-top:0px;OVERFLOW: hidden;height:35px;width:960px;margin:0 auto;border:0px solid #E8E8E8;}
/*页面底部媒体链接单元格*/
.MediaImgTD{border:0px;padding:2px;}
/*网上展会厂商图标滚动部份*/
#cimaexhibitormq { width:190px; height:600px; overflow:hidden; padding:0; margin:0; }
.red{color:#B90000;}
.PhotobcNav { width:600px; height:25px; overflow:hidden; margin:auto; line-height:28px; *line-height:27px; _line-height:30px; }
.SNews {margin-left: 5px;padding-left: 15px;}
.SNews li{list-style-position: outside;list-style-type: disc;}

