@media screen and (min-width:320px), and (max-width:480px;
) {
 * {
 margin:0;
 padding:0;
}
img {
 border:none;
}
a {
 text-decoration:none;
}
ul li {
 list-style:none;
}
.kong {
 clear:both;
}
/* ========================================================= " gong gong " ================================================== */
/* #########################################################  index.html  star   ############################################# */
.body {
 color: #333333;
 font-family: Georgia, Serif;
}
/*  =======================================================  head star  ====================================================*/
.head_fullscreen {
 background:url(../images/header.png) repeat-x;
 height:5.7em;
 width:100%;
}
.head {
 width:96%;
 margin:0 auto;
}
.head .logo {
 float:left;
 width:10%;
}
.head .logo img {
 max-height:70%;
 margin:70% 0 0;
 width:100%;
}
.head .nav {
 margin:0;
 _margin:0;
 padding: 1.7em 0 0;
 float:left;
 width:90%;
}
.head .nav ul {
}
.head .nav ul li {
 float: left;
 height:100%;
 line-height:2.6;
 margin:0 0 0 3%;
 text-align: center;
 width:22%;
}
.head .nav ul li a {
 font-family:arial;
 color:#999;
 display:block;
 font-size:12px;
 width: 100%;
}
.head .nav ul li.about {
 width: 28%;
margin: 0 0 0 1.5em;
}
.head .nav ul li a.about {
}
.head .nav ul li a:hover, .head .nav ul li a.active {
 background:url(../images/nav_ahover.jpg) no-repeat 50% 0%;
 color:#fff;
 background-size:100% 80%;
}
.head .nav ul li a:active {
 color:#fc0;
}
.head .lang {
 float:right;
 margin:1.7em 2.5em 0 0;
}
.head .lang a {
 display:block;
 height:49px;
 width:127px;
}
.head .lang a:hover {
 background:url(../images/lang_hover.png) no-repeat;
}
/*  =======================================================  head end  ====================================================*/

/*  =======================================================  banner star  ====================================================*/
.banner_fullscreen {
 background:url(../images/banner_bj.jpg);
 width:auto;
 clear:both;
 height:11.3em;
}
.banner {
 width:92%;
 height:11.3em;
 margin:0 auto;
 background:url(../images/banner3.jpg) no-repeat;
 color:#fff;
 background-size:100%;
}
.banner .banner_rt {
 float:right;
 width:42.857%;
 margin:4% 0 0;
}
.banner .banner_rt h1 {
 font-size:0.8em;
}
.banner .banner_rt h2 {
 font-size:0.6em;
 margin-top:4.44444444444444%;
 color: #cec;
}
.banner .banner_rt ul li {
 list-style-type:disc;
 font-size:0.6em;
 margin: 1% 0 1% 1.5%;
}
.banner_down_fullscreen {
 background:url(../images/banner_down_bj.jpg);
 height:4em;
}
.banner_down {
 width:92%;
 margin:0 auto;
}
.banner_down .xitong {
 float:left;
 margin: 1% 0 0 3%;
}
.banner_down .xitong img {
 width:auto;
 height:2.6em;
}
.banner_down .donwnload {
 float:right;
 margin: 1% 3% 0 0;
}
.banner_down .donwnload img {
 height:1.6em;
 width:auto;/*296px*/
}
.banner_down .donwnload a{
	background: url(../images/download_botton.png) no-repeat scroll 0 0 / 100% auto ;
	height:50px;
	width:7em;
}
.banner_down .donwnload a:hover {
	background: url(../images/download_botton.png) no-repeat scroll 0 0 / 100% auto 
}
/*  =======================================================  banner end  ====================================================*/

/* ==============================================  content  star  ==========================================================  */
#tabbox {
 margin: 0 auto;
 overflow: hidden;
 width: 92%;
}
.tabs {
 height:3.45em;
 border-bottom:1px solid #999;
 border-left: 1px solid #999;
 width: 100%;
}
.tabs li {
 height:2.23em;
 line-height:2.23em;
 float:left;
 border:1px solid #999;
 border-left:none;
 margin-bottom: -1px;
 background: #e0e0e0;
 overflow: hidden;
 position: relative;
 width:32.98%;
 text-align:center;
 font-size:1.5em;
 box-shadow: 0 0 0 1px #FFFFFF inset;
 -moz-box-shadow: 0 0 0 1px #FFFFFF inset;
 -webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
 behavior:url(ie-css3.htc);
 position:relative;
 z-index:100;
}
#tabbox {
 margin: 0 auto;
 overflow: hidden;
 width: 92%;
}
.content_fullscren {
 background:url(../images/content_bj.png);
 padding:0.8em 0 2.6em;
 width:100%;
}
.content {
 width:100%;
 margin:0 auto;
}
.content .description {
 margin: 0 1.8% 2%;
}
 .content .description h1 {
 color: #555555;
 font-family: verdana, arial;
 font-size: 1.12em;
 text-align: center;
 padding:0.5%;
 font-weight: bold;
}
.content .description .version img {
 display: block;
 margin: 0 auto;
 width: 40%;
}
.content .description p {
 font-size:1em;
 padding: 1%;
 text-align:left;
 line-height:1.5em;
 letter-spacing:0.5px;
}
.content .description .version_pic img {
 width:100%;
}
.content .desc p {
 font-size:1em;
}
.content .list {
 float:left;
}
.content dl {
 width:92%;
 margin:0 auto;
 float:none;
}
.content dl dt img {
 max-width:92%;
 height:auto;
 display:block;
 border: 6px double rgb(224, 201, 108);
 margin:0 auto;
}
.content dl dd h1 {
 font-family: arial;
 font-size:1.5em;
 font-weight: 100;
 color:#1D1D1D;
 margin:10px 0 0;
 line-height:1.1;
}
.content dl dd p {
 font-family: arial;
 font-size:1em;
 margin:1.5% 0 0;
 color:#666;
 line-height:1.5em;
 letter-spacing:0.5px;
 text-align:left;
}
.content h1 {
 color: #a90;
 font-size: 28px;
 font-family: Georgia, Serif;
 margin: 10px 0 0;
}
.content p {
 color: #330;
 font-size: 18px;
 font-family: Georgia, Serif;
 line-height: 28px;
}
/* ==============================================  content  end  ==========================================================  */

/* ==============================================  foot    star  ==========================================================  */
.font_fullscren {
 background:url(../images/footer.png);
 padding:0 0 2%;
 width:100%;
}
.foot {
 width:100%;
 margin:0 auto;
}
.foot .f_nav {
 border-bottom:1px solid #666;
 padding:0 0 5%;
 text-align:center;
}
.foot .f_nav ul {
 padding:0;
}
.foot .f_nav ul li {
 float:left;
 margin: 5.6% 0 0 0;
 width:25%;
}
.foot .f_nav ul li a {
 color:#fff;
 font-size:12px;
}
.foot .f_nav ul li.contact_us {
 width:29%;
}
.foot .f_nav ul li.guide {
 width:10%;
}
.foot .f_nav ul li a.contact_us {
 margin:0 0 0 1em;
}
.foot .f_nav ul li a:hover {
 color:#999;
}
.foot .f_nav ul li .select {
 clear:both;
}
.foot .f_nav ul li .select a {
 display:block;
 margin:10px 0 0;
 color:#999;
}
.foot .f_nav ul li .select a:hover {
 text-decoration:underline;
}
.foot .copy {
 clear:both;
 color:#666;
 margin:5.4% 0 0;
 text-align:center;
 font-size:12px;
 width:98%;
}
/* ==============================================  foot  end  ==========================================================  */

/* #########################################################  index.html  star   ############################################# */


/* ##################################################  help.html  star ######################################################## */
.help {
 width:980px;
 margin:0 auto;
 color:#000;
 border: 1px solid #d2d2d2;
}
h1.helpandtip {
 border-bottom: 1px dotted #999;
 height: 40px;
 padding: 10px 0;
 text-align:center;
 margin: 10px 0;
 font-size: 30px;
}
.helpandtip img {
 position: relative;
 top: 5px;
 width: 30px;
}
.Welcometouse, .ipad-ipod, .equipment-computer, .nowifi, .Networkproblems {
 margin: 20px 0;
 padding: 0 0 20px;
 border-bottom: 1px dashed #999999;
}
.Welcometouse h2, .ipad-ipod h2, .equipment-computer h2, .nowifi h2, .Networkproblems h2 {
 margin:10px 0;
 padding:5px 10px;
 font-size: 22px;
 background:url(../images/bodybj.png);
 font-weight:bolder;
 color:#000;
}
.Welcometouse p, .ipad-ipod p, .equipment-computer p, .nowifi p, .Networkproblems p {
 font-size:14px;
 line-height:2em;
 text-align:justify;
 padding:0 20px;
}
.Networkproblems {
 font-size:14px;
 line-height:2em;
}
.Networkproblems img, .nowifi img, .equipment-computer img, .ipad-ipod img {
 float:left;
 width:80px;
 margin:0 10px 0 10px;
}
.Welcometouse img {
 float:left;
 margin:0 10px 0 10px;
}
.Networkproblems p.contact {
 border: 2px dotted #03F;
 color: #000;
 font-size:18px;
 margin: 20px 50px 0;
 clear:both;
 text-align: center;
}
.Networkproblems p a {
 color:#f00;
 font-weight:bold;
}
.help .nowifi .hot {
 width:280px;
 height:auto;
 clear:both;
 margin: 10px auto 0;
}
.help .nowifi .hot img {
 width:280px;
 box-shadow: 1px 1px 2px 1px #002E64;
 -moz-box-shadow: 1px 1px 2px 1px #002E64;
 -webkit-box-shadow:1px 1px 2px 1px #002E64;
 behavior:url(ie-css3.htc);
 position:relative;
 z-index:100;
}
/* ##################################################  help.html   end  ######################################################## */

/* ################################################## download.html  star ######################################################## */
.download_con {
 width:980px;
 margin:0 auto;
 font-family:arial, Arial, Helvetica, sans-serif;
}
.download_con .up {
 text-align:center;
 border:1px solid #ddd;
 padding: 10px 20px 20px;
 background:url(../images/downbj.png);
 border-radius: 8px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 behavior:url(ie-css3.htc);
 position:relative;
 z-index:100;
}
.download_con .up h1 {
 font-size:24px;
 margin: 0 0 10px;
}
.download_con .up p {
 text-align:left;
 font-size:14px;
 letter-spacing: 0.5px;
 line-height:1.5;
}
.download_con .down {
 margin:20px 0;
 padding:15px 30px;
 border-radius: 8px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 background:url(../images/downbj.png);
 behavior:url(ie-css3.htc);
 position:relative;
 z-index:100;
}
.download_con .down .system {
 text-align:center;
 float:left;
 font-size:24px;
 margin: 0 15px;
}
.download_con .down .system img {
 width:170px;
}
.download_con .down .state {
 width:256px;
 float:left;
 font-size:14px;
 margin:10px 60px;
}
.download_con .down .state p {
 width:256px;
 line-height:1.5;
}
.download_con .down .donwnload {
 float:left;
 margin: 70px 0 0 30px;
}
.download_con .down .donwnload a {
 display:block;
 float:left;
}
.download_con .down .donwnload a:hover {
 opacity:0.85;
}
.download_con .down .donwnload b {
 float:left;
 margin: 40px 0 0;
}
/* ################################################## download.html  end ######################################################## */

/* ################################################## about.html star ######################################################## */
#contact {
 font-size:14px;
 line-height: 1.5;
 margin: 20px 0 0;
}
#about_app {
 clear:both;
 text-align:center;
}
#contact p {
 display:inline;
 font-size: 14px;
 letter-spacing: 1px;
}
#contact p a {
 text-decoration:underline;
}
#contact p a:hover {
 color:#F90;
}
#about_app p {
 text-align:left;
 display:inline-block;
 margin:10px 0;
 font-size: 12px;
}
/* ################################################## about.html end ######################################################## */

/* ################################################## more app.html  star ################################################### */

#more_app {
 font-family: arial, Arial, Helvetica, sans-serif;
 margin: 0 auto;
 width: 92%;
}
#more_app .up {
 background: url("../images/downbj.png") repeat scroll 0 0 transparent;
 position: relative;
 text-align: center;
 z-index: 100;
}
#more_app .up h1 {
 font-weight:normal;
}
#more_app .down {
 background: url(../images/downbj.png);
 background:#f7f7f7;
}
#more_app #about_app {
 text-align:left;
}
#more_app .down .about_app_l {
 float:left;
 margin:3.06122448979592% 0 1.53061224489796% 1.3265306122449%;
 padding: 1.6em 0;
 width:98%;
 border-top: 1px dashed #bbb;
 text-align: center;
}
#more_app .down .moreapp_right {
}
#more_app .down .moreapp_left {
}
#more_app .down .moreapp_left_s {
}
#more_app .down .img_l {
 border: medium double #E0C96C;
 float: left;
 height: auto;
 margin-bottom:0;
 padding: 0.7%;
 width: 13%;
}
#more_app .down .img_t {
 width:100%;
 clear: both;
 margin: 0 auto;
}
#more_app .down .img_h {
 clear: none;
 float: left;
 height: 10%;
 text-align: center;
 width: 80%;
}
#more_app .down .img_t h1 {
font-size:1.3em;
 background: #F0F0F0;
 font-weight: bold;
 text-align: left;
 margin:0 0 2%;
}
#more_app .down .img_t p {
 font-size:1.26em;
 text-align:left;
 line-height:1.5;
 font-family:Arial, Helvetica, sans-serif;
}
#more_app .down .img_t p a {
 margin:10px 0 0;
 display: inline-block;
 color:#6d2879;
 text-decoration:underline;
}
#more_app .down .img_t p a:hover {
 color:#e19214;
}
/* ################################################## more app.html  end ################################################### */


/* ################################################# ipad-to-ipad.html star ############################################### */
#ipad_to_ipad {
 font-family: arial, Arial, Helvetica, sans-serif;
 margin: 0 auto;
 width: 980px;
}
#ipad_to_ipad, #more_app {
 border:1px solid #CFD1D6;
 background: url(../images/downbj.png) repeat scroll 0 0 transparent;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 text-align: center;
 behavior:url(ie-css3.htc);
 position:relative;
}
#ipad_to_ipad .up, #more_app .up {
 border-bottom:1px solid #CFD1D6;
 height:100%;
 line-height:2.7;
 background:#EDEEF1;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
}
#ipad_to_ipad .up h1 {
 font-weight:normal;
}
#ipad_to_ipad .down {
 background:#f7f7f7;
 padding:20px;
}
#ipad_to_ipad .down #about_app h2 {
 text-align:left;
 font-weight: normal;
 font-family: verdana;
 *font-size:18px;
 white-space:
}
#ipad_to_ipad .down #about_app ul {
 margin:30px 0 0;
}
#ipad_to_ipad .down #about_app ul li {
 text-align:left;
 font-size:12px;
 font-family: verdana;
 border: 1px solid #CFD1D6;
 margin: 20px 0;
 padding: 10px 0 10px 10px;
 background:url(../images/ipad-to-ipad-ul-li.png) repeat-x;
 clear:both;
 *display:block;
}
#ipad_to_ipad .down #about_app ul img {
 box-shadow: 1px 1px 5px 1px #777777;
 -moz-box-shadow:1px 1px 5px 1px #777777;
 -webkit-box-shadow:1px 1px 5px 1px #777777;
 margin: 10px 0;
 behavior:url(ie-css3.htc);
 position:relative;
 z-index:100;
 clear:both;
 text-align:center;
 *display:block;
}
#ipad_to_ipad .down #about_app ul li img {
 display:block;
}
#ipad_to_ipad .down #about_app ul ul li {
 list-style:inside;
 background:none;
 border:none;
 margin:0;
 padding: 5px 0 5px 10px;
}
#ipad_to_ipad .down #about_app ul.guide li {
 background:url(../images/dot.jpg) no-repeat 10px;
 border:none;
 margin:0;
 padding: 5px 0 5px 30px;
}
#ipad_to_ipad .down #about_app p {
 display:block;
 font-family: verdana;
 line-height:1.5;
 letter-spacing:1px;
}
#ipad_to_ipad .down #about_app a {
 text-decoration:underline;
 color:#6d2879;
}
#ipad_to_ipad .down #about_app a:hover {
 color:#e19214;
 text-decoration:none;
}
#ipad_to_ipad .down #about_app h1 {
 font-weight:normal;
}
/* ################################################# ipad-to-ipad.html end ############################################### */
.content .description .p_lists p {
 background:url(../images/dot.jpg) no-repeat 0 center;
 margin: 0.75em 0;
 padding: 0 0 0 1.5em;
 line-height: 1.2em;
}
ul.lists li {
 margin-bottom:15px;
 padding-left:40px;
 background:url(../images/dot.jpg) no-repeat 20px;
}
.macsc {
border: 3px solid #C5C5C5;
max-width: 92%;
display: block;
margin: 0 auto;
}
}
 @media screen and (min-width:480px) {
.head .logo img {
 margin:30% 0 0;
 width:100%;
}
}
@media screen and (min-width:640px) {
.head_fullscreen {
 height:6.7em;
 width:100%;
}
.head .logo img {
 margin:10% 0 0;
}
 .head .nav {
 width:80%;
 float:right;
}
.head .nav ul li {
 width:20%;
 line-height:40px;
}
.head .nav ul li a:hover, .head .nav ul li a.active {
 background:url(../images/nav_ahover.jpg) no-repeat scroll 50% 0;
}
.content .description h1 {
 font-size:2em;
}
.content .description .version {
 width:100%;
}
.content .description .version img {
 width:auto;
 height:auto;
}
.content .description .version_pic {
 width:100%;
}
.content .description .version_pic img {
 display:block;
 margin:0 auto;
 width:90%;
}
}
@media screen and (min-width:960px) {
 .head .logo img {
 width:auto;
}
 .head .nav {
 width:70%;
 float:right;
}
.content .description .version_pic img{
	width:auto;
}
}
