@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
a:focus{ -moz-outline:none;}
:focus {outline: none; }
ul li{ list-style:none outside none;}
img{ border:none;}
h1{ color:#ffffff; font-size:38px;}
h2{font-size:24px; font-weight:bold; color:#3e8ec7;}
.clear{ clear:both;}
.textShadow{ -moz-text-shadow:0 -1px 0 #031322; -webkit-text-shadow:0 -1px 0 #031322; text-shadow:0 -1px 0 #031322;}
body{ background:url(../images/touchpal_keyboard_bg.jpg) repeat #f3f3f3; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:14px; color:#666666;}
a.more{float:right; margin-right:20px; display:block; width:50px; height:27px; line-height:25px; background:url(../images/touchpal_keyboard_buttons.png) no-repeat; padding-left:10px; color:#3e8ec7; margin-top:3px;}
a.more:hover{ background-position:0 -32px;}
.kheader{ height:100px; border-bottom:1px solid #4eb5ea; width:100%; background-color:#0a2f4a; float:left;}
.mainBox{ width:980px; margin:0 auto;}
.klogo{width:320px; height:80px; float:left; margin:10px 10px 10px 0;}
.knav{ float:left; width:530px; padding-left:80px; margin-top:30px;}
.outerlink{float:left; width:530px;}
.outerlink a.contacts{display:block; float:right; width:144px; height:35px; line-height:30px; background:url(http://www.touchpal.com/images/touchpal_keyboard_touchpal_contacts.png) no-repeat; font-size:12px; font-weight:bold; color:#cccccc; text-shadow:1px solid #777777px; text-align:center; -moz-text-shadow:0 -1px 0 #3d0003; -webkit-text-shadow:0 -1px 0 #3d0003; text-shadow:0 -1px 0 #3d0003;}
.outerlink a.contacts:hover{color:#ffffff;}
ul.kmenu{ display:block; float:left; margin-top:10px;}
ul.kmenu li.kitem{ display:block; height:37px; line-height:37px; float:left; font-size:16px; font-weight:bold; position:relative; z-index:50;}
ul.kmenu li.kitem a.kitem1, ul.kmenu li.kitem a.kitem2, ul.kmenu li.kitem a.kitem3, ul.kmenu li.kitem a.kitem4{color:#ffffff; display:block; height:37px; text-align:center;  margin-right:50px;}
ul.kmenu li.kitem a.kitem1{ width:64px;}
ul.kmenu li.kitem a.kitem2{ width:87px;}
ul.kmenu li.kitem a.kitem3{ width:106px; z-index:49;}
ul.kmenu li.kitem a.kitem4{ width:66px; z-index:50;}
ul.kmenu li.kitem a:hover, ul.kmenu li.kitem a.active1, ul.kmenu li.kitem a.active2, ul.kmenu li.kitem a.active3, ul.kmenu li.kitem a.active4{color:#b2dbf8; background:url(../images/touchpal_keyboard_nav.png) no-repeat;}
ul.kmenu li.kitem a.kitem1:hover, ul.kmenu li.kitem a.active1{ background-position:0 0;}
ul.kmenu li.kitem a.kitem2:hover, ul.kmenu li.kitem a.active2{ background-position:-74px 0;}
ul.kmenu li.kitem a.kitem3:hover, ul.kmenu li.kitem a.active3{ background-position:-171px 0;}
ul.kmenu li.kitem a.kitem4:hover, ul.kmenu li.kitem a.active4{ background-position:-287px 0;}
ul.kmenu li.kitem a.menuactive{ background:none #0a4876; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; box-shadow:inset 0 1px 0 #1c6ca7; -moz-box-shadow:inset 0 1px 0 #1c6ca7; -webkit-box-shadow:inset 0 1px 0 #1c6ca7;}
.ksubmenu1, .ksubmenu2{ z-index:99; position:absolute; top:37px; left:0; display:block; background:none #0a4876; border-radius:0 4px 4px 4px; -moz-border-radius:0 4px 4px 4px; -webkit-border-radius:0 4px 4px 4px; width:180px; box-shadow:0 1px 0 #031929; -moz-box-shadow:0 1px 0 #031929; -webkit-box-shadow:0 1px 0 #031929;}
.ksubmenu1 ul.ksubBox1, .ksubmenu2 ul.ksubBox2{display:block; background:none #0a2f4a; margin:6px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; overflow:hidden;box-shadow:inset 0 1px 2px #031929; -moz-box-shadow:inset 0 1px 2px #031929; -webkit-box-shadow:inset 0 1px 2px #031929;}
.ksubmenu1 ul.ksubBox1 li, .ksubmenu2 ul.ksubBox2 li{ display:block;float:left; height:40px; line-height:40px; margin:0 8px; padding-left:2px; width:150px; border-bottom:1px solid #05243a; border-top:1px solid #0d3b5c;}
.ksubmenu1 ul.ksubBox1 li a, .ksubmenu2 ul.ksubBox2 li a{font-size:14px; font-weight:bold; color:#619ac2; margin:0;}
.ksubmenu1 ul.ksubBox1 li a:hover, .ksubmenu2 ul.ksubBox2 li a:hover{ background:none; color:#c2e4ff8;}
.ksubmenu2{ width:130px;}
.ksubmenu2 ul.ksubBox2 li{width:102px;}
.kjsadv{ float:left; height:430px; width:100%; background:url(../images/touchpal_keyboard_jsadvbg.jpg) repeat-x;}
.kjsadvCon{ height: 430px; overflow: hidden; position: relative; z-index:40;}
.kjsadv1{ height:430px; background:url(../images/touchpal_keyboard_jsadv01.jpg) no-repeat;}
.kjsadv .desc, .kjsadv .platform, .kjsadv .buttons{float:left; width:980px; margin-bottom:20px;}
.kjsadv .desc{ margin-top:10px;}
.kjsadv .platform{ margin-top:20px;}
.kjsadv .desc h2{ color:#ffffff; font-size:38px; margin:20px 0 0; width:980px; font-style:italic;}
.kjsadv .kjsadvCon ul{ margin:0 0 20px;}
.kjsadv .kjsadvCon ul li{ list-style:inside disc; color:#ffffff; font-size:20px; line-height:30px; }
.kjsadv .platform a{ float:left; text-indent:-9999px; overflow:hidden; display:block; width:62px; height:62px; background:url(../images/touchpal_keyboard_buttons.png) no-repeat; margin:0 15px;}
.kjsadv .platform a.jsandr{ background-position:-324px 0;}
.kjsadv .platform a.jsandr:hover{ background-position:-324px -67px;}
.kjsadv .platform a.jsios{ background-position:-396px 0;}
.kjsadv .platform a.jsios:hover{ background-position:-396px -67px;}
.kjsadv .platform a.jswin8{ background-position:-468px 0;}
.kjsadv .platform a.jswin8:hover{ background-position:-468px -67px;}
.kjsadv .buttons a{ float:left; margin-right:20px; display:block; width:142px; height:50px; line-height:48px; text-align:left; padding-left:20px; color:#ffffff; font-size:18px; font-weight:bold; background:url(../images/touchpal_keyboard_dlbutton.png) no-repeat;}
.kjsadv .buttons a:hover{ background-position:-172px 0;}
.mainPan{ margin:20px auto 0;}
.mainPan .latestnews{ display:block; height:54px;}
.mainPan .latestnews h2{ float:left; display:block; height:54px; line-height:54px;font-size:24px; font-weight:bold; color:#3e8ec7;}
.mainPan .latestnews .newsBox{ display:block; float:left; width:754px; height:24px; background:url(../images/touchpal_keyboard_latesnews.png) no-repeat; padding:15px 40px; overflow:hidden;}
.mainPan .latestnews #newsArea{ height:26px; overflow:hidden;}
.mainPan .latestnews .newsBox ul{height:22px; overflow:hidden;}
.mainPan .latestnews .newsBox ul li{width:754px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.mainPan .latestnews .newsBox ul li a{ color:#666666; font-size:14px; height:24px;line-height:24px;}
.mainPan .mainCon{ display:block; margin-top:40px;}
.mainPan .mainCon .mainCol{ display:block; float:left; width:280px; height:300px; background-color:#ffffff; border:1px solid #dedede; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:10px 15px; margin-right:22px; -moz-box-shadow:0 1px 0 #dedede; -webkit-box-shadow:0 1px 0 #dedede; box-shadow:0 1px 0 #dedede;}
.mainPan .mainCon .col01 ul.colDesc li{ list-style:inside disc; line-height:18px; padding-left:10px;}
.mainPan .mainCon .col01 .colCon{ width:280px; height:200px; background:url(../images/touchpal_keyboard_keyboard.jpg) no-repeat; margin-top:10px; position:relative;}
.mainPan .mainCon .col01 .colCon a.more{position:absolute; right:0; bottom:10px;}
.mainPan .mainCon .col02 .colCon, .mainPan .mainCon .col03 .colCon{ margin-top:15px;}
.mainPan .mainCon .col02 .colCon{width:280px; height:220px;}
.mainPan .mainCon .col02 .colCon .comment{ height:220px;  padding:0 10px; overflow:hidden;}
.mainPan .mainCon .col02 .colCon .comment ul li{border-top:1px dashed #CCC; padding:10px 0; overflow:hidden;}
.mainPan .mainCon .col02 .colCon .comment p.ccontent{}
.mainPan .mainCon .col02 .colCon .comment p.cauthor{ font-size:12px; float:right; margin-top:10px; color:#999999; font-style:italic;}
.mainPan .mainCon .col03 .videoDesc{width:280px; height:50px;  text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.partnership{ float:left; width:100%; height:202px; background:url(../images/touchpal_keyboard_partners_bg.png) repeat-x; margin-top:40px;}
.ptitle{height:30px; padding:25px 0;}
.ptitle h2{color:#ffffff; font-size:24px;width:300px; float:left;}
.partnerBox{width:980px; height:83px;}
.partnerBox a.ppre, .partnerBox a.pnext{ float:left; display:block; width:32px; height:32px; background:url(../images/touchpal_keyboard_buttons.png) no-repeat; }
.partnerBox a.ppre{ margin:25px 15px 25px 0; background-position:-70px 0;}
.partnerBox a.pnext{margin:25px 0 25px 15px; background-position:-112px 0;}
.partnerBox a.ppre:hover{background-position:-70px -37px;}
.partnerBox a.pnext:hover{background-position:-112px -37px;}
.partnercon{ float:left; width:880px; height:80px;}
ul.partners{ display:block; float:left;}
ul.partners li{ display:block; float:left; width:200px; height:80px; margin:0 10px;}
.footer{ float:left; height:208px; width:100%; background:url(../images/touchpal_keyboard_footerbg.png) repeat-x; position:relative; margin-top:40px; font-size:12px;} 
.footer a.backtop{display:block; width:40px; height:41px; background:url(../images/touchpal_keyboard_buttons.png) no-repeat; background-position:-154px 0; text-indent:-9999px; overflow:hidden; position:absolute; top:-20px; right:20px;}
.footer a.backtop:hover{background-position:-154px -46px;}
.footer .social{margin:20px 0 30px;}
.footer .social h3{color:#5ea8dd; font-size:16px; font-weight:bold; font-style:italic;}
.footer .social .socialBox{margin-top:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#082941; padding:10px; overflow:hidden;}
.footer .social .socialBox a, .footer ul.sitemap li a{ color:#5ea8dd; font-weight:bold; display:block; height:40px; line-height:40px;}
.footer .social .socialBox a:hover, .footer ul.sitemap li a:hover{ color:#185f93;}
.footer .social .socialBox span.socialimg{display:block; float:left; width:30px; height:30px; margin:5px 0; background:url(../images/touchpal_keyboard_buttons.png) no-repeat; margin-right:10px;}
.footer .social .socialBox .twitter, .footer .social .socialBox .facebook, .footer .social .socialBox .mail{ margin:0 20px; width:250px; height:40px; float:left;}
.footer .social .socialBox .twitter span.twitterimg{ background-position:-204px 0;}
.footer .social .socialBox .facebook span.facebookimg{ background-position:-244px 0;}
.footer .social .socialBox .mail{width:280px;}
.footer .social .socialBox .mail span.mailimg{ background-position:-284px 0;}
.footer .social .socialBox .mail div p, .footer p.copyright{color:#5ea8dd; font-weight:bold; line-height:20px; text-align:left; }
.footer .social .socialBox .mail div p a{display:inline; height:20px; line-height:20px; font-style:italic;}
.footer ul.sitemap{height:14px; display:block; width:310px; margin:10px auto;}
.footer ul.sitemap li{ display:block; float:left; height:14px;}
.footer ul.sitemap li a{padding:0 15px; height:12px; line-height:12px; border-right:2px solid #5ea8dd;}
.footer p.copyright{ text-align:center; color:#185f93;}