@CHARSET "UTF-8";

.clearfix{}
.clearfix {width:100%;}
.clearfix:after{content:"";display:block;clear:both;}

/*  reset  */
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6,p {margin:0;padding:0;font-size:100%;font-weight:normal;line-height:1;border:none;text-rendering:optimizelegibility;}
a {outline:none;}
b, strong {font-weight:normal;}
img {border:none;outline:none;-ms-interpolation-mode:bicubic;margin:0;padding:0;}
dl, dt, dd, p, ul, ol, figure {padding:0;margin:0;}
ul, ol {list-style:none;}
#tn-head {border-bottom:1px solid #bbb;}
ul#crumb {margin:0;}
.bold {font-weight:bold;}

/* layout */
.mainarea_before {width:977px;padding:7px 0 8px;margin:0 auto;}
.crumb {width:400px;padding-top:4px;float:left;}
.social-btns {padding-right:30px;text-align:right;_display:none;}
.social-btns li {display:inline-block;letter-spacing:0;vertical-align:top;margin-left:10px;/display:inline;/zoom:1;}
.social-btns iframe {width:110px;vertical-align:top;z-index:100;}
.social-btns iframe.twitter-share-button {width:100px!important;}
#mainarea {width:100%;}
.mainarea {width:977px;padding:0 0 28px;margin:0 auto;text-align:left;}
.mainarea p {font-size:14px;line-height:20px;}
.mainarea-header {position:relative;z-index:1;}
.mainarea-body {margin-top:-148px;z-index:0;_position:relative;z-index:2;}
.mainarea-footer {width:737px;padding:22px 0 22px 240px;background:url(images/pattern_2.png) repeat;}
.mainarea-footer p {width:295px;height:84px;float:left;vertical-align:top;}
.mainarea-footer p a {display:inline-block;padding-top:20px;/display:inline;/zoom:1;}
.mainarea-footer p img {float:left;margin-top:-20px;margin-right:10px;}
.i1 p, .pagetop a, .pagetop a:visited, .mainarea-footer p a, .mainarea-footer p a:visited {text-indent:0em;color:#fcfbf6;text-shadow:0px -1px 0px #595755;text-decoration:none;}
.pagetop {margin-top:-47px;text-align:right;}
.pagetop a {display:inline-block;margin:0 12px 0 auto;padding:0px 20px;height:27px;line-height:27px;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-ms-border-radius:8px 8px 0 0;-o-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;background:url(images/pattern_2.png) repeat;/display:inline;/zoom:1;}
.pagetop a:hover, .mainarea-footer p a:hover {color:#fcfbf6;text-decoration:underline;}

/* sprite */
.i1, .i2, .btn, .i3 {display:block;text-indent:-999em;}
.i1, .btn {background:url(images/sprite_i1.png) no-repeat 0 0;}
.i2 {background:url(images/sprite_i2.png) no-repeat 0 0;}
.i3 {background:url(images/sprite_i3_201402.png) no-repeat 0 0;}

.i2 p {text-indent:0em;color:#3f3d39;text-shadow:0px 1px 0px #fefdfd;}
.i1-3 p, .i2-2 p, .i2-3 p {font-size:15px;line-height:24px;}

.i1-1 {height:491px;}
.i1-2 {position:absolute;top:195px;left:146px;width:373px;height:19px;}
.i1-new {position:absolute;width:56px;height:56px;background-position:-556px -502px;}
.i1-new.android {top:215px;left:547px;}
.i1-new.iphone {top: 222px;left: 278px;}
.i1-3 {position:relative;width:977px;height:264px;background-position:0px -655px;}
.i1-3 p {position:absolute;top:85px;left:305px;}
.i1-4 {position:relative;width:339px;height:286px;background-position:0px -919px;}
.i1-4 p {position:absolute;top:200px;left:0px;padding:0 50px 0 43px;}
.i1-5 {position:relative;width:320px;height:286px;background-position:-339px -919px;}
.i1-5 p {position:absolute;top:200px;left:0px;padding:0 28px 0 29px;}
.i1-6 {position:relative;width:318px;height:286px;background-position:-659px -919px;}
.i1-6 p {position:absolute;top:200px;left:0px;padding:0 42px 0 23px;}
.i1-4, .i1-5, .i1-6 {float:left;}
.i1 span {font-size:10px;line-height:24px;}
.i1-3 p span {font-size:inherit;}
.i2-1 {height:90px;background-position:0px 0px;}
.i2-2 {height:252px;background-position:0px -90px;}
.i2-2 p {padding:72px 0 0 90px;width:422px;}
.i2-2 p span {display:block;font-size:10px;line-height:24px;}
.i2-3 {height:294px;background-position:0px -342px;}
.i2-3 p {padding:71px 0 0 450px;width:403px;}
.i3-1 {height:90px;background-position:0px 0px;}
.i3-2 {height:68px;background-position:0px -90px;}
.i3-3 li {float:left;}
.i3-3_1 {width:328px;height:435px;background-position: 0px -158px;}
.i3-3_2 {width:285px;height:435px;background-position:-328px -158px;}
.i3-3_3 {width:361px;height:435px;background-position:-613px -158px;}
.btn {width:227px;height:65px;}
.btn-iphoneApp {position:absolute;top:240px;left:73px;background-position:-11px -568px;}
.btn-iphoneApp:hover {background-position:-11px -494px;}
.btn-iphoneApp:active {background-position:-11px -494px;}
.btn-androidApp {position:absolute;top:240px;left:351px;background-position:-290px -568px;}
.btn-androidApp:hover {background-position:-290px -494px;}
.btn-androidApp:active {background-position:-290px -494px;}
a.btn-lead {width:247px;position:absolute;top: 310px;left: 63px;color: #333;font-size: 13px;text-align:center;}
a.btn-lead:hover {text-decoration:none;}