/*車款油耗圖表*/
.coil-graph { padding: 8px 10px 0; }
	.coil-i { margin-bottom: 8px; height: 186px; border: 2px solid #F5F7F9; }
		.coil-i-t { height: 100%; width: 100px; float: left; background: #E3EAEF; }
			.coil-i-t h3 { top: 60px; position: relative; }
			.coil-i-t h3:after { content: ''; display: block; position: absolute; top: 23px; right: -16px; border: 8px solid #F5F7F9; border-left-color: #E3EAEF; }
		.coil-i-g { height: 100%; width: 380px; float: left; background: #F5F7F9; }
			.coil-i-g .g-wrap { width: 300px; padding-top: 5px; }
				.g-wrap .graph-box { height: 100px; background: #FFF; margin: 5px 0; padding-top: 20px; }
				.graph-box .graph { height: 60px; position: relative; }
					.c3d-bar { width: 32px; height: 1%; background: #81D951; position: absolute; bottom: 0; -webkit-transition: height 0.8s cubic-bezier(.5, .6, 0, 1.5); -moz-transition: height 0.8s cubic-bezier(.5, .6, 0, 1.5); -o-transition: height 0.8s cubic-bezier(.5, .6, 0, 1.5); -ms-transition: height 0.8s cubic-bezier(.5, .6, 0, 1.5); transition: height 0.8s cubic-bezier(.5, .6, 0, 1.5); }
					.c3d-bar:before, .c3d-bar:after { content: ''; position: absolute; }
					.old-ie .c3d-bar:before, .old-ie .c3d-bar:after { display: none; }
					.c3d-bar:before { top: -3px; right: -10px; width: 10px; height: 100%; background: #66AC40; -webkit-transform: skew(0deg, -30deg); -moz-transform: skew(0deg, -30deg); -o-transform: skew(0deg, -30deg); -ms-transform: skew(0deg, -30deg); transform: skew(0deg, -30deg); }
					.c3d-bar:after { top: -6px; left: 5px; width: 100%; height: 6px; background: #99DF73; -webkit-transform: skew(-60deg); -moz-transform: skew(-60deg); -o-transform: skew(-60deg); -ms-transform: skew(-60deg); transform: skew(-60deg); }
						.c3d-bar .bar-tt { position: absolute; top: -16px; left: 0; z-index: 0; width: 42px; font-size: 10px; -webkit-text-size-adjust: none; color: #888; text-align: center; }
						.old-ie .bar-tt { top: -13px; }
						.c3d-bar .bar-bt { position: absolute; bottom: -25px; left: 0; z-index: 0; width: 42px; height: 14px; }
					.pillar0 { left: 15px; box-shadow: 0 -1px 1px #81D951; }
					.pillar1 { background: #8EE2D7; left: 70px; box-shadow: 0 -1px 1px #81D951; }
					.pillar1:before { background: #71B4AB; }
					.pillar1:after { background: #8EE2D7; }
					.pillar2 { background: #4DA0EC; left: 125px; box-shadow: 0 -1px 1px #4DA0EC; }
					.pillar2:before { background: #3D7FBC; }
					.pillar2:after { background: #70B2EF; }
					.pillar3 { background: #F9E854; left: 180px; box-shadow: 0 -1px 1px #F9E854; }
					.pillar3:before { background: #C6B842; }
					.pillar3:after { background: #F9EB75; }
					.pillar4 { background: #F29556; left: 235px; box-shadow: 0 -1px 1px #F29556; }
					.pillar4:before { background: #C07644; }
					.pillar4:after { background: #F3A977; }
					.chassis { width: 270px; height: 5px; background: #E3EAEF; bottom: -10px; }
					.old-ie .chassis { bottom: -5px; width: 300px; }
					.chassis:before { background: #D1DCE5; top: -9px; right: -30px; width: 30px; }
					.chassis:after { background: #EEF3F6; top: -18px; height: 18px; left: 15px; }
		.coil-i-s { width: 200px; float: left; }
			.coil-i-s .s-wrap { padding: 12px 10px 0; }
				.s-wrap .write { line-height: 28px; margin: 20px 0 3px; }

/*車款最新油耗統計*/
.coil-last { padding: 8px 10px; }
	.coil-table { width: 100%; }
		.coil-table th, .coil-table td { padding: 8px 0; text-align: center; }
		.coil-table th { color: #999; font-weight: normal; background: #F5F7F9; border-bottom: 1px solid #CED3D7; }
		.coil-table td { border-top: 1px dotted #CCC; }
		.coil-table th.col1 { padding-left: 20px }
		.coil-table td.col1 { padding-left: 10px }
		.coil-table .col1 { text-align: left; }
			.coil-title-text { max-width: 256px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
			.coil-stop { color: #D60000; }
		.coil-table .col2 { width: 70px; }
		.coil-table .col3 { width: 55px; }
		.coil-table .col4 { width: 70px; }
		.coil-table .col5 { width: 55px; }
		.coil-table .col6 { width: 80px; }
		.coil-table .col7 { width: 70px; }

/*車款同排量油耗排行榜模塊*/
.oil-top-list { margin: 0 5px 5px; padding-top: 10px; }
.oil-top-list:first-child { padding-top: 5px; }
	.oil-top-list .otl-t { line-height: 26px; color: #000; }
	.oil-top-list .otl-i { border-bottom: 1px dotted #CCC; }
	.oil-top-list:last-child .otl-i:last-child { border-bottom: none; }
	.oil-top-list .otl-i:before, .oil-top-list .otl-i:after { content: " "; display: table; clear: both; }
		.otl-t .name, .otl-i .name { float: left; }
		.otl-t .value, .otl-i .value { float: right; width: 72px; text-align: center; font-size: 12px; }
		.otl-i .name { padding: 6px 0 6px 23px; font-size: 12px; width: 113px; }
			.otl-i .o1, .otl-i .o2, .otl-i .o3, .otl-i .o4, .otl-i .o5 { margin-left: -23px; }
		.otl-i .value { padding: 6px 0; }
		
/*我來寫油耗*/
.coil-form { padding: 40px 0 50px 70px; }
	.c-slt, .c-ipt { border: 1px solid #CCCCCE; vertical-align: middle; font-size: 100%; }
	.c-slt { padding: 3px 2px; width: 122px; height: 26px; }
		optgroup { background: #CCC; }
	.c-ipt { width: 120px; height: 24px; line-height: 24px; text-indent: 5px; }
	.c-lbl { margin-right: 20px; }
	.c-msg { margin-left: 20px; color: #B70000; display: none; background: url(//img.8891.com.tw/user/register/register-error.png) no-repeat 0px 2px; padding-left: 20px; }
	.cof-i { margin-bottom: 20px; }
	.cof-s { padding: 25px 0 0 53px; }

/*油耗計算彈出框*/
.calc-pop { width: 408px; display: none; border: 1px solid #DDD; padding: 20px 15px 10px; position: absolute; background: #FFF; }
	.calc-i-p { padding: 20px 0 20px 20px; border-bottom: 1px dotted #CCC; }
		.calc-i-p .c-ipt { width: 80px; }
	.calc-p-c { background-position: -40px -80px; width: 16px; height: 16px; position: absolute; top: 5px; right: 8px; }

/*油耗排行榜頁*/
/*重寫tab模型選中樣式*/
.ctab-hd .ctab-hd-i.at { border-top-color: #C00; border-left: 1px solid #E9E9E9; margin-left: -1px; }
.oil-st { font-size: 15px; font-weight: 700; line-height: 26px; margin-right: 30px; }
	.oil-st:before { content: '.'; height: 0; border: 4px solid #F7F7F7; border-left-color: #005AA0; font-size: 0; vertical-align: middle; }
.oil-sb { margin: 20px 0; }
	.oil-sb .oil-btn { font-size: 13px; padding: 0 10px; }
.oil-tp { background: #EEF2F5; padding-bottom: 20px; }
	.oil-tp-dc { float: left; margin: 25px 16px 0 20px; }
		.oil-tp-d { float: left; width: 218px; }
		.oil-tp-d dt { font-weight: 700; margin-bottom: 5px; }
		.oil-tp-d dd { background: #FFF; border: 1px solid #DEE2E6; margin-left: -1px; font-size: 12px; height: 323px; }
			.oil-tp-t { background: url(//img.8891.com.tw/carInfo/carinfo-bg.png?v=2) repeat-x 0 -156px; height: 28px; line-height: 28px; border-bottom: 1px solid #DEE2E6; color: #666; }
				.oil-tp-t .order { float: left; margin-left: 5px; }
				.oil-tp-t .name { float: left; margin-left: 20px; }
				.oil-tp-t .value { float: right; margin-right: 5px; }
			.oil-tp-b { margin: 2px 5px; }
				.oil-tp-b li { padding: 6px 0; border-top: 1px dotted #CCC; }
				.oil-tp-b li:first-child { border-top: none; }
					.oil-tp-b .name { float: left; height: 16px; width: 142px; margin-left: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
					.ie7 .oil-tp-b .name { height: 14px; }
					.oil-tp-b .value { float: right; margin-right: 20px; }
					.oil-tp-b .plus { clear: both; padding: 5px 0 0 25px; display: none; height: 65px; }
					.at .plus { display: block; }
					.at .name { font-weight: 700; }
					.at .value { font-weight: 700; color: #C00; }
						.oil-tp-b .plus dt { padding: 1px; line-height: 0; border: 1px solid #E6E6E6; float: left; margin-right: 10px; text-align: center; width: 80px; }
							.oil-tp-b .plus dt img { max-width: 80px; max-height: 60px; }
							.oil-tp-b .plus .pp { margin: 5px 0 10px; color: #727272; }
							.oil-tp-b .plus .sl { padding:0 5px; display: inline-block; font-size: 12px; text-align: center; line-height: 20px; border: 1px solid #DEDEDE; color: #666; background-position: 0 -250px; }

/*油耗首頁*/
.hd-m .hd-m-exp { position: absolute; top: 0; right: 0; display: none; width: 247px; padding: 8px; background: #FFC; border: 1px solid #E6E6E6; box-shadow: 1px 1px 5px #CCC; }
.hd-m:hover .hd-m-exp { display: block; }
/*油耗圖表*/
.cmid-oil { margin-left: 160px; border-left: 1px solid #C6D6FD; width: 327px; background: #FFF; }
	.cmid-o-l { width: 160px; margin-left: -161px; }
		.cmid-o-l li { line-height: 43px; border-top: 1px solid #C6D6FD; background: #EEF1F6; width: 100%; }
		.cmid-o-l li:first-child { border-top: none; }
			.cmid-o-l .at { width: 161px; background: #FFF; }
			.cmid-o-l .cmid-o-n { display: inline-block; width: 60px; text-align: right; }
		.cmid-o-p { display: none; padding: 12px 0 0 6px; }
		.cmid-o-p.at { display: block; }
/*油價趨勢*/
.oil-trend { padding: 0 15px; width: 200px; }
.oil-trend-t { line-height: 29px; border-bottom: 1px solid #D6D6D6; }
.oil-prev-p { padding-top: 15px; }
	.oil-prev-p .next-w { margin-top: 10px; color: #466D96; }
	.oil-prev-p .trend-view { width: 155px; height: 41px; font-size: 37px; text-align: right; margin: 15px auto 20px; padding-right: 35px; background: url(//img.8891.com.tw/carInfo/car-tools.png?v=1) no-repeat 0 -132px; }
		.trend-view.rise { background-position: 0 -49px; color: #F00; }
		.trend-view.fall { background-position: 0 -90px; color: #090; }
/*省油列表*/
.oil-tpb { width: 735px; }
	.oil-tpb-i { width: 354px; margin-right: 10px; float: left; }
	.oil-tpb-i .oil-tp-b .name { width: 265px; }