@charset "utf-8";
/* CSS Document */

@font-face {font-family: Interstate-Regular;src: url('/font/INTR.ttf');}

body { color:#34b5c8; line-height:1.2em; font-family:Arial, Helvetica, sans-serif;}
a { color:#34b5c8}
a:hover { color:#114c4a}
h1 { color:#114c4a; font-size:16px; padding-bottom:10px;}


.wrapper {width:922px; height:730px; margin:20px auto; background:url(../images/bg-wrapper.jpg) top center no-repeat; padding:35px;}
.font11 { font-size:11px;}
.font12 { font-size:12px;}
.f-family { font-family:Interstate-Regular;}

/*header*/
.header { height:50px; padding:15px; position:relative;}
.fb-like {width:90px; position: absolute; right:18px; _overflow:hidden;}
.lang { position:absolute; right:35px; bottom:15px; margin-top:10px;}
.lang li{ float:left; width:42px; text-align:right; background:url(../images/li-dot-lang.jpg) 0 2px no-repeat; margin-left:12px;}
.lang li a { color:#1c6cab; text-decoration:none;}
.lang li a:hover {color:#34b5c8}

/*main*/
.main { padding:0 5px;}
.top-wrapper {overflow:hidden; width:912px; height:461px; position:relative}
.main-001 {background: url(../images/main_001.jpg) 0 0 no-repeat; position:relative; width:912px; height:461px;}
.main-002 {background: url(../images/main_002.jpg) 0 0 no-repeat; position:relative; width:912px; height:461px;}
.main-003 {background: url(../images/main_003.jpg) 0 0 no-repeat; position:relative; width:912px; height:461px;}
.phone-screen {position:absolute; width:160px; height:242px; top:107px; left:169px; background:url(images/event_calendar.png) 0 0 no-repeat;}

.btn-app-store {width:141px; height:48px; overflow:hidden; display:block; background:url(../images/btn-app-store.gif) 0 0 no-repeat; position:absolute; top:215px; left:475px;}
.btn-app-store:hover {background:url(../images/btn-app-store.gif) 0 -49px no-repeat;}
.btn-android-store {width:150px; height:48px; overflow:hidden; display:block; background:url(../images/btn-android-store.gif) 0 0 no-repeat; position:absolute; top:215px; left:625px;}
.btn-android-store:hover {background:url(../images/btn-android-store.gif) 0 -49px no-repeat;}
.btn-fb {width:141px; height:34px; overflow:hidden; display:block; background:url(../images/btn-fb.jpg) 0 0 no-repeat; position:absolute; top:320px; left:475px;}
.btn-fb:hover {background:url(../images/btn-fb.jpg) 0 -34px no-repeat;}
.become-our-fans {width:188px; height:28px; overflow:hidden; display:block; background:url(../images/become-our-fans.gif) 0 0 no-repeat; position:absolute; top:370px; left:475px;}
.become-our-fans:hover {background:url(../images/become-our-fans.gif) 0 -28px no-repeat;}

.btn-life-planner {width:327px; height:65px; background:url(../images/btn-life-planner.jpg) 0 -1px no-repeat; overflow:hidden; position:absolute; left:477px; top:173px; cursor:pointer;}
.btn-m-coupon {width:327px; height:64px; background:url(../images/btn-m-coupon.jpg) 0 -1px no-repeat; overflow:hidden; position:absolute; left:477px; top:241px; cursor:pointer;}
.btn-personal-finance-expert {width:327px; height:64px; background:url(../images/btn-personal-finance-expert.jpg) 0 -1px no-repeat; overflow:hidden; position:absolute; left:477px; top:308px; cursor:pointer;}
.active { background-position: 0 -67px;}

.btn-download { width:109px; height:24px; overflow:hidden; display:block; background:url(../images/btn-download.gif) 0 0 no-repeat; position:absolute; top:267px; left:477px; }
.btn-download:hover {background:url(../images/btn-download.gif) 0 -24px no-repeat;}
.main-002 .btn-download {top:377px;}

.bottom{ width:912px; height:163px; background: url(../images/bg-bottom.jpg) top center no-repeat; position: relative; overflow:hidden;}

.bottom li{ width:304px; height:163px; float:left; overflow:hidden;}

.bottom-l { background: url(../images/bottom-l.jpg) 0 0 no-repeat; padding:50px 0 0 20px; width:284px !important;}
.bottom-l ul li { width:100% !important; height:auto !important; background:url(../images/black-dot.jpg) 5px 8px no-repeat; padding-left:15px;}
.a-demo {height:147px; overflow:hidden; display:block; background:url(../images/bottom-c.jpg) 0 0 no-repeat;}
/*.a-demo:hover { background:url(../images/bottom-c.jpg) 0 -147px no-repeat;}
*/
.bottom-r { float:right !important; width:288px !important; background:url(../images/bottom-r.jpg) 0 0 no-repeat; position:relative;}
.download-android { position:absolute; left:28px; top:35px; height:134px; width:100px; }
.download-app { position:absolute; left:171px; top:35px; height:134px; width:100px;}

/* footer */
.footer p { font-size:10px; color:#000; text-align:right; padding:5px;}

/* faq */
.faq-body { width:480px; height:400px; background:#7f7f7f; color:#FFF;}
.faq-body h1 { color:#FFF;}
.wrapper-faq { padding:20px;}
.wrapper-faq { font-size:12px;}