body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0; padding:0; } table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} body { background-image: url(../images/body_bg.jpg); background-repeat: repeat-x; text-align: center; line-height: 18px; color: #676767; font-size: 12px; background-color: #FFF;} body.specifications { background-image: none; background-color: #FFFFFF; } body.dview { background-image: none; } a { color: #333333; } h2.h2_1 { background-image: url(../images/h2bgt.jpg); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 5px; margin-top: 15px; margin-bottom: 15px; display: block; } h1 span, h2 span, h3 span, h4 span { visibility: hidden; } .more { font-family: Arial, Helvetica, sans-serif; color: #0066CC; margin-left: 10px; } .colorred { color: #FF0000; } a:hover { color: #CC0000; } a.btn1 { display:inline-block; background-image: url(../images/btn_bg1.jpg); background-repeat: no-repeat; width: 117px; margin-right: auto; margin-left: auto; color: #FFFFFF; text-decoration: none; padding-top: 8px; padding-bottom: 13px; text-align: center;} a.btn1:hover { background-image: url(../images/btn_bg2.jpg); color: #FFFF00; } a.btn2 { display: block; background-image: url(../images/btn2.jpg); background-repeat: no-repeat; width: 123px; margin-right: auto; margin-left: auto; color: #333333; text-decoration: none; padding-top: 8px; padding-bottom: 9px; text-align: center; font-size: 12px; } a.btn2:hover { color: #FF0000; } a.btn3 { display: block; background-image: url(../images/btn4.jpg); background-repeat: no-repeat; width: 76px; margin-right: auto; margin-left: auto; color: #333333; text-decoration: none; padding-top: 4px; padding-bottom: 3px; text-align: center; } a.btn3:hover { color: #FF0000; } a.btn4 { display:inline-block; background-image: url(../images/btn_bg1.jpg); background-repeat: no-repeat; width: 117px; margin-right: auto; margin-left: auto; color: #FFFFFF; text-decoration: none; padding-top: 8px; padding-bottom: 13px; text-align: center;} a.btn4:hover {color: #FFFF00; } a.btn5 { display:block; background-image: url(../images/btn5.jpg); background-repeat: no-repeat; width: 97px; margin-right: auto; margin-left: auto; color: #FFFFFF; text-decoration: none; padding-top: 4px; padding-bottom: 7px; text-align: center; } a.btn5:hover { color: #FFFF00; } a.btn6 { display: block; background-image: url(../images/btn6.jpg); background-repeat: no-repeat; width: 45px; color: #FFFFFF; text-decoration: none; height: 21px; } a.btn6:hover { background-image: url(../images/btn6a.jpg); } .clear { clear: both; } strong { font-weight: bold; } .num { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FF0000; font-weight: bold; } .hd2 { background-image: url(../images/tablehd1.jpg); } .table { border: 1px solid ##CCCCCC; } .table th { background-color: #e80001; font-size: 13px; color: #FFFFFF; text-align: center; padding: 6px; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; } .table td { border: 1px solid #CCCCCC; padding: 1px; text-align: center; } .table2 { border-collapse:inherit; border: 1px solid #CCCCCC; text-align: left; } .table2 th { background-color: #eeeeee; font-size: 13px; padding: 6px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; } /*color: #333333;(黑色)2009/03/17 jasmine 拿掉字型顏色 */ .table2 td { border: 1px solid #FFFFFF; background-color: #eef2f6; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; } .table3 { border-collapse:separate; border: 1px solid #cccccc; } .table3 th { background-image: url(../images/table3_hdbg.jpg); background-repeat: repeat-x; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; } .table3 td { background-color: #eceff6; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #cccccc; border-left-color: #FFFFFF; padding-top: 2px; padding-right: 7px; padding-bottom: 2px; padding-left: 7px; } .table3 .td1 { background-color: #eeeeee; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #cccccc; border-bottom-color: #cccccc; border-left-color: #FFFFFF; } /*color:#575757 2009/03/17 jasmine 將字體顏色改成一致*/ .table4,.table4 td,.table4 th { border: 1px solid #808080; } .table4 td, .table4 th { padding: 6px; } .table4 th { background-color: #eaeaea; } .table5 { } .table5 td { border: 1px solid #CCCCCC; } .table5 td.td1 { background-color: #eef3f9; } .table5 td.td2 { background-color: #f4f4f0; } .table5 td.td3 { background-color: #f1fdf0; } .table5 th { background-color: #9a9a9a; color: #FFFFFF; text-align: center; border-right-width: 1px; border-bottom-width: 3px; border-right-style: solid; border-bottom-style: solid; border-right-color: #c4c4c4; border-bottom-color: #FFFFFF; } .table5 td, .table5 th { padding: 4px; } .table6 { border: 1px solid #CC0000; border-collapse:separate; background-color: #FFFFFF; } .table6 td { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 7px; } .table6 th { border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #CC0000; padding: 5px; position: relative; } .table6 .btn2 { float: right; } .table6 .pic { float: left; margin-top: 7px; } .table7 { border: 1px solid ##CCCCCC; } .table7 th { background-color: #e80001; font-size: 12px; color: #FFFFFF; text-align: center; padding: 1px; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; } .table7 .2 { border: 1px solid #FFFFFF; } .table7 td { border: 1px solid #CCCCCC; text-align: left; font-size: 11px; padding: 3px; } .table8 { border: 1px solid ##CCCCCC; } .table8 th { background-color: #e0d9cb; font-size: 12px; color: #333333; text-align: center; padding: 1px; border: 1px solid #FFFFFF; font-weight: bold; } .table8 td { border: 1px solid #CCCCCC; /*text-align: left;*/ font-size: 11px; padding: 3px; } /*排版*/ #wrapper{ width: 966px; margin-right: auto; margin-left: auto; height: 100%; background-image: url(../images/w2_bg.jpg); background-repeat: repeat-y; background-position: center top; text-align: justify; } #wrapper2 { background-image: url(../images/w1_bg.jpg); background-repeat: no-repeat; background-position: center top; padding-right: 8px; padding-left: 8px; }#main { padding-bottom: 15px; } #main #main2 { padding-left: 12px; padding-right: 8px; } #head #topbar { background-image: url(../images/index_headbg.jpg); background-repeat: repeat-x; height: 70px; position: relative; } #head { background-image: url(../images/dealer_banner_donw_bg.jpg); background-position: bottom; padding-bottom: 15px; background-repeat: repeat-x; } #head #topbar .logo { position: absolute; left: 0px; top: 0px; height: 70px; width: 600px; background-image: url(../images/index_logo.jpg); background-repeat: no-repeat; } /* IE8跑馬燈中無法使用HtmlTag Updated by Carol 2010.4.2 */ #head #topbar .logo a { font-family: "微軟正黑體"; font-size: 23px; display: block; padding-left: 125px; text-decoration: none; font-weight: bold; } #head #topbar .logo marquee { padding-top: 30px; cursor:hand; } /*********************************/ #head #topbar ul { position: absolute; top: 30px; right: 20px; width: 320px; }/* 修改top:26px為top:30px by Susan 20090521*/ #head #topbar li a { height: 17px; display: block; float: left; background-repeat: no-repeat; background-position: left top; } #head #topbar li { float: left; } #head #topbar .hmoe a { background-image: url(../images/index_toplink_1.jpg); width: 67px; } #head #topbar .hmoe a:hover{ background-image: url(../images/index_toplink_1a.jpg); } #head #topbar .businesslink a { width: 112px; background-image: url(../images/index_toplink_2.jpg); } #head #topbar .businesslink a:hover { background-image: url(../images/index_toplink_2a.jpg); } #head #topbar .relatedlink a { background-image: url(../images/index_toplink_3.jpg); width: 114px; } #head #topbar .relatedlink a:hover { background-image: url(../images/index_toplink_3a.jpg);} #head #menu li { float: left; } #head #menu a { display: block; float: left; } #head #menu { clear: both; height: 37px; position: relative; } #menu .about a { background-image: url(../images/menu1.jpg); width: 148px; height: 37px; } #menu .about a:hover { background-image: url(../images/menu1a.jpg); } #menu .buy a { background-image: url(../images/menu2.jpg); width: 94px; height: 37px; } #menu .buy a:hover { background-image: url(../images/menu2a.jpg); } #menu .sell a { background-image: url(../images/menu3.jpg); width: 94px; height: 37px; } #menu .sell a:hover { background-image: url(../images/menu3a.jpg); } #menu .searchcar a { background-image: url(../images/menu4.jpg); width: 107px; height: 37px; } #menu .searchcar a:hover { background-image: url(../images/menu4a.jpg); } #menu .dealer a { background-image: url(../images/menu5.jpg); width: 122px; height: 37px; } #menu .dealer a:hover { background-image: url(../images/menu5a.jpg); } #menu .knowledge a { display: block; width: 119px; background-image: url(../images/menu6.jpg); height: 37px; } #menu .knowledge a:hover { background-image: url(../images/menu6a.jpg); } #menu .news a { background-image: url(../images/menu7.jpg); width: 115px; height: 37px; } #menu .news a:hover { background-image: url(../images/menu7a.jpg); } #menu .poll a { background-image: url(../images/menu8.jpg); width: 86px; height: 37px; } #menu .poll a:hover { background-image: url(../images/menu8a.jpg); } #menu .qa a { background-image: url(../images/menu9.jpg); width: 65px; height: 37px; } #menu .qa a:hover { background-image: url(../images/menu9a.jpg); } /*滑入滑出*/ #menu01 { position: absolute; top: 37px; left: 0px; width:134px; } #menu01 li a { width:134px; display: block; } #menu02 { position: absolute; top: 37px; left: 148px; width:134px; } #menu02 li a { width:134px; display: block; } #menu03 { position: absolute; top: 37px; left: 242px; width:134px; } #menu03 li a { width:134px; display: block; } #menu06 { position: absolute; top: 37px; left: 564px; width:134px; } #menu06 li a { width:134px; display: block; } #menu08 { position: absolute; top: 37px; left: 800px; width:134px; } #menu08 li a { width:134px; display: block; } .submenu { background-color: #FFFFFF; border-top-width: 1px; border-top-color: #CCCCCC; } .submenu li a { text-decoration: none; font-size: 13px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; background-color: #F3F3F3; padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 8px; } .submenu li a:hover { color: #FF0000; background-color: #F3F3F3; } #footer { background-image: url(../images/footer.jpg); background-repeat: no-repeat; height: 63px; position: relative; width: 966px; margin-right: auto; margin-left: auto; clear: both; background-position: top; } #footer .linkt { position: absolute; top: 34px; left: 143px; width: 300px; } #footer .linkt a { display: inline; float: left; } #footer .linkt a.link1 { display: block; height: 17px; width: 57px; background-image: url(../images/footer_lnk1.jpg); } #footer .linkt a.link2 { display: block; height: 17px; width: 90px; background-image: url(../images/footer_lnk2.jpg); } #footer .linkt a.link3 { display: block; height: 17px; width: 60px; background-image: url(../images/footer_lnk3.jpg); } #footer .linkt a.link1:hover { display: block; height: 17px; width: 57px; background-image: url(../images/footer_lnk1a.jpg); } #footer .linkt a.link2:hover { display: block; height: 17px; width: 90px; background-image: url(../images/footer_lnk2a.jpg); } #footer .linkt a.link3:hover { display: block; height: 17px; width: 60px; background-image: url(../images/footer_lnk3a.jpg); } #footer .linkimg { position: absolute; top: 7px; right: 20px; } #liftbar { width: 215px; float: left; } #cont { float: right; width: 700px; padding-bottom: 20px; } /*在庫車查詢調整寬度text-align: center;*/ #contcar{ width: 920px; padding-bottom: 20px; } #cont .contmain { } #cont h1 { background-image: url(../images/h1.jpg); background-repeat: no-repeat; margin-bottom: 10px; } /*在庫車查詢標題bar調整寬度*/ #contcar h1 { background-image: url(../images/h1_a1.jpg); background-repeat: no-repeat; margin-bottom: 0px; } #cont h1 span { visibility: hidden; } #cont .indate { padding-right: 15px; padding-left: 8px; } #smenu { border: 1px solid #d8d6d6; } #smenu .hd { padding: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d8d6d6; } #smenu .hd div { background-image: url(../images/smenu_hdbg.jpg); background-repeat: repeat-x; height: 50px; } #smenu .bd { background-color: #cc0001; margin-bottom: 2px; margin-top: 15px; border-top-width: 4px; border-top-style: solid; border-top-color: #cc0001; } #smenu li a { background-image: url(../images/icon_item2.gif); background-repeat: no-repeat; background-position: 10px 15px; display: block; padding-top: 14px; padding-right: 8px; padding-left: 30px; text-decoration: none; height: 30px; font-size: 13px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; } #smenu li li a { padding-left: 45px; background-image: url(../images/sidebar_icon_gary.jpg); background-position: 28px; color: #347197; } #smenu li a:hover { color: #FF0000; background-color: #F3F3F3; } #smenu ul { margin-top: 1px; } .ad img { margin-bottom: 12px; } #hotlist,#hotlist2 { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 3px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #d8d6d6; border-right-color: #d8d6d6; border-bottom-color: #CC0000; border-left-color: #d8d6d6; } #hotlist2 { margin-top: 10px; } #hotlist .hd,#hotlist2 .hd { background-image: url(../images/hotlist_hdbg.jpg); background-repeat: repeat-x; height: 31px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #d8d6d6; border-left-color: #FFFFFF; } #hotlist .text,#hotlist2 .text { padding: 5px; } ul.hotlist li img { float: left; margin-right: 5px; } ul.hotlist li a { color: #333333; } ul.hotlist li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; height: 85px; margin-top: 5px; margin-bottom: 5px; } .searchitem li { clear: both; padding-top: 4px; padding-bottom: 4px; } .searchitem label { background-image: url(../images/index-formtitle.jpg); background-position: right 0px; border: 1px solid #c9c9c9; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; display: block; margin-right: 10px; width: 65px; float: left; } .searchitem select { margin-right: 1px; margin-left: 1px; } .searchitem li.p1 { padding-left: 82px !important; padding-left: 85px; padding-top: 1px; padding-bottom: 1px; margin-top: -5px; } .searchitem li.p2 { position: relative; } #page { text-align: center; padding-top: 7px; color: #666666; font-family: Arial, Helvetica, sans-serif; } #page li { display: inline; font-size: 15px; padding-right: 7px; padding-left: 7px; } #page li a { color: #FF0000; } .whcb .hd { background-image: url(../images/about_repair_hd.jpg); background-repeat: no-repeat; padding-top: 4px; } .whcb .cd { background-image: url(../images/about_repair_cd.jpg); background-repeat: repeat-y; padding-bottom: 10px; } .whcb .bd { background-image: url(../images/about_repair_bd.jpg); background-repeat: no-repeat; padding-top: 6px; } .whcb2 .hd { background-image: url(../images/whcb2_hd.jpg); padding-top: 7px; } .whcb2 .cd { background-image: url(../images/whcb2_cd.jpg); background-repeat: repeat-y; padding-bottom: 2px; } .whcb2 .bd { background-image: url(../images/whcb2_bd.jpg); padding-top: 7px; background-repeat: no-repeat; background-position: left top; } .whcb2 h2 { border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #E80002; position: relative; margin-left: 3px; margin-right: 2px; margin-bottom: 12px; } .whcb2 h2 em { position: absolute; top: 9px; background-image: url(../images/icon_item3.gif); background-repeat: no-repeat; display: block; padding-left: 20px; background-position: 0px 4px; padding-right: 15px; right: 5px; } .whcb3 { width: 689px; margin-right: auto; margin-left: auto; } .whcb3 .hd,.whcb3 .bd{ background-image: url(../images/specifications_01.jpg); height: 11px; } .whcb3 .cd{ background-image: url(../images/specifications_02.jpg); text-align: center; padding-top: 15px; padding-bottom: 20px; } /* 201006 檢視車輛比較新視窗 */ .comparelist #main #main2 h1{ background: url(../images/w4h1.jpg) right top no-repeat; margin-bottom: 10px; } .comparelist .table10 { border: 1px solid ##CCCCCC; } .comparelist .table10 th { width:90px; background-color: #e0d9cb; font-size: 13px; color: #333333; text-align:center; padding:2px; border: 1px solid #FFFFFF; font-weight: bold; line-height:16px; } .comparelist .table10 td { border: 1px solid #CCCCCC; text-align:center; font-size: 13px; padding: 2px; } .comparelist .table10 .oddrow{ background-color:#EFECE5;} /* 201006 共用彈出新視窗 */ /* 0713修改 */ .commonwin #wrapper{ width: 939px; margin-right: auto; margin-left: auto; height: 100%; background-image: url(../images/w5-2_bg.jpg); background-repeat: repeat-y; background-position: center top; text-align: justify; } .commonwin #wrapper2 { background-image: url(../images/w5-1_bg.jpg); background-repeat: no-repeat; background-position: center top; padding-right: 12px; padding-left: 12px; padding-top:10px } .commonwin #main { padding-bottom: 15px; } .commonwin #main #main2 { padding-left: 4px; padding-right: 4px; } .commonwin #head #topbar { background-image: url(../images/index_headbg.jpg); background-repeat: repeat-x; height: 70px; position: relative; } .commonwin #main #main2 h1{ background: url(../images/h-w5.jpg) left top no-repeat;margin-bottom: 10px; height: 35px; color:#FFF; font-size:15px; line-height:33px; padding-left:30px} .commonwin #main #main2 #cnt{ padding:0} .commonwin #footer { background-image: url(../images/w5_footer.jpg); background-repeat: no-repeat; height: 47px; position: relative; width: 939px; margin-right: auto; margin-left: auto; clear: both; background-position: top; } /* 201006 車輛認證檢查報告新視窗 */ .report #wrapper{ width: 369px; margin-right: auto; margin-left: auto; height: 100%; background-image: url(../images/w3-2_bg.jpg); background-repeat: repeat-y; background-position: center top; text-align: justify; } .report #wrapper2 { background-image: url(../images/w3-1_bg.jpg); background-repeat: no-repeat; background-position: center top; padding-right: 8px; padding-left: 8px; } .report #main #main2 { padding-left: 12px; padding-right: 8px; } .report #head #topbar { background-image: url(../images/index_headbg.jpg); background-repeat: repeat-x; height: 70px; position: relative; } .report #head { background-image: url(../images/dealer_banner_donw_bg.jpg); background-position: bottom; padding-bottom: 15px; background-repeat: repeat-x; } .report #head #topbar .logo { position: absolute; left: 0px; top: 0px; height: 70px; width: 369px; background-image: url(../images/index_logo.jpg); background-repeat: no-repeat; } .report #head #topbar .logo h1 { padding-top: 25px; padding-left:120px; font-size:15px; color:#333; font-weight:bold; letter-spacing:1px; cursor:hand; } .report .table9 { border: 1px solid ##CCCCCC; } .report .table9 th { width:100px; background-color: #e0d9cb; font-size: 13px; color: #333333; text-align:center; padding:2px 5px 2px 5px; border: 1px solid #FFFFFF; font-weight: bold; line-height:16px; } .report .table9 td { border: 1px solid #CCCCCC; /*text-align: left;*/ font-size: 13px; padding: 3px; } .report #footer { background-image: url(../images/w3_footer.jpg); background-repeat: no-repeat; height: 47px; position: relative; width: 369px; margin-right: auto; margin-left: auto; clear: both; background-position: top; } /* 201006 首頁活動訊息彈出視窗 */ .activewin #wrapper{ width: 518px; margin-right: auto; margin-left: auto; height: 100%; background-image: url(../images/w6-2_bg.jpg); background-repeat: repeat-y; background-position: center top; text-align: justify; } .activewin #wrapper2 { background-image: url(../images/w6-1_bg.jpg); background-repeat: no-repeat; background-position: center top; padding-right: 8px; padding-left: 8px; } .activewin #main #main2 { padding-left: 12px; padding-right: 8px; } /* 大圖或影音檔 */ .activewin #main #main2 #cnt1{ width: 480px; margin:0 auto;} .activewin #main #main2 #cnt1 #media{} .activewin #main #main2 #cnt2{ width: 480px; margin:0 auto; background:url(../images/w6_cnt2bg.jpg) no-repeat; padding-top:50px;} /* 縮圖 */ .activewin #main #main2 #cnt2 #album{ float:left; width:120px; margin:0 15px 15px 15px;} .activewin #main #main2 #cnt2 #album img{ border:1px solid #333; margin-bottom:4px;} /* 文字 */ .activewin #main #main2 #cnt2 #txt{ margin:0 15px 15px 15px;} .activewin #head #topbar { background-image: url(../images/index_headbg.jpg); background-repeat: repeat-x; height: 70px; position: relative; } .activewin #head { background-image: url(../images/dealer_banner_donw_bg.jpg); background-position: bottom; padding-bottom: 15px; background-repeat: repeat-x; } .activewin #head #topbar .logo { position: absolute; left: 0px; top: 0px; height: 70px; width: 510px; background-image: url(../images/index_logo.jpg); background-repeat: no-repeat; } .activewin #head #topbar .logo h1 { padding-top: 10px; padding-left:120px; font-size:15px; color:#333; font-weight:bold; letter-spacing:1px; cursor:hand; } .activewin #footer { background-image: url(../images/w6_footer.jpg); background-repeat: no-repeat; height: 47px; position: relative; width:518px; margin-right: auto; margin-left: auto; clear: both; background-position: top; }