@charset "utf-8";
/* CSS Document */
.bb {background-image:url(images/nav4.png) }
body,ul,li,p,form,dl,dt,dd,h1,h2,h3,h4{padding:0; margin:0; list-style:none; font-family:Helvetica, sans-serif; font-size:12px; color:#222; text-align:left; font-family:Arial, Helvetica, sans-serif, "方正大黑简体", "黑体";}
* { margin:0; padding:0;}
body{ text-align:left; background-color:#222834;}
a:link, a:visited{ text-decoration:none;}
a:hover{ text-decoration:none}

#bg { background-color:#222834; background-image:url(../images/runaway-index0803_01_02.gif); background-repeat:repeat-x; overflow:hidden; width:auto; height:auto; padding-bottom:10px;}
#main { width:950px; height:auto; margin:0 auto; overflow:hidden; }
#main #header { width:auto; height:106px;}
#main #header #logo {background-image:url(../images/logo.gif); width:336px; height:96px;}

#main #nav { float:right; margin-right:32px; margin-top:-36px;}
*html #main #nav {margin-right:16px; margin-top:-35px;}
#main #nav li { list-style:none; float:left; background-image:url(../images/nav1.gif); background-repeat:no-repeat; width:112px; height:36px;}
#main #nav li a { text-decoration:none; cursor:pointer; display:block;}
#main #nav li a span, #main #nav li a:link span,#main #nav li a:visited span { color:#FFFFFF; line-height:36px; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; font-weight:bold;}
#main #nav li a:hover { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center;}
#main #nav li a:hover span { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center;}

#main #nav li.noimage a:hover { background:none;}
#main #nav li.noimage a:hover span { background:none;}


#main #nav3 { float:right; margin-right:32px; margin-top:-36px;}
*html #main #nav {margin-right:16px; margin-top:-35px;}
#main #nav3 li { list-style:none; float:left; background-image:url(../images/nav1.gif); background-repeat:no-repeat; width:112px; height:36px;}
#main #nav3 li a { text-decoration:none; cursor:pointer; display:block;}
#main #nav3 li a span, #main #nav li a:link span,#main #nav li a:visited span { color:#FFFFFF; line-height:36px; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; font-weight:bold;}
#main #nav3 li a:hover { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center;}
#main #nav3 #mainlevel_02 #sub_02 li a:hover { background-image:url(../images/nav5.png); background-repeat:no-repeat; background-position:center;}
#main #nav3 li a:hover span { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center;}


#main #nav2 li { list-style:none; float:left; background-image:url(../images/nav3.gif); background-repeat:no-repeat; width:104px; height:36px;}
#main #nav2 li a { text-decoration:none; cursor:pointer; display:block;}
#main #nav2 li a span, #main #nav li a:link span,#main #nav li a:visited span { color:#FFFFFF; line-height:36px; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; font-weight:bold;}
#main #nav2 li a:hover { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center;}
#main #nav2 li a:hover span { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center;}


#main #nav #home .home a { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center; width:112px; cursor:default;}
#main #nav #tutorial .tutorial a { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center; width:112px; cursor:default;}
#main #nav #contact .contact a { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center; width:112px; cursor:default;}
#main #nav #getpaid .getpaid a { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center; width:112px; cursor:default;}
#main #nav #treasurebox .treasurebox a { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center; width:112px; cursor:default;}

#main #menu {margin:0 0 0 -25px;  width:840px; background-image:url(../images/submenu_bg.png); background-repeat: repeat-x; height:36px; padding-left:60px;; }
#main #menu li { list-style:none; float:left;  margin-left:0px;}
#main #menu li a { text-decoration:none; cursor:pointer; display:block;}

#main #menu li a span, #main #nav li a:link span,#main #nav li a:visited span { color:#FFFFFF; line-height:36px; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; font-weight:bold;}
#main #menu li a:hover { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center;}
#main #menu li a:hover span { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center;}
#main #menu .tutorial a { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center; width:104px; cursor:default;}

#main #nav #menu .tutorial a { background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:center; width:104px; cursor:default;}

#main #menu li.noimage a:hover { background:none;}
#main #menu li.noimage a:hover span {background:none;}


#main #wapper { width:auto; height:auto; margin-top:-1px;}
#main #wapper #wapper_head { width:auto; height:auto;}
#main #wapper #wapper_head #conner_left { background-image:url(../images/conner_left.gif); background-repeat:no-repeat; width:50px; height:70px; float:left;}
#main #wapper #wapper_head #conner_right { background-image:url(../images/conner_right.gif); background-repeat:no-repeat; width:50px; height:70px; float:left;}
#main #wapper #wapper_head #middle { background-image:url(../images/wapper_head.gif); width:850px; height:70px; float:left;}

#main #wapper #wapper_main { width:auto; height:auto;}
#main #wapper #wapper_main #main_box { width:850px; height:auto; background-color:#FFFFFF; margin:0 auto; padding-left:25px; padding-right:25px;}
#middle_bar {background-image:url(../images/middle_bar.gif); background-repeat:no-repeat; width:900px; height:60px; margin-top:0px; margin:0 auto;}


#main #wapper #wapper_main #main_box #content_1 { width:auto; height:auto; overflow:hidden; padding-left:40px; padding-right:25px;}
*html #main #wapper #wapper_main #main_box #content_1 { padding-right:15px;}
#main #wapper #wapper_main #main_box #content_1 #left { float:left;}
#main #wapper #wapper_main #main_box #content_1 #middle { float:left; width:550px;  margin-left:30px;}
#main #wapper #wapper_main #main_box #content_1 #middle3 { float:left; width:550px;  margin-left:30px;}
#main #wapper #wapper_main #main_box #content_1 #middle2 { float:left; background-image:url(../images/treasurebox.gif); background-repeat:no-repeat; background-color:#FFFFFF; width:300px; height:auto; overflow:hidden; margin-left:30px;}

#main #wapper #wapper_main #main_box #content_1 #middle #text { margin-top:25px; color: #333;}
#main #wapper #wapper_main #main_box #content_1 #middle3 #text { margin-top:25px; color: #333;}
/*#main #wapper #wapper_main #main_box #content_1 #middle #text { margin-top:25px; color:#707070;}*/
#main #wapper #wapper_main #main_box #content_1 #middle2 #text { margin-top:25px; color:#333;}

#main #wapper #wapper_main #main_box #content_1 #middle #text p { line-height:22px; font-size:16px; color:#333;}
#main #wapper #wapper_main #main_box #content_1 #middle3 #text p { line-height:22px; font-size:16px; color:#333;}
#main #wapper #wapper_main #main_box #content_1 #middle2 #text p { line-height:22px; font-size:16px; color:#333;}

#main #wapper #wapper_main #main_box #content_1 #middle #learnmore { float:right;}
#main #wapper #wapper_main #main_box #content_1 #middle3 #learnmore { float:right;}
#main #wapper #wapper_main #main_box #content_1 #right { float:right; width:auto; text-align:left; margin-right:20px; padding-top:5px;}
.buynow {background:url(../images/learnmore_2.gif) no-repeat left center; width:141px; height:34px;}
.buynow span {padding-left:25px; line-height:32px; font-size:14px; font-weight:bold; color:#76797C; }

.more {background:url(../images/button_down.png) no-repeat left center; width:141px; height:34px;}
.more span {padding-left:25px; line-height:32px; font-size:14px; font-weight:bold; color:#76797C; }

#main #wapper #wapper_main #main_box #content_2 { width:auto; height:auto; overflow:hidden; padding-left:40px; padding-right:20px; }
*html #main #wapper #wapper_main #main_box #content_2 { padding-right:10px;}
#main #wapper #wapper_main #main_box .content_2 { width:auto; height:auto; overflow:hidden; padding-left:40px; padding-right:20px; }
*html #main #wapper #wapper_main #main_box .content_2 { padding-right:10px;}
#main #wapper #wapper_main #main_box .content_2 .left { width:550px; height:auto; overflow:hidden; float:left; }
#main #wapper #wapper_main #main_box .content_2 .right { float:right; margin-right:15px; padding-top:10px; overflow:hidden; width:200px; text-align:right;}
#main #wapper #wapper_main #main_box .content_2 .left .title {background-image:url(../images/blue_star.gif); background-repeat:no-repeat; background-position:left center; padding-left:30px; font-size:18px; font-weight:bold; line-height:24px; padding-top:10px; padding-bottom:10px;}
#main #wapper #wapper_main #main_box .content_2 .left .item {background-image:url(../images/red_star.gif); background-repeat:no-repeat; background-position:left top;
padding-left:25px; font-size:12px; color:#707070; line-height:24px; margin-top:5px; margin-left:22px;}
#main #wapper #wapper_main #main_box .content_2 .left p {padding-left:30px; font-size:14px; color:#707070; line-height:20px;}
#main #wapper #wapper_main #main_box .content_2 .left p b {color:#000;}

#main #bottom { width:auto; height:auto; overflow:hidden;}
#main #bottom #left { background-image:url(../images/bt_left.gif); background-repeat:no-repeat; width:50px; height:52px; float:left;}
#main #bottom #right { background-image:url(../images/bt_right.gif); background-repeat:no-repeat; width:50px; height:52px; float:left;}
#main #bottom #middle { background-image:url(../images/bt_middle.gif); background-repeat:repeat-x; width:850px; height:52px; float:left;}
#main #bottom #left_1 { background-image:url(../images/bt_left_1.gif); background-repeat:no-repeat; width:50px; height:60px; float:left;}
#main #bottom #right_1 { background-image:url(../images/bt_right_1.gif); background-repeat:no-repeat; width:50px; height:60px; float:left;}
#main #bottom #middle_1 { background-image:url(../images/bt_middle_1.gif); background-repeat:repeat-x; width:850px; height:60px; float:left; }

#help_nav a {color: #4961FF; font-size:15px;}
#help_carrier a {color: #4961FF; font-size:15px; line-height:20px;padding-left:20px;}
#help_nav a:hover {text-decoration:underline;}

/* slide show*/
.slideshow, .slideshow * { margin:0; padding:0; }
.slideshow { width:230px; height:400px; overflow:hidden; position:relative; background:url(../images/slideshow/iphone_t.png) left top no-repeat;}

.slider {}
.slider li { list-style:none; display:inline;position:absolute; }
.slider img { width:155px; height:230px; display:block;}
.slider2 { width:2000px; margin:60px 0 0 26px;}
.slider2 li { float:left; }
/*.num { position:absolute; left:0px; bottom:0px;}
.num li { float: left; color: #FF7300; text-align: center; line-height: 16px; width: 16px; height: 16px; font-family: Arial; font-size: 12px; cursor: pointer; overflow: hidden; margin: 3px 1px; border: 1px solid #FF7300; background-color: #fff; }
.num li.on { color: #fff; line-height: 16px; width: 16px; height: 16px; font-size: 12px; background-color: #FF7300; font-weight: bold; }*/

.form-input-field2 {border:1px solid #cdcdcd; background-color: #ededed; width:550px;}
.form-input-field {border:1px solid #cdcdcd; background-color: #ededed; width:550px;	height:25px; }
.orange {color:#ff7e00;}
h2{color:#2a5687; font-size:20px;}
#sendmail {background:url(../images/submit.png) no-repeat left top; width:91px; height:42px; border:0; cursor:pointer;}

td.submenu {
	background-image:url(../images/bt_left.gif);
	background-repeat:repeat-x;
	height:52px;
	margin:0;
	padding-right:10px;
	padding-top:0;
}

.toolBar {
background:url("../images/crossBar2.png") repeat-x scroll left top transparent;
height:40px;
margin:5px 0;
width:100%;
}

.toolBar .item {
float:left;
padding-left:15px;
padding-top:0;
}

.toolBar .tabOn {
background:url("../images/tab_bg.png") repeat-x scroll left top transparent;
color:#FFFFFF;
display:block;
float:left;
height:30px;
padding-top:10px;
text-align:center;
width:120px;
}
.toolBar .spline {
background:url("../images/tab_line.gif") no-repeat scroll left top transparent;
display:block;
float:left;
height:40px;
width:1px;
}

features

.features { width:auto; height:auto; overflow:hidden; padding-left:40px; padding-right:20px;}
*html #main #wapper #wapper_main #main_box #content_2 { padding-right:10px;}
*html #main #wapper #wapper_main #main_box .content_2 { padding-right:10px;}
features_left { width:550px; height:auto; overflow:hidden; float:left; }
features_right { float:right; margin-right:15px; padding-top:10px; overflow:hidden; width:200px; text-align:right;}
.features_title {background-image:url(../images/blue_star.gif); background-repeat:no-repeat; background-position:left center; padding-left:30px; font-size:18px; font-weight:bold; line-height:24px; padding-top:10px; padding-bottom:10px; }
.feature_left_item {background-image:url(../images/red_star.gif); background-repeat:no-repeat; background-position:left top; padding-left:25px; font-size:12px; color:#333; line-height:24px; margin-top:5px; margin-left:22px;}
.feature_left p {padding-left:30px; font-size:14px; color:#707070; line-height:20px;}
.featrue_left p b {color:#000;}

.tutorial_left { width:550px; height:auto; overflow:hidden; margin-left:-9px}
.tutorial_right { float:right; margin-right:15px; padding-top:10px; overflow:hidden; width:200px; text-align:right;}
.tutorial_left_title {
	/*background-image:url(../images/blue_star.gif); */
	background-repeat:no-repeat; background-position:left center; padding-left:30px; font-size:18px; font-weight:bold; line-height:24px; padding-top:10px; padding-bottom:10px;}
.tutorial_left .item {background-image:url(../images/circular.png); background-repeat:no-repeat; background-position:left top;
padding-left:25px; font-size:12px; color:#707070; line-height:24px; margin-top:5px; margin-left:22px;}
.tutorial_left p {padding-left:30px; font-size:14px; color:#333; line-height:20px;}
.tutorial_left p b {color:#000;}


.menu_li {list-style:none; float:left; width:107px; height:40px; background-image:url(../images/bt_click.png);background-repeat:no-repeat; background-position:center; padding-left:10px; color:#FFF}
.menu_li_mm {list-style:none; float:left; width:120px; height:40px; background-image:url(../images/mmlogin.png);background-repeat:no-repeat; background-position:center; padding-left:10px; color:#FFF; margin-left:270px}


.menu_li span {color:#FFFFFF; line-height:40px; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; font-weight:bold; cursor:pointer; padding-right:10px}
.menu_li_mm span {color:#000000; line-height:40px; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; font-weight:bold; cursor:pointer; padding-right:10px}



.product_menu_selected {list-style:none; float:left; width:107px; height:40px; background-image:url(../images/bt_orange.png);background-repeat:no-repeat; background-position:center; padding-left:10px; color:#FFF; color:#FFFFFF; line-height:40px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; font-weight:bold; cursor:pointer; padding-right:10px}

.product_menu:hover { background-image:url(../images/bt_orange.png); background-repeat:no-repeat; background-position:center;}

.sub_02 { display:none}

#main #nav li ul li a:hover { background-image:url(../images/nav5.png); background-repeat:no-repeat; background-position:center;}
.sub_03 { list-style:none; float:left; background-image:url(../images/nav4.png); background-repeat:no-repeat; width:112px; height:36px;}
.sub_02 li a:hover { background-image:url(../images/nav5.png); background-repeat:no-repeat; background-position:center;}

.faq_item {
	background-image:url(../images/Q.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	font-size:15px;
	color:#333;
	margin-left:10px;
	margin-top:10px;
}