@charset "big5";
/* CSS Document */

#add_this {
position: absolute;
width: auto;
height: 50px;
top: 13px;
right: 13px;
z-index: 2;
}


#container {position:relative; width:100%; text-align:center; border: 1px solid #f1f1f1}

#content * {text-align:left; margin:0; padding:0}

#container .content {position:relative; width:100%; height:616px; background:url(../images/theme.gif) 0 0 no-repeat}

#container .content  a{text-decoration:none}
#container .content  a:hover{text-decoration:none}
#container .content span{visibility:hidden}
#container .content a.btn_download, #container .content div.gift, #container .content img.giftphoto, #container .content div.enddate, #container .content a.btn_joindetail,
#container .content div.rp, #container .content div.rp .topmask, #container .content div.rp .bottommask ,
#slideframe, #slideframe ul.slide  li.s1 img, #slideframe ul.slide  li.s1 div.new-released, #slideframe ul.slide  li.s1 a.btn_tips,
#slideframe ul.slide  li.s2 div.device, #slideframe ul.slide  li.s2 div.devicescreen, #slideframe ul.slide  li.s2 div.devicescreenTEMP, #slideframe ul.slide  li.s2 div.tipstitle,
#slideframe ul.slide  li.s2 ul.button, #slideframe ul.slide  li.s2 a.btn_back{position:absolute; display:block;}

#container .content a.btn_download{width:308px; height:56px; left:46px; top:208px; cursor:pointer; background:url(../images/btn_download.png)}
#container .content div.gift{width:290px; height:123px; left:46px; top:308px; background:url(../images/gift.png); z-index:10}
#container .content img.giftphoto{left:80px; top:360px; z-index:1}
#container .content div.enddate{left:46px; top:564px;}
#container .content a.btn_joindetail{width:109px; height:27px; left:46px; top:565px; cursor:pointer; background:url(../images/btn_join_detail.gif)}

#container .content div.rp {width:527px; height:616px; left:465px; top:0}
#container .content div.rp .topmask, #container .content div.rp .bottommask  {width:525px; height:10px; left:0; top:0; background:url(../images/mask_top.png); z-index:10}
#container .content div.rp .bottommask  {top:606px; background:url(../images/mask_bottom.png)}


#slideframe {width:527px; height:616px; left:0; top:0; overflow:hidden; z-index:1}
#slideframe ul.slide {position:relative; left:0; top:-616px; list-style:none; margin:0; padding:0}
#slideframe ul.slide  li{position:relative; width:527px; height:616px; margin:0; padding:0; display:block}

#slideframe ul.slide  li.s1 img.showoff{left:0; top:0; margin-top:55px; z-index:1}
#slideframe ul.slide  li.s1 div.new-released{width:160px; height:112px; left:40px; top:210px; background:url(../images/new_released.png); z-index:10}
#slideframe ul.slide  li.s1 a.btn_tips{width:214px; height:76px; left:305px; top:390px; cursor:pointer; background:url(../images/btn_tips.gif); z-index:10}

#slideframe ul.slide  li.s2 div.device{width:268px; height:515px; left:0px; top:85px; background:url(../images/tips_mobiledevice.png); z-index:5}
#slideframe ul.slide  li.s2 div.devicescreen{width:206px; height:351px; left:32px; top:169px; background:url(../images/tips_p0.jpg); z-index:8}
#slideframe ul.slide  li.s2 div.tipstitle{width:270px; height:49px; left:210px; top:165px; background:url(../images/tips_title.png); z-index:2}
#slideframe ul.slide  li.s2 ul.button div.context{font-size:12px; margin:5px 0 0 32px; padding:0 0 20px 0; text-align:left; visibility:visible; display:none}
#slideframe ul.slide  li.s2 ul.button div.context ul{padding:0; margin:0; list-style:none}
#slideframe ul.slide  li.s2 ul.button div.context ul li{padding:0 0 0 7px; margin:6px 0 0 0; background:url(../images/bullet.gif) 0 7px no-repeat}
#slideframe ul.slide  li.s2 ul.button{left:207px; top:225px; z-index:10; list-style:none}
#slideframe ul.slide  li.s2 ul.button li{width:auto; height:auto; margin-top:10px}
#slideframe ul.slide  li.s2 ul.button li div.btn{width:201px; height:34px; margin-left:20px; cursor:pointer; background:url(../images/tips_tag.png) -30px 0 no-repeat; z-index:2}
#slideframe ul.slide  li.s2 ul.button li div.btn:hover{margin-left:20px; background-position:0 0}
#slideframe ul.slide  li.s2 ul.button li div.btnon{margin-left:0px; background-position:0 0;}
#slideframe ul.slide  li.s2 ul.button li.p2 div.btn{background-position:-30px -34px}
#slideframe ul.slide  li.s2 ul.button li.p2 div.btn:hover{background-position:0 -34px}
#slideframe ul.slide  li.s2 ul.button li.p2 div.btnon{background-position:0 -34px}
#slideframe ul.slide  li.s2 ul.button li.p3 div.btn{background-position:-30px -68px}
#slideframe ul.slide  li.s2 ul.button li.p3 div.btn:hover{background-position:0 -68px}
#slideframe ul.slide  li.s2 ul.button li.p3 div.btnon{background-position:0 -68px}
#slideframe ul.slide  li.s2 ul.button li.p4 div.btn{background-position:-30px -102px}
#slideframe ul.slide  li.s2 ul.button li.p4 div.btn:hover{background-position:0 -102px}
#slideframe ul.slide  li.s2 ul.button li.p4 div.btnon{background-position:0 -102px}
#slideframe ul.slide  li.s2 ul.button li.p5 div.btn{background-position:-30px -136px}
#slideframe ul.slide  li.s2 ul.button li.p5 div.btn:hover{background-position:0 -136px}
#slideframe ul.slide  li.s2 ul.button li.p5 div.btnon{background-position:0 -136px}

#slideframe ul.slide  li.s2 a.btn_back{width:72px; height:27px; left:435px; top:560px; cursor:pointer; background:url(../images/tips_back.gif); z-index:10}

#download {position:relative; width:945px; padding:20px 0; display:block; border-top:1px solid #ccc; margin: 0 auto}

span.hidden {display:none;}