@charset "utf-8";
/* CSS Document */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,div{font:normal 11px Verdana, Helvetica, sans-serif;color:#333;}
ul,ol{list-style:none;}
fieldset,img{border:none;}
strong{color:#1b1b1b;}
a{color:#0063b2;text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{text-decoration:none;}
.clear{clear:both;}
.clearer{clear:both;display:block;margin:0;padding:0;height:0;line-height:0px;font-size:0px;}
.fl{float:left;}
.fr{float:right;}
body{background:#fff url(images/topic-iphone-ipod-ipad/top_bg.gif) repeat-x 0 2px;}
.blank{height:10px;font-size:0;}

/*==top===================*/
.wrap{width:940px;margin:0 auto;}
#top{width:1000px;height:98px;margin:0 auto;position:relative;}
#top .logo{position:absolute;width:186px;height:38px;top:35px;left:15px;}
#top .text{position:absolute;top:30px;left:215px;background:url(images/line1.gif) no-repeat left top;color:#92a5b8;font:11px Arial, Helvetica, sans-serif;width:450px;height:30px;padding:10px 15px;line-height:14px;}
#top .text a{color:#92a5b8;font:11px Arial, Helvetica, sans-serif;}
#top .menu{position:absolute;top:30px;right:0px;width:300px;height:16px;}
a.prom,a.twitter,a.rss,a.cart{color:#666;font:11px Arial, Helvetica, sans-serif;float:left;line-height:16px;padding-right:12px;font-weight:normal;padding-left:22px;}
a.prom{background:url(images/icon_pro.gif) no-repeat left center;}
a.twitter{background:url(images/icon_twitter.gif) no-repeat left center;}
a.rss{background:url(images/icon_rss.gif) no-repeat left center;}
a.cart{background:url(images/cart.gif) no-repeat left center;}

/*==nav===================*/
#nav{width:1000px;height:40px;margin:0 auto;background:url(images/topic-iphone-ipod-ipad/nav_bg.gif) no-repeat;z-index:30;position:relative;}
#nav ul{width:720px;float:left;}
#nav ul li{float:left;text-align:center;position:relative;background:url(images/line3.gif) no-repeat right 12px;}
#nav ul li a{width:120px;height:40px;color:#fff;line-height:40px;font-size:14px;display:block; font-family:Arial;}
#nav ul li a:hover{color:#fff;background:url(images/topic-iphone-ipod-ipad/nav_bg2.gif) no-repeat left -80px;text-decoration:none;}
#nav ul li.curr,
#nav ul li.curr a:hover{background:url(images/topic-iphone-ipod-ipad/nav_bg2.gif) no-repeat 0 -40px;}

#nav ul li ul{background:#0878d2;width:140px;padding:10px 0;position:absolute;left:0px;top:40px;z-index:10px;display:none;}
#nav ul li ul li{background:none;position:relative;}
#nav ul li ul li a{line-height:26px;width:120px;height:26px;text-align:left;color:#fff;font-size:12px;display:block;padding:0 10px;background:none;font-family:Arial;}
#nav ul li ul li a:hover,
#nav ul li.curr ul li a:hover,
#nav ul li ul li:hover{color:#fff799;background:#0c69b3;}
#nav ul li ul li span{width:4px;height:7px;position:absolute;right:10px;top:10px;}

#nav ul li ul li ul{background:#0c69b3;width:440px;padding:10px 0;position:absolute;left:140px;top:-10px;z-index:10px;display:none;}
#nav ul li ul li ul li{width:200px;float:left;padding:0 10px;background:none;}
#nav ul li ul li ul li a,#nav ul li ul li ul li a:hover,#nav ul li ul li ul li:hover{background:none;}
#nav ul li ul li ul dl dt{line-height:24px;height:24px; font-weight:bold; color:#fff799; float:left;padding:0 0 0 10px;font-family:Arial;}
#nav ul li ul li ul dl dd{background:none;width:200px;display:block;}
#nav ul li ul li ul dl dd a{line-height:24px;height:24px;color:#fff;font-size:12px;padding:0 0 0 10px; float:left;width:190px;background:url(images/topic-iphone-ipod-ipad/dot_icon2.gif) no-repeat 0 10px;font-family:Arial;}
#nav ul li ul li ul dl dd a:hover,
#nav ul li.curr ul li ul dl dd a:hover,
#nav ul li ul li ul dl dd:hover{background:url(images/topic-iphone-ipod-ipad/dot_icon2.gif) no-repeat 0 10px;}

#nav .two{top:-36px;}
#nav .three{top:-62px;}
#nav .four{top:-88px;}
#nav .listbg{background:#0878d2;}
#nav .listbg li,
#nav .listbg li a,
#nav .listbg li a:hover,
#nav .listbg li.curr a:hover,
#nav .listbg li:hover{background:none;}
#nav .nobg{background:none;}
#nav .conner{width:10px;height:10px;position:absolute;left:0px;top:0px;z-index:40;}
#nav .search{float:right;width:195px;height:40px;background:url(images/topic-iphone-ipod-ipad/search_bg.gif) no-repeat left 8px;}

#nav .search .k{width:195px;padding:0 12px;float:left;padding-top:8px; height:25px;}
#nav .search .k .text{width:125px;font-size:12px;color:#bbcad7;border:0px solid #fff;float:left;margin-top:4px;}
#nav .search .k .go{width:25px;height:25px;float:right;margin:0 26px 0 5px;background:url(images/topic-iphone-ipod-ipad/go.gif) no-repeat;border:none;}

/*==banner===================*/
#ifocus{position:relative;width:1000px;height:385px;margin:0 auto;}
#ifocus_pic{position:absolute;overflow:hidden;width:1000px;height:385px;}
#ifocus_piclist{position:absolute;}
#ifocus_piclist li{width:1000px;height:385px;overflow:hidden;display:none;}
#ifocus_piclist img{width:1000px;height:385px;}

#main{width:998px;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;margin:0 auto;}
#main .box1{background:url(images/topic-iphone-ipod-ipad/box_bg1.gif) repeat-x left bottom;}
#main .box1 .tit{color:#666; font-size:14px;font-weight:bold;padding:15px 0 0 30px;}
#main .box1 .item1{background:url(images/topic-iphone-ipod-ipad/line2.gif) no-repeat right bottom;width:272px;padding:15px 30px;float:left;}
#main .box1 .item1 h2{ font-style:italic;font-size:14px; font-weight:bold;}
#main .box1 .item1 .list1,#main .box1 .item1 .list2{padding-top:10px;}
#main .box1 .item1 .list1 li a{background:url(images/dot11.gif) no-repeat 0 6px;line-height:20px;padding-left:10px;}
#main .box1 .item1 .list2 .cbox{height:25px;padding-bottom:15px;}
#main .box1 .item1 .list2 .cbox img{float:left;}
#main .box1 .item1 .list2 .cbox .text{line-height:14px;color:#666;padding-left:35px;}

#main .box2{width:430px;padding:20px 30px;}
#main .box2 .title1 h2,
#main .box2 .title2 h2,
#main .box2 .title3 h2{height:24px;line-height:24px;font-size:14px;font-weight:bold;font-style:italic;padding-left:32px;}
#main .box2 .title1 h2{background:url(images/topic-iphone-ipod-ipad/icon_paper.gif) no-repeat left center;}
#main .box2 .title2 h2{background:url(images/topic-iphone-ipod-ipad/icon_tips.gif) no-repeat left center;}
#main .box2 .title3 h2{background:url(images/topic-iphone-ipod-ipad/icon_gth.gif) no-repeat left center;}
#main .box2 .picbox1,#main .box2 .picbox2{padding-top:15px;height:66px;}
#main .box2 .picbox1 img,#main .box2 .picbox2 img{float:left;}
#main .box2 .picbox1 .text{padding-left:100px;line-height:16px;color:#666;}
#main .box2 .picbox2 .text{padding-left:170px;line-height:16px;color:#666;}
#main .box3{border-top:1px solid #ccc;padding:20px 30px;}
#main .box3 .title4 h2{background:url(images/topic-iphone-ipod-ipad/icon_mac.gif) no-repeat left center;height:27px;line-height:27px;font-size:14px;font-weight:bold;font-style:italic;padding-left:45px;}
#main .box3 .picbox3{padding-top:15px;height:66px;}
#main .box3 .picbox3 img{float:left;}
#main .box3 .picbox3 .text{padding-left:100px;line-height:16px;color:#666;}
#main .bg{background:url(images/topic-iphone-ipod-ipad/box_bg2.gif) repeat-x 0 bottom;}
.btmbg{background:url(images/topic-iphone-ipod-ipad/btmbg.gif) no-repeat;height:20px;width:1000px;margin:0 auto;}

.stretch{padding-top:15px;}
.stretch a.panel_button{background:url(images/topic-iphone-ipod-ipad/more.gif) no-repeat;width:59px;height:16px;display:block;text-indent:-9999px;float:right;cursor:pointer;margin-top:10px;}
.stretch a.active{background:url(images/topic-iphone-ipod-ipad/more2.gif) no-repeat;}
.stretch a:hover{text-decoration:none;}
.stretch .list1,.stretch .list2{display:block;}
.stretch .list2 dd{line-height:16px;color:#666;padding-bottom:8px;}
.stretch .list2 dd a{line-height:16px;}
.stretch .list2 dd a:hover{text-decoration:underline;}
.stretch .list1 li a{background:url(images/dot11.gif) no-repeat 0 6px;line-height:20px;padding-left:10px;}
.stretch .list1 li a:hover{text-decoration:underline;}
.panel{display:none;}

.tab_title{width:1000px;height:57px;background:url(images/topic-iphone-ipod-ipad/tab_title_bg.gif) repeat-x;margin:0 auto;}
.tab_title .tab{}
.tab_title .tab li{height:57px;display:inline;}
.tab_title .tab li span{background:url(images/topic-iphone-ipod-ipad/tab_bg.gif) no-repeat;width:330px;height:57px;float:left;display:block;cursor:pointer;width:330px;text-indent:-9999px;}
.tab_title .tab li.curr span{background:url(images/topic-iphone-ipod-ipad/tab_bg.gif) no-repeat;}
.tab_title .tab li .iphone{background-position:0 0;}
.tab_title .tab li .ipod{background-position:0 -57px;}
.tab_title .tab li .ipad{background-position:0 -114px;}
.tab_title .tab li.curr .iphone{background-position:0 -171px;}
.tab_title .tab li.curr .ipod{background-position:0 -228px;}
.tab_title .tab li.curr .ipad{background-position:0 -285px;}

/*==footer===================*/
#footer{width:1000px;margin:0 auto;}
#footer .link{background:url(images/link_bg.gif) no-repeat 0 10px;height:30px;padding-top:10px}
#footer .link .text{line-height:30px;padding:0 15px;color:#606c76;}
#footer .link .text a{color:#606c76;padding:0 5px;}
#footer .copyright{padding:10px;height:35px;}
#footer .copyright .left a{color:#434343;padding:0 5px;}
#footer .copyright .right{font-size:11px;color:#8195a5;}