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

body, p, h1, h2, h3, h4, h5, form, ul, li { padding:0; margin:0; }
body { font-family:Tahoma; font-size:13px; color:#000; font-style:normal; background:url(../images-new/bg-all.jpg) center top repeat-y; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:0; }
a, a:link, a:hover, a:visited { outline:none; }
ul, li { list-style:none; }

.cleardiv {clear:both}

.android-body {width:1000px; margin:0 auto}

#menutop_zonelogin {width:1000px; height:34px; background: url(images/bg.jpg) center repeat-x}

#head-android { width:1000px; height:100px; margin:0 auto;}
#head-android .logokapook {float:left; display:block; margin:13px 20px 0 10px}
#head-android .linkhead {float:left; display:block;  margin:13px 20px 0 10px}


.menu-android {width:1000px; background:url(images/bg-line-blue.jpg) center repeat-x; height:40px}
.menu-android ul {width:1000px; margin-left:20px}
.menu-android li {display:inline; float:left; width:93px; height:40px; z-index:2; text-align:center; font-size:12px; text-shadow:0 -1px 0 #000 ; color:#FFFFFF; position:relative; line-height:40px}
.menu-android li a {display:block; z-index:3; position:relative; top:0; left:0; width:93px; height:40px; color:#FFFFFF; font-weight:bold; border-right:1px solid #036}
.menu-android li a:hover {z-index:8; position:relative; top:-13px; left:-15px; width:120px; height:52px; color:#FFFFFF; font-weight:bold; text-decoration:none; background: url(images/menu-blue01.png) center top; text-shadow:0 -1px 1px #000; line-height:50px; border:none }

.top-hilight {width:1000px; height:315px; background:url(images/bg-tab-head.jpg) center bottom no-repeat; overflow:hidden}
.top-hilight ul {margin-top:5px}
.top-hilight li {float:left; display:inline; }
.top-hilight li.hilight-one {width:615px; height:282px; margin-left:8px}
.top-hilight li.hilight-two {width:360px; height:70px; padding:0 5px 0 5px}
.top-hilight li.hilight-two:hover { background:#ececec}
.top-hilight li.hilight-two img {float:left; display:inline; margin-right:5px}
.top-hilight li.hilight-two a { color:#333333}
.top-hilight li.hilight-two a:hover { color:#265173}

#android-news {width:1000px; height:520px; position:relative}
#android-news h3 {background:url(images/news_01.jpg) center top no-repeat; width:498px; height:30px; padding:6px 0 0 190px; font-size:13px; font-weight:normal}
#android-news .banner {position:absolute; top:0; right:0; width:307px; height:267px; padding:5px 0 0 5px; background:url(images/news_02.jpg) center top no-repeat}
#android-news  ul {overflow:hidden} 
#android-news  li {display:inline; float:left;  padding:10px 0 0 18px; }
#android-news  li.body-news {background:url(images/bg-big.jpg) center top no-repeat; width:214px; height:220px;}
#android-news  li.body-news a {color:#000000}
#android-news  li.body-news a:hover {text-decoration:none; color:#6d9b0c}
#android-news  li.body-news a strong {width:195px; display:block; margin-bottom:5px; color:#000000;}
#android-news  li.body-news a:hover strong {text-decoration:none; color:#6d9b0c}
#android-news  li.body-news a img {display:block; margin-bottom:5px}

#android-news  li.body-news2 {background:url(images/bg-small.jpg) center top no-repeat; width:180px; height:223px;}
#android-news  li.body-news2 a { color:#000000}
#android-news  li.body-news2 a:hover {text-decoration:none; color:#6d9b0c}
#android-news  li.body-news2 a strong {width:160px; display:block; margin-bottom:5px; color:#000000;}
#android-news  li.body-news2 a:hover strong {text-decoration:none; color:#6d9b0c}
#android-news  li.body-news2 a img {display:block; margin-bottom:5px}

#android-news .footer-news {background:url(images/news_05.jpg)  center top no-repeat; width:960px; height:21px; padding:2px 40px 0 0px; text-align:right; font-size:12px}
#android-news .footer-news a {color:#FFFFFF}
#android-news .footer-news a:hover {color:#FF9}

#android-howto {width:1000px; height:523px;}
#android-howto h3 {background:url(images/howto_01.jpg) center top no-repeat; width:775px; height:30px; padding:8px 0 0 225px; font-size:13px; font-weight:normal}
#android-howto ul { overflow:hidden} 
#android-howto li {display:inline; float:left; width:495px; height:155px }
#android-howto li.content01 a { color:#000000}
#android-howto li.content01 a:hover {text-decoration:none; color:#006699}
#android-howto li.content01 a strong {display:block; margin:10px 0; color:#000000}
#android-howto li.content01 a:hover strong {text-decoration:none; color:#006699}
#android-howto li.content01 a.bg-img { float:left; display:inline; width:225px; height:149px; padding:5px 18px 0 18px; background: url(images/bg-big2.jpg) center top no-repeat}

#android-howto .footer-howto {background:url(images/howto_05.jpg) center top no-repeat; width:960px; height:21px; padding:2px 40px 0 0px; text-align:right; font-size:12px}
#android-howto .footer-howto a {color:#FFF}
#android-howto .footer-howto a:hover{color:#FF0}

#android-app {width:1000px; height:303px;}
#android-app h3 {background:url(images/app_01.jpg) center top no-repeat; width:820px; height:30px; padding:8px 0 0 180px; font-size:13px; font-weight:normal}
#android-app ul { overflow:hidden; margin:10px 0 10px 25px} 
#android-app li {display:inline; float:left; width:133px; height:225px; padding:0 2px 0 13px; position:relative; margin-right:13px}
#android-app li a {color:#000000; font-size:11px}
#android-app li a:hover {text-decoration:none; color:#6d9b0c}
#android-app li a img {display:block;}
#android-app li a strong {display:block; padding-bottom:5px; width:120px; margin:10px 0 5px 0; color:#000000; font-size:12px}
#android-app li a:hover strong {text-decoration:none; color:#6d9b0c}
#android-app li a img.picmask { position:absolute; top:0px; left:13px;}
#android-app .footer-app {background:url(images/news_05.jpg) center top no-repeat; width:960px; height:21px; padding:2px 40px 0 0px; text-align:right; font-size:12px}
#android-app .footer-app a {color:#FFF}
#android-app .footer-app a:hover{color:#FF9}

#android-phone {width:1000px; height:313px;}
#android-phone h3 {background:url(images/phone_01.jpg) center top no-repeat; width:680px; height:30px; padding:8px 0 0 320px; font-size:13px; font-weight:normal}
#android-phone ul {overflow:hidden; margin:10px 0 0 8px} 
#android-phone li {display:inline; float:left;}
#android-phone li a {color:#000000; font-size:11px}
#android-phone li a:hover  {text-decoration:none; color:#006699}
#android-phone li.body-phone1 {width:280px; padding:10px 0 0 20px; background:url(images/pic-bg-phone.jpg) center top no-repeat}
#android-phone li.body-phone1 a img {display:block; margin-bottom:10px}
#android-phone li.body-phone1 a strong {display:block; color:#000000; font-size:12px}
#android-phone li.body-phone1 a:hover strong {text-decoration:none; color:#006699}
#android-phone li.body-phone2 {background:url(images/bg-small.jpg) center top no-repeat; width:160px; height:223px; margin:0 3px 0 5px; padding-top:10px}
#android-phone li.body-phone2 a {color:#000000}
#android-phone li.body-phone2 a:hover {text-decoration:none; color:#006699}
#android-phone li.body-phone2 a strong {width:160px; display:block; margin-bottom:5px; color:#000000;}
#android-phone li.body-phone2 a:hover strong {text-decoration:none; color:#006699}
#android-phone li.body-phone2 a img {display:block; margin-bottom:5px}
#android-phone .footer-phone {background:url(images/howto_05.jpg) center top no-repeat; width:960px; height:21px; padding:2px 40px 0 0px; text-align:right; font-size:12px}
#android-phone .footer-phone a {color:#FFF}
#android-phone .footer-phone a:hover{color:#FF0}

#all-content { float:left; display:inline; width:668px; overflow:hidden}
#all-content h2.app {width:480px; height:25px; font-weight:normal; font-size:11px; margin:10px 0 0 10px; padding:8px 0 0 175px; background:url(images/head-app.jpg) center top no-repeat}
#all-content h2.howto {width:445px; height:25px; font-weight:normal; font-size:11px; margin:10px 0 0 10px; padding:8px 0 0 210px; background:url(images/head-howto.jpg) center top no-repeat}
#all-content h2.news {width:470px; height:25px; font-weight:normal; font-size:11px; margin:10px 0 0 10px; padding:8px 0 0 185px; background:url(images/head-news.jpg) center top no-repeat}
#all-content h2.phone {width:355px; height:25px; font-weight:normal; font-size:11px; margin:10px 0 0 10px; padding:8px 0 0 300px; background:url(images/head-phone.jpg) center top no-repeat}
#all-content ul {}
#all-content>ul li { width:668px; height:170px; overflow:hidden; margin-bottom:10px; }
#all-content>ul li a {color:#000000}
#all-content>ul li a:hover {color:#36C; text-decoration:none}
#all-content>ul li a.picture-content {float:left; display:inline; background:url(images/pic-bg-phone.jpg) center top no-repeat; width:280px; height:190px; padding:10px 0 0 21px}
#all-content>ul li a.text-content span {font-size:11px; margin-top:15px; display:block}
#all-content>ul li a:hover.text-content span {color:#000000}
#all-content>ul li a.text-content h3 {display:block; font-size:14px; margin:3px 0 10px 0}
#all-content>ul li a:hover.text-content h3 { color:#003366}

.runnumber { width:500px; margin:10px auto 20px;}
.runnumber ul {}
.runnumber li {float:left ; display:block; margin:0 2px}
.runnumber li a { color:#FFF; background:#1493eb; font-size:12px; border:#036 solid 1px; padding:3px 5px; }
.runnumber li a:hover { color:#FFF; background: #036; font-size:12px; border:#036 solid 1px; padding:3px 5px;}


#right { float:left; display:inline; width:332px; overflow:hidden}
.banner-right { display:block; width:317px; height:267px; background:url(images/news_02.jpg) center top no-repeat; margin-top:10px; padding:5px 0 0 15px}


.content-hits {float:left; display:inline; width:332px; overflow:hidden}
.content-hits p { width:310px; height:43px; padding:10px 0 0 20px; background:url(images/bg-hit.jpg) center top no-repeat; color:#FFF; font-size:14px; font-weight:bold}
.content-hits ul {}
.content-hits li {width:290px; height:28px; padding:5px 20px 15px ; color:#333; background: url(images/bg-02.png) center top no-repeat; border-bottom:#CCC solid 1px;}
.content-hits li:hover { background: url(images/bg-02.png) center top no-repeat  #8ce9fb; color:#2570a8}
.content-hits li img { float:left; display:block}
.content-hits li a {color:#333333; font-weight:bold}
.content-hits li a:hover {color:#2570a8; font-weight:bold}



#width-1003 footer { width:1000px; margin:0 auto; overflow:hidden; }
#width-1003 footer>nav { overflow:hidden; position:absolute; z-index:9; }
#width-1003 footer>nav>a { color:#FFFFFF; display:inline-block; background:#000; padding:5px 30px 5px 10px; border-radius:10px 40px 0 0; }
#width-1003 footer>nav>ul { clear:both; width:100%; background:#333; }
#width-1003 footer>nav>ul li { display:inline; float:left; }
#width-1003 footer>nav>ul li a { display:block; width:100px; background:#FA0064; border-top:5px solid #FA0064; height:0px; text-align:center; font-weight:bold; color:#FFFFFF; overflow:hidden; transition:height linear .2s; -webkit-transition:height linear .2s; -moz-transition:height linear .2s; -o-transition:height linear .2s; }
#width-1003 footer>nav>ul li a span { display:block; font-size:24px; }
#width-1003 footer>nav>ul li:nth-child(2) a { background:#56CA33; border-top:5px solid #56CA33; }
#width-1003 footer>nav>ul li:nth-child(3) a { background:#FFDB0D; border-top:5px solid #FFDB0D; }
#width-1003 footer>nav>ul li:nth-child(4) a { background:#FF240E; border-top:5px solid #FF240E; }
#width-1003 footer>nav>ul li:nth-child(5) a { background:#9427CE; border-top:5px solid #9427CE; }
#width-1003 footer>nav>ul li:nth-child(6) a { background:#A8D6F0; border-top:5px solid #A8D6F0; }
#width-1003 footer>nav>ul li:nth-child(7) a { background:#3C5A98; border-top:5px solid #3C5A98; }
#width-1003 footer>nav>ul li:nth-child(8) a { background:#FFDB0D; border-top:5px solid #FFDB0D; }
#width-1003 footer>nav>ul li:nth-child(9) a { background:#FFA10D; border-top:5px solid #FFA10D; }
#width-1003 footer>nav>ul li:nth-child(10) a { background:#FEA7D1; border-top:5px solid #FEA7D1; }
#width-1003 footer>nav>ul li a:hover { text-decoration:none; height:50px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }

#width-1003 footer>section {  box-shadow:0 -50px 50px rgba(0,0,0,0.1) inset; overflow:hidden; margin-top:30px; position:relative; padding-top:10px; }
#width-1003 footer>section article.sitemap { width:300px; display:inline; float:left; margin:5px 15px 20px; min-height:185px; }
#width-1003 footer>section article.sitemap h4 { border-bottom:1px dashed #CCCCCC; padding:5px 0; }
#width-1003 footer>section article.sitemap ul { overflow:hidden; padding-top:5px; }
#width-1003 footer>section article.sitemap ul li { display:inline; float:left; width:150px; padding:2px 0 0; }
#width-1003 footer>section article.sitemap ul li a { color:#4D4D4D; display:block; padding:3px 0 0; -ms-transition:padding linear .3s; -webkit-transition:padding linear .3s; -moz-transition:padding linear .3s; -o-transition:padding linear .3s; }
#width-1003 footer>section article.sitemap ul li a:hover { background:#CCC; padding-left:10px; }
#width-1003 footer>section article.sitemap ul li a:before { content:"• ";}
#width-1003 footer>section article.service { width:670px; display:inline; float:right;  }
#width-1003 footer>section article.service h4 { display:inline; float:right; width:340px; border-bottom:1px dashed #CCCCCC; padding:5px 0; position:relative; z-index:3; }
#width-1003 footer>section article.service ul { display:inline; float:right; width:330px; overflow:hidden; margin-left:10px; padding-top:5px; }
#width-1003 footer>section article.service ul li { display:inline; float:left; width:165px; }
#width-1003 footer>section article.service ul li>a { color:#4D4D4D; display:block; padding:3px 0 3px 3px; margin-right:5px; position:relative; z-index:3; }
#width-1003 footer>section article.service ul li>a:before { content:"• ";}
#width-1003 footer>section article.service ul li>a:hover { background:#666666; color:#FFF; text-decoration:none; }
#width-1003 footer>section article.service ul li:last-child { position:absolute; bottom:0; right:0; border-radius:40px 0 0 0; border-top:3px solid #999; background:#333333; width:150px; padding-left:10px; }
#width-1003 footer>section article.service ul li:last-child>a { color:#FFFFFF; font-size:16px; display:block; line-height:16px; text-align:center; padding:4px 0; }
#width-1003 footer>section article.service ul li:last-child>a span { color:#92FF05; text-transform:uppercase; font-size:11px; }
#width-1003 footer>section article.service ul li:last-child>a:before { content:" "; }
#width-1003 footer>section article.service ul li:last-child>a:hover { background:none; }
#width-1003 footer>section article.service figure { display:inline; float:left; width:230px;  }
#width-1003 footer>section article.service ul li figure { width:670px; padding-top:10px; position:absolute; top:0; right:0px; z-index:0; visibility:hidden; display:none; background:#fff; box-shadow:0 -50px 50px rgba(0,0,0,0.1) inset; }
#width-1003 footer>section article.service ul li:hover figure { visibility:visible; display:block; }
#width-1003 footer>aside { background:#535353; box-shadow:0 -10px 20px rgba(0,0,0,0.6) inset; padding:5px 10px 2px; clear:both; }
#width-1003 footer>aside a { display:inline-block; margin-right:5px; position:relative; }
#width-1003 footer>aside a.suggest { display:inline; float:right; padding:3px 10px; border:1px solid #999; background:#999999; box-shadow:0 -12px 10px rgba(0,0,0,0.3) inset; color:#FFF; font-size:12px; border-radius:10px; margin:3px; transition:background linear .3s; -moz-transition:background linear .3s; -webkit-transition:background linear .3s; -o-transition:background linear .3s; }
#width-1003 footer>aside a.suggest:hover { text-decoration:none; color:#000; background:#84D510; border:1px solid #5F9A0B; }



@-webkit-keyframes resize
	0% { -webkit-transform:rotateY(0deg); }
	50% { -webkit-transform:rotateY(90deg); }
	100% { -webkit-transform:rotateY(180deg); }

@-moz-keyframes resize 
	0% { -moz-transform:rotateY(0deg); }
	50% { -moz-transform:rotateY(90deg); }
	100% { -moz-transform:rotateY(180deg); }


#width-1003  footer>aside a:hover img {
	-webkit-animation-name: resize;
	-webkit-animation-duration: .4s;
	-webkit-animation-iteration-count: 4;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: resize;
	-moz-animation-duration: .4s;
	-moz-animation-iteration-count: 4;
	-moz-animation-direction: alternate;
	-moz-animation-timing-function: ease-in-out;

}