﻿@charset "utf-8";
/*--------------------------
长安马自达经销商网站页面样式
作者：chihong
msn:chihongke@hotmail.com
---------------------------*/
/*基本样式------------------*/
body,td,th{color:#444;font-size:12px;line-height:160%;}
body{margin-bottom:8px;background:#FFF url(http://www.chana-mazda.com/images/shop/page/bg01.jpg) repeat-x left top;}
* {margin:0px;padding:0px;}
blockquote{margin:0px 15px;}
input,select{vertical-align:middle;line-height:normal;}
strong{color:#000;}
a:link,a:visited,a:active{color:#444;text-decoration:none;}
a:hover{color:#FF7D00;text-decoration:underline;}
.ccolor,.ccolor a:link,.ccolor a:visited,.ccolor a:active,a.ccolor:link,a.ccolor:visited,a.ccolor:active{color:#FF0000;}
.ccolor a:hover,a.ccolor:hover{color:#444;}
a:hover img{opacity:0.85;filter:alpha(opacity=85);} 
img{border:0px;}
.tpyy{border:6px solid #E6E6E6;}
h1,h2,h3{margin:5px 0px;color:#000;}
h4,h5,h6{color:#000;}
h1{font-size:14.7px;}
h2,h3,h4,h5,h6{font-size:12px;}

/*页面结构--------------*/
.wrapper{padding-top:12px;width:876px;}
/*--页头--------------*/
#header{width:877px;height:103px;background:url(http://www.chana-mazda.com/images/shop/page/bg07.jpg) repeat-x left top;text-align:left;}
#logo {position:absolute;padding:34px 0px 0px 37px;width:95px;height:55px;left:0px;top:0px;background:url(http://www.chana-mazda.com/images/shop/page/bg04.jpg) no-repeat 0px 48px;}
/*----快速链接--------------*/
#expedlink {padding-top:16px;height:32px;text-align:right;background:url(http://www.chana-mazda.com/images/shop/page/bg02.gif) no-repeat left top;}
#expedlink ul {list-style-type:none;}
#expedlink li {display:inline;padding-right:5px;}
/*----店名--------------*/
#shopname {float:right;padding:7px 21px 0px 32px;height:23px;background:url(http://www.chana-mazda.com/images/shop/page/bg05.jpg) no-repeat right top;}
/*----菜单--------------*/
#menu {margin-right:300px;padding-left:140px;height:30px;background:url(http://www.chana-mazda.com/images/shop/page/bg06.jpg) no-repeat right top;color:#FFF;}
#menu ul {width:410px;list-style-type:none;}
#menu ul a {padding:0px 6px;font-weight:bold;}
#menu ul a:link,#menu ul a:visited,#menu ul a:active{color:#FFF;}
#menu ul a:hover{color:#FF7D00;}
#menu ul li{float:left;height:30px;line-height:30px;}
#menu .menuout ul {display:none;}
#menu .menuon ul {display:block;}
#menu li{text-align:left;}
#menu li ul {position:absolute;margin-top:25px;margin-left:-40px;height:25px;line-height:25px;}
* html #menu li ul{margin-top:24px;}
#menu li li a:link,#menu li li a:visited,#menu li li a:active{color:#000;}
#menu li li a:hover{color:#FF7D00;}

/*--页面主体---------*/
#container {float:right;width:690px;text-align:left;overflow:hidden;border-bottom:1px solid #FFF;}
/*----导航--------------*/
#nav {padding-left:5px;height:20px;}
#nav,#nav a:link,#nav a:visited,#nav a:active{color:#2D2D2D;}
#nav a:hover{color:#FF7D00;}
#nav span,#nav span a:link,#nav span a:visited,#nav span a:active{color:#979797;font-weight:bold;}
#nav span a:hover{color:#FF7D00;}
/*----动画--------------*/
#pageflash {width:690px;height:358px;background:url(http://www.chana-mazda.com/images/shop/page/bg11.jpg) repeat-x left bottom;}
/*----内容区--------------*/
.content {position:relative;top:-210px;margin:0px 0px -210px 6px;padding:20px;background:#FFF;overflow:hidden;}
.content .til h1.til,.content .til h2.til{display:inline;margin-right:7px;font-size:14.7px;}
.content .til .formtime{border-bottom:1px solid #DCDCDC;}
.content .main{padding:20px 0px;min-height:182px;}
* html .content .main{height:182px;}
*+html .content .main{height:auto;min-height:182px;}
.content .main a:link{text-decoration:underline;}
.content .main　p{margin:10px 0px;}
.content .main ul { margin:10px 0px 10px 40px;}
.content .more {padding-left:10px;color:#000;}
.content .more a:link,.content .more a:visited,.content .more a:active{color:#000;}
.content .more a:hover{color:#FF7D00;}
#book .content .more ,#drive .content .more{text-align:center;}
/*----车型展示--------------*/
.cartype {margin-bottom:20px;height:220px;background:url(http://www.chana-mazda.com/images/2007page/page_6.jpg) no-repeat right top;}
.cartype .title {float:left;padding:20px 0px 0px;width:161px;}
.cartype .more {float:left;padding:30px 0px 0px;}
.cartype .photo {float:right;width:325px;}
.cartype .typemain {width:300px;float:left;}

#side{float:left;padding-left:20px;width:160px;}
#sideflash {padding-top:18px;}
#tel{padding-left:24px;}
#side{overflow:hidden;}
#index #tel{ white-space:nowrap;}
/*----二级导航--------------*/
#sidemenu{padding:4px 0px 16px 16px;}
#sidemenu .til{padding-bottom:16px;font-size:14.7px;font-weight:bold;color:#000;}
#sidemenu .til a:link,#sidemenu .til a:visited,#sidemenu .til a:active{color:#000;}
#sidemenu .til a:hover{color:#FF7D00;}
#sidemenu ul{list-style-type:none;background:url(http://www.chana-mazda.com/images/shop/page/bg12.gif) repeat-y left top;}
#sidemenu ul li{padding-left:8px;height:25px;line-height:25px;}
#sidemenu ul li.current{background:url(http://www.chana-mazda.com/images/shop/page/bg13.gif) no-repeat left center;}
#sidemenu ul li.current a:link,#sidemenu ul li.current a:visited,#sidemenu ul li.current a:active{color:#186A9E;}
#sidemenu ul li.current a:hover{color:#FF7D00;}

/*----首页页面主体--------------*/
#index #container{float:none;padding-top:6px;padding-left:18px;width:859px;min-height:500px;background:url(http://www.chana-mazda.com/images/shop/page/bg08.jpg) no-repeat right top;}
#index #container_1{height:393px;}
#index #flashmain {width:690px;height:393px;background:url(http://www.chana-mazda.com/images/shop/page/bg10.jpg) repeat-x left bottom;float:left;}
#index #side{float:none;margin-left:698px;padding:0px;width:158px;}
#index #tel {padding-left:0px;padding-bottom:10px;background:url(http://www.chana-mazda.com/images/shop/page/bor01.gif) repeat-x left bottom;color:#1F1F1F;}
#index #container_2 {position:relative;top:-83px;margin:0px 0px -83px 6px;width:853px;background:#FFF;overflow:hidden;}

/*--页底--------------*/
#footer{padding:0px 22px 0px 32px;height:22px;border:1px solid #DADADA;clear:both;background:#EEE;line-height:22px;}
#footer .wrapper{padding:0px;width:auto;min-width:824px;}
* html #footer .wrapper{width:824px;}
*+html #footer .wrapper{min-width:824px;width:auto;}
#footerlink {float:left;color:#1E1E1E;}
#footerlink a:link,#footerlink a:visited,#footerlinka:active{color:#1E1E1E;}
#footerlink a:hover{color:#FF7D00;}
#copyright{text-align:right;color:#8A8A8A;}

/*--提交表单表格-------------*/
.formtable{ margin:0px auto;width:100%;border-spacing:0px;border-collapse:collapse; border:1px solid #D6D6D6;}
.formtable th, .formtable td{ padding:3px 8px; background:#F1F1F1;border-bottom:1px solid #FFF;vertical-align:top;}
.formtable th{padding-right:35px;width:72px;background:#F7F7F7;color:#313131;border-right:1px solid #FFF;text-align:right;font-weight:lighter;line-height:24px;}
.formtable td{ color:#7E7E7E;}
.formtable th.til{width:auto;height:20px;background:#43545C url(http://www.chana-mazda.com/images/shop/page/bg14.jpg) repeat-x left top;color:#FFF;border-right:1px solid #FFF;border-right:0px;line-height:20px;text-align:left;}
.formtable input,.formtable select,.formtable textarea {color:#7E7E7E;}
.formtable .ccolor{color:#bc2931;}

/*--一般表格-------------*/
.alltable{margin:0px auto 10px;width:100%;border-spacing:0px;border-collapse:collapse; border:1px solid #D6D6D6;}
.alltable th,.alltable td{ padding:2px 8px;background:#F1F1F1;border-bottom:1px solid #FFF;vertical-align:top;}
.alltable th{padding-right:18px;width:72px;background:#F7F7F7;color:#313131;border-right:1px solid #FFF;text-align:right;font-weight:lighter;}
.alltable .ccolor{color:#bc2931;}
.alltable .nocolor{color:#444;}
.alltable th.til{padding:3px 8px;width:auto;height:20px;background:#43545C url(http://www.chana-mazda.com/images/shop/page/bg14.jpg) repeat-x left top;color:#FFF;border-right:1px solid #FFF;border-right:0px;line-height:20px;text-align:left;font-weight:bold;vertical-align:middle;}
.alltable th.til a:link,.alltable th.til a:visited,.alltable th.til a:active{color:#FFF;}
.alltable input,.allable select,.alltable textarea {vertical-align:middle;}
.alltable td.txt_c,.alltable th.txt_c{text-align:center;}
.tableall{margin:0px auto 10px;width:100%;border-spacing:3px;border-collapse:collapse;border:2px solid #D6D6D6;}
.tableall th,.tableall td{ padding:3px 8px;background:#F1F1F1;border:1px solid #FFF;}
.tableall th{background:#F7F7F7;color:#313131;text-align:left;font-weight:lighter;}
.tableall th strong {font-weight:bold;}
.tableall .ccolor{color:#bc2931;}
.tableall .nocolor {color:#666;}
.tableall th.til{width:auto;height:20px;background:#43545C url(http://www.chana-mazda.com/images/shop/page/bg14.jpg) repeat-x left top;color:#FFF;border:0px;line-height:20px;text-align:center;font-weight:bold;vertical-align:middle;}
.tableall th.til a:link,.tableall th.til a:visited,.tableall th.til a:active{color:#FFF;}
.tableall input,.tableall select,.tableall textarea {vertical-align:middle;}
.tableall td.txt_r,.tableall th.txt_r{text-align:right;}
/*--栏目--------------*/
/*----首页新在线订购-------------*/
#index #column_onlink .til{color:#3F5768;padding-top:10px;font-weight:bold;font-size:14.7px;border-bottom:1px solid #CDCDCD;}
#index #column_onlink .main div {padding:5px 0px;}
#index #column_onlink .main select,#index #column_onlink .main input{width:154px;color:#4A4A4A;}
* html #index #column_onlink .main input{width:140px;}

/*----首页新闻列表-------------*/
#column_hdgg,#column_xwkx{float:left;padding:23px 14px;width:312px;}
* html #column_hdgg,* html #column_xwkx{ height:115px;}
#column_xwkx {background:url(http://www.chana-mazda.com/images/shop/page/bg03.gif) no-repeat left center;}
#column_hdgg .til,#column_xwkx .til {float:left;}
#column_hdgg .more,#column_xwkx .more{padding-bottom:15px;text-align:right;}
#column_hdgg ul,#column_xwkx ul{margin-left:20px;list-style-image:url(http://www.chana-mazda.com/images/shop/page/li.gif);}
#column_hdgg li,#column_xwkx li{height:20px;}
#column_hdgg li a,#column_xwkx li a{float:left;width:192px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#column_hdgg li span,#column_xwkx li span{float:right;}
#index #sideflash {text-align:right;}

/*----新闻列表-------------*/
#column_newslist ul{margin:0px;list-style-type:none;}
#column_newslist ul li{padding:5px 10px 0px 25px;height:20px;background:url(http://www.chana-mazda.com/images/shop/page/li.gif) no-repeat 10px 12px;border-bottom:1px solid #DCDBDC;}
#column_newslist ul li span{float:right;}

/*----网站地图-------------*/
#map .maplink{margin:0px 0px 20px 0px;list-style-type:none;height:25px;}
.maplink li{float:left;border-bottom:1px solid #EEE;line-height:25px;}
.maplink li a{display:block;width:80px;border-left:1px solid #F60;text-align:center;}
#map .maplink li a:link{text-decoration:none;}
#map .maplink li a:hover{text-decoration:underline;}
.maplink li a.current{width:125px;border-left:0px;font-size:14.7px;font-weight:bold;text-align:left;color:#186A9E;}

/*基本样式续--------------*/
.fb{font-weight:bold;}
.fi{ font-style:italic;}
.fontnostr{font-weight:normal;}
.fbig{font-size:14.7px;}
.fauto{font-size:12px;}
.txt_l,th.txt_l,td.txt_l{text-align:left;}
.txt_c,th.txt_c,td.txt_c{text-align:center;}
.txt_r,th.txtr,td.txt_r{text-align:right;}
.va_t,th.va_t,td.va_t{vertical-align:top;}
.va_m,th.va_m,td.va_m{vertical-align:middle;}
.va_b,th.va_b,td.va_b{vertical-align:bottom;}
.t_line{text-decoration:underline;}
.t_none{text-decoration:none;}
.left{float:left;}
.right{float:right;}
.clear {clear:both;} 
.hidden {display:none;}
.noBorder{ border:none;}
.nobreak {white-space:nowrap;}