.clearfix { clear: both; }
.active-main { background: #D8E8F8; }
.active-banner { width: 100%; height: 520px; background: url(//img.8891.com.tw/carInfo/active/banner.png) 0 no-repeat; background-size:100% 680px; text-align: center; }
.active-banner img { margin-top: 25px; }
.active-center { width: 970px; margin: 60px auto 0px; }

.active-center .step1 { width: 971px; height: 1261px; background: url(//img.8891.com.tw/carInfo/active/step1.png) 0 no-repeat; }
.step1-title { font-size: 35px; color: #FFF; width: 300px; margin: 140px 0px 0px 40px; }
.step1 .hint1,.step1 .hint2,.step1 .hint3 { width: 190px; height: 110px; background: url(//img.8891.com.tw/carInfo/active/step1-tishi.png) 0 no-repeat; display: block; float: left; margin-left: 30px; margin-top: 20px; text-align: left; font-size: 20px; font-weight: bold; }
.step1 .hint1 font,.step1 .hint2 font,.step1 .hint3 font,.step2 .hint1 font,.step2 .hint2 font,.step2 .hint3 font { margin-top: 15px; display: block; font-size: 20px; }
.arrows { float: left; display: block; line-height: 110px; margin-left: 30px; margin-top: 20px; }
.step1 .hint1, .step1-btn { margin-left:80px; }
.step1-foot { color: #FFF; font-size: 15px; line-height: 25px; margin: 5px 0px 0px 80px; }
.step1-btn { margin-top: 20px; }

.active-center .step2 { width: 970px; height: 541px; background: url(//img.8891.com.tw/carInfo/active/step2.png) 0 no-repeat; }
.step2-title { font-size: 35px; color: #FFF; width: 500px; margin: 0px 0px 0px 40px; }
.step2 .hint1,.step2 .hint2,.step2 .hint3 { width: 190px; height: 110px; background: url(//img.8891.com.tw/carInfo/active/step2-tishi.png) 0 no-repeat; display: block; float: left; margin-left: 30px; margin-top: 40px; text-align: left; font-size: 20px; font-weight: bold; }
.arrows { float: left; display: block; line-height: 110px; margin-left: 30px; margin-top: 40px; }
.step2 .hint1, .step2-btn { margin-left:80px; }
.step2-foot { color: #FFF; font-size: 15px; line-height: 25px; margin: 20px 0px 0px 80px; }
.step2-foot .select { width: 343px; height: 25px; position: relative; }
.step2-foot .convert { width: 125px; height: 25px; margin-left: 5px; margin-top: -2px; }
.step2-foot .url-list { width: 343px; background: #FFF; position: absolute; color: #000; cursor: pointer; padding-left: 5px; display: none; }

.step2-foot a:hover { color: #FFF;  }
.step2-btn { margin-top: 20px; }
.step2-btn a{ float: left; }
.gl { margin: 20px 0px 0px 20px; }
.m50 { margin-top: 50px; }


.active-center .step3 { width: 970px; height: 440px; background: url(//img.8891.com.tw/carInfo/active/step3.png) 0 no-repeat; }
.step3-title { font-size: 35px; color: #FFF; width: 500px; margin: 0px 0px 0px 40px; }
.step3-content { margin: 10px 0px 0px 80px; font-size: 15px; line-height: 22px; color: #FFF; }
.step3-btn { margin-top: 20px; margin-left: 80px; }


.active-center .step4 { width: 971px; height: 819px; background: url(//img.8891.com.tw/carInfo/active/step4.png) 0 no-repeat; }
.step4-title { font-size: 30px; color: #000; margin: 0px 0px 0px 80px; font-weight: bold; }
.step4-title a { font-size: 15px; font-weight: normal; }
.step4-btn { margin-top: 20px; margin-left: 80px; }
.step4-btn a{ margin-right: 25px; display: block; float: left; vertical-align:text-bottom }
.step4-btn .href{ padding-top: 40px; }
.line { border-top: dashed 1px #A8410A; width: 900px; height: 1px; margin: 40px 0px 40px 50px; clear: both; }
.step4-table { width: 720px; border: solid 2px #F3681D; margin: 243px 0px 0px 80px; background: #FFF; height: 220px; border-collapse:collapse; }
.step4-table td	{ border-right: solid 1px #F79D6A; border-bottom: solid 1px #F79D6A; text-align: left; font-size: 20px; font-weight: bold; }
.step4-table th { border-right: solid 1px #F79D6A; border-bottom: solid 1px #F79D6A; color: #80000E; font-size: 20px; text-align: left; }
.step4-content { margin: 40px 0px 0px 80px; font-size: 15px; line-height: 25px; color: #000; }

.active-center .step5 { width: 971px; height: 1247px; background: url(//img.8891.com.tw/carInfo/active/step5.png) 0 no-repeat; }
.step5-lottery { width: 516px; height: 516px; margin: 30px 0px 0px 40px; float: left; background: url(//img.8891.com.tw/carInfo/active/step5-img.png) 0 no-repeat; position: relative; }
.lottery-star { width:170px; height:170px; position:absolute; top:175px; left:175px; outline:none; cursor: pointer; }
#lotteryBtn{ cursor: pointer; position: absolute; top:0; left:0; *left:-107px }
.step5-list { width: 228px; height: 380px; margin: 80px 0px 0px 80px; background: url(//img.8891.com.tw/carInfo/active/step5-img3.png) 0 no-repeat; float: left; }
.step5-list-title { font-size: 20px; height: 25px; margin-top: 15px; text-align: center; color: #760D1F; font-weight: bold; }
.step5-ul { width: 200px; margin: 25px auto 0px; height: 300px; overflow: hidden; }
.step5-ul li { width: 250px; line-height: 25px; }
.step5-list-foot { clear: both; font-size: 30px; text-align: center; font-weight: bold; margin-top: 30px; }
.step5-title { font-size: 35px; color: #FFF; width: 500px; margin: 225px 0px 0px 40px; }
.step5-content { margin: 40px 0px 0px 80px; font-size: 15px; line-height: 25px; }
.step5-btn { margin-top: 20px; margin-left: 80px; }


.active-center .step6 { width: 970px; height: 489px; background: url(//img.8891.com.tw/carInfo/active/step6.png) 0 no-repeat; }
.step6-title { font-size: 35px; color: #FFF; width: 500px; margin: 0px 0px 0px 40px; }
.step5 .hint1,.step5 .hint2,.step5 .hint3 { width: 190px; height: 110px; background: url(//img.8891.com.tw/carInfo/active/step1-tishi.png) 0 no-repeat; display: block; float: left; margin-left: 30px; margin-top: 40px; text-align: center; font-size: 23px; font-weight: bold;  }
.arrows { float: left; display: block; line-height: 110px; margin-left: 30px; margin-top: 40px; }
.step5 .hint1, .step5-btn { margin-left:80px; }
.step6-btn { width: 300px; height: 85px; margin: 40px auto 0px; }
.s18 { font-size: 18px; }

.active-center .step7 { width: 973px; height: 1500px; background: url(//img.8891.com.tw/carInfo/active/step7.png) top no-repeat; }
.step7-content { margin: 220px 0px 0px 80px; font-size: 13px; line-height: 25px; color: #000; }
.step7-content p { color: #4C2717; line-height: 23px; }

.lottery-status { position:fixed; left:50%; top:50%; width:534px; height:268px; background: url(//img.8891.com.tw/carInfo/active/lottery-status1.png) top no-repeat; margin:-134px 0 0 -267px; z-index:9;  }
.lottery-status .lottery-close { width: 40px; height: 40px; position: absolute; right: 0px; top: 13px; }
.lottery-status .lottery-btn { width: 200px; height: 65px; position: absolute;left: 162px; top: 166px; }

.lottery-tuijian { position:fixed; left:50%; top:50%; width:534px; height:268px; background: url(//img.8891.com.tw/carInfo/active/lottery-tuijian.png) top no-repeat; margin:-134px 0 0 -267px; z-index:9;  }
.lottery-tuijian .lottery-close { width: 40px; height: 40px; position: absolute; right: 0px; top: 13px; }
.lottery-tuijian .lottery-btn { width: 200px; height: 65px; position: absolute;left: 147px; top: 180px; }
.lottery-tuijian .lottery-text { height: 40px; position: absolute; left: 56px; top: 112px; display: block; line-height: 40px; font-size: 24px; font-weight: bold; }
.lottery-tuijian .lottery-text a:hover{ color: #999; }

.lottery-done { position:fixed; left:50%; top:50%; width:534px; height:268px; background: url(//img.8891.com.tw/carInfo/active/lottery-done.png) top no-repeat; margin:-134px 0 0 -267px; z-index:9;  }
.lottery-done .lottery-close { width: 40px; height: 40px; position: absolute; right: 0px; top: 13px; }
.lottery-done .lottery-btn { width: 200px; height: 65px; position: absolute;left: 147px; top: 180px; }

.lottery-status1 { position:fixed; left:50%; top:50%; width:534px; height:461px; background: url(//img.8891.com.tw/carInfo/active/lottery-status2.png) top no-repeat; margin:-230px 0 0 -267px; z-index:9;  }
.lottery-status1 .lottery-btn { width: 200px; height: 65px; position: absolute;left: 163px; top: 356px; }
.lottery-status1 .lottery-text { height: 40px; position: absolute; left: 118px; top: 282px; display: block; line-height: 40px; font-size: 36px; font-weight: bold; }


.lottery-status2 { position:fixed; left:50%; top:50%; width:534px; height:268px; background: url(//img.8891.com.tw/carInfo/active/lottery-status3.png) top no-repeat; margin:-134px 0 0 -267px; z-index:9;  }
.lottery-status2 .lottery-close { width: 40px; height: 40px; position: absolute; right: 0px; top: 13px; }
.lottery-status2 .lottery-btn { width: 200px; height: 65px; position: absolute;left: 162px; top: 166px; }
.lottery-status2 .lottery-text { width: 450px; position: absolute; left: 35px; top: 80px; display: block; line-height: 40px; font-size: 32px; font-weight: bold; text-align: center; }

.lottery-status3 { position:fixed; left:50%; top:50%; width:534px; height:268px; background: url(//img.8891.com.tw/carInfo/active/lottery-status4.png) top no-repeat; margin:-134px 0 0 -267px; z-index:9;  }
.lottery-status3 .lottery-close { width: 40px; height: 40px; position: absolute; right: 0px; top: 13px; }
.lottery-status3 .lottery-btn1 { width: 200px; height: 65px; position: absolute;left: 52px; top: 166px; }
.lottery-status3 .lottery-btn2 { width: 200px; height: 65px; position: absolute;left: 276px; top: 166px; }
.wrapbg{width:100%;height:100%;position:absolute;left:0;top:0;background:#000;filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;}

.lottery-ling { position:fixed; left:50%; top:50%; width:500px; height:600px; background: url(//img.8891.com.tw/carInfo/active/lottery-ling.png) top no-repeat; margin:-300px 0 0 -250px; z-index:9;  }
.lottery-form { width: 500px;  }
.lottery-form li { width: 460px; height: 50px; margin-top: 30px;  }
.lottery-form li input { width: 460px; height: 50px; font-size: 24px; text-indent: 10px; }
.lottery-ling .lottery-text { width: 500px; font-size: 20px; color: #FFF; margin-top: 18px;  }
.lottery-ling .lottery-ling-btn { width: 200px; height: 64px; display: block; margin: 90px auto 0px; background: url(//img.8891.com.tw/carInfo/active/lottery-ling-btn.png) 0 no-repeat; border: none; cursor: pointer; }
#account-valid-msg { color: #FFF }
.top-right { float: right; display: block; height: 40px; line-height: 40px; margin-right: 15px; font-size: 13px; font-weight: bold; }

.cbox-title,.cbox-ul-title { height: 45px; line-height: 45px; }
.cbox-title {  border-bottom: solid 1px #D1DBED; text-indent: 35px; }
.cbox-title font { font-weight: bold; }
.cbox-ul-title { font-weight: bold; text-indent: 15px; font-size: 15px; }
.cbox-table { margin-left: 35px; width: 720px; }
.cbox-table tr{ height: 30px; }
.cbox-total { height: 40px; background: #FFF9E8; border-bottom: solid 1px #D1DBED; margin-top: 15px; }
.cbox-total span{ height: 40px; display: block; float: right; margin-right: 30px; line-height: 40px; }
.cbox-total span font{ font-weight: bold; }

/*ÍÆË]¹¥ÂÔ*/
.commision-banner { width: 100%; height: 457px; background: #ddb870 url(//img.8891.com.tw/carInfo/active/commision-banner.png) top no-repeat; text-align: center; }
.commision-banner img{ margin-top: 80px; }
.commision-hint { width: 100%; height: 850px; background: #E43949; text-align: center; }
.commision-hint img { margin-top: 40px; }
.commision-center { width: 100%; background: #FFE9C9 url(//img.8891.com.tw/carInfo/active/commision-bg.png) top no-repeat; }
.commision-content { width: 800px; margin: 0 auto; }
.center-title { height: 50px; line-height: 50px; font-size: 50px; margin-top: 90px; text-indent: 240px; }

.center-step1 {  height: 460px;}
.center-step1,.center-step2,.center-step3,.center-step4,.center-step5 { margin-top: 30px; }
.center-step1-title,.center-step2-title,.center-step3-title,.center-step4-title,.center-step5-title { height: 50px; }
.center-step1-content,.center-step2-content,.center-step3-content ,.center-step4-content,.center-step5-content { margin: 10px 0px 0px 70px; }

.center-step2 {  height: 383px;}
.center-step3 {  height: 236px; position: relative; }
.center-step4 {  height: 436px; position: relative; }
.center-step5 {  height: 621px; margin-bottom: 20px; }
.tj { text-align: center; margin-bottom: 20px; }
/* °lÎÄÃؼ® */ 
.post-main { background: #EAD1B2; width: 100%; margin: 0 auto;  }
.post-banner { width: 100%; height: 432px; background: url(//img.8891.com.tw/carInfo/active/post-banner.png) top no-repeat; text-align: center; } 
.post-banner img{  margin-top: 90px; } 
.post-center { background: url(//img.8891.com.tw/carInfo/active/post-center.png) right top no-repeat; }
.post-content { width: 987px; margin: 0 auto; background: url(//img.8891.com.tw/carInfo/active/post-content.png) top no-repeat; height: 3600px; }
.post-content-top { height: 372px; }
.post-content-top img{ margin-top: 15px; }
.post-content-center { width: 890px; margin: 25px auto 0px; background: url(//img.8891.com.tw/carInfo/active/post-content-center.png) top no-repeat; height: 3100px; }
.content-step1 { margin: 55px 0px 0px 40px; }
.content-step1-remark { margin: 25px 0px 0px 40px; }
.content-step1-content { margin: 20px 0px 0px 40px; }

.fb-link,.line-link,.mobile-link,.car-link,.go-link,.cx-link,.pk-link,.giga-link,.ktn-link { width: 170px; height: 110px; display: block; position: absolute; }
.fb-link {  top: 59px; left: 70px; }
.line-link {  top: 59px; left: 265px; }
.mobile-link {  top: 59px; left: 465px; }
.car-link {  top: 190px; left: 70px; }
.go-link {  top: 190px; left: 265px; }
.cx-link { top: 190px; left: 465px; }
.pk-link { top: 320px; left: 70px; }
.giga-link { top: 320px; left: 265px; }
.ktn-link { top: 320px; left: 465px; }
.short-url { display: block; width: 520px; height: 40px; position: absolute; top: 113px; left: 114px; }
.url { width: 378px; height: 26px; }
.short-url-btn { width: 130px; height: 32px; display: block; position: absolute; top: -2px; left: 383px; }
.url-short { width: 500px; height: 30px; display: block; position: absolute; top: 176px; left: 103px; line-height: 30px; color: red; font-weight: bold; font-size: 20px; }
.url-short a:hover{ color: #000; }
.post { margin-top: 20px; text-align: center; }
.collect-title { margin-bottom: 12px; } 
.collect-title a { color: #404040;  } 
.collect-href a { margin-right: 15px; }