/* CSS Document */
html{height:100%;}
body{color:#5D5B46;height:100%;}
ul{list-style-type:none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td , img{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
q:before, q:after {content:'';}
abbr, acronym {border:0;}
IFRAME {clear:both;width:900px; border: none}
/*---連結取消虛線----*/
a:focus { -moz-outline-style: none; } 
a{blr:expression(this.onFocus=this.blur());} 
/*---最外層----*/
#WRAPPER{width:900px; margin-left: auto;  margin-right: auto; position:relative; background:#000;}
/*---TOP LOGO----*/
#WRAPPER #HEADER{display: block; width:900px; height:84px;background-image: url(../all_image/top_02.jpg); position:relative;}
#WRAPPER #HEADER h1{display: block; width: 199px; height: 82px; background-image: url(../all_image/bone_logo.jpg);  text-indent: -9999px; position:absolute; top:0; left:0;}
#WRAPPER #HEADER a{text-decoration:none;font:11px/20px "Lucida Sans Unicode",Arial,sans-serif; color:#CCCCCC; letter-spacing:1px;}
#WRAPPER #HEADER a:hover{color: #FFFF00;}
#WRAPPER #HEADER h3 a{display: block;width: 150px;height: 20px; background: url(../all_image/paper.jpg) no-repeat;position:absolute;top:40px;right:20px; text-indent:30px;}
#WRAPPER #HEADER h4 a{display: block; width: 75px;height: 20px;background: url(../all_image/home.jpg) no-repeat;position:absolute;top:20px;right:20px;text-indent:24px;}
#WRAPPER #HEADER h5 a{display: block;width: 107px;height: 20px; background: url(../all_image/paper.jpg) no-repeat;position:absolute;top:40px;right:20px; text-indent:30px;}

#WRAPPER #AD {position:absolute; top:12px; right:150px;}
/*----選單----*/
.MAIN_NAV{width:900px; height:59px; color:#000000; background:#000 url(../home/head.jpg) no-repeat 0px 35px; }
.IPOD_NAV{background:#000 url(../home/head2.jpg) no-repeat 0px 35px; }
.MAIN_NAV ul{}
.MAIN_NAV li{float:left;}
.MAIN_NAV li a {display:block; height:35px; text-indent:-9999px; background-image:url(../images/global/button/nav.gif);}
.MAIN_NAV li.about a {width:92px; background-position:0 0;}
.MAIN_NAV li.about a:hover {background-position:0 -35px;}
.MAIN_NAV li.ipod a {width:78px; background-position:-92px 0;}
.MAIN_NAV li.ipod a:hover {background-position:-92px -35px;}
.MAIN_NAV li.iphone a {width:98px; background-position:-170px 0;}
.MAIN_NAV li.iphone a:hover {background-position:-170px -35px;}
.MAIN_NAV li.ipad a {width:77px; background-position:-268px 0;}
.MAIN_NAV li.ipad a:hover {background-position:-268px -35px;}
.MAIN_NAV li.flashdrive a {width:133px; background-position:-345px 0;}
.MAIN_NAV li.flashdrive a:hover {background-position:-345px -35px;}
.MAIN_NAV li.designstuff a {width:144px; background-position:-478px 0;}
.MAIN_NAV li.designstuff a:hover {background-position:-478px -35px;}
.MAIN_NAV li.accessory a {width:125px; background-position:-622px 0;}
.MAIN_NAV li.accessory a:hover {background-position:-622px -35px;}
.MAIN_NAV li.buy a {width:153px; background-position:-747px 0;}
.MAIN_NAV li.buy a:hover {background-position:-747px -35px;}

/*----左邊下面小圖----*/
.SMALLPIC {margin:0 auto;}
.SMALLPIC img {padding:10px 5px 0 5px;}
.SMALLPIC a img {opacity: .5;filter: Alpha(Opacity=50);}
.SMALLPIC a:hover img {opacity: 1;filter: Alpha(Opacity=100);}
.PHOTO{width:900px; margin:0 auto;}
.PHOTO img {opacity: .7;filter: Alpha(Opacity=70);  }
.PHOTO a:hover img {opacity: 1;filter: Alpha(Opacity=100); }


/*----內文----*/
.Dimension{font-size: 14px;color: #FFFFFF;font-weight:bold;letter-spacing:1px; }
#WRAPPER p{font-size:12px; color: #FFFFFF; font-family:Arial, Helvetica, sans-serif;line-height: 22px; letter-spacing:1px; padding-left:15px;}
#WRAPPER p a{font-size:12px;color: #FFFF00;font-family:Arial, Helvetica, sans-serif;line-height: 22px;letter-spacing:1px;text-decoration:none;}
#WRAPPER p a:hover{color: #FFFF00;text-decoration:underline;}

/*----內文.bottom{left:0px; bottom:0px; position:absolute;}----*/

/*----所有顏色----*/
.allcolor {display:block;}
.allcolor img{display:block;width:119px;height:45px;float:left;}
.allcolor ul{}
.allcolor ul:after{content:''; display:block; visibility:hidden; clear:both;}
.allcolor li{float:left; line-height:47px;}
.allcolor a:hover{background-position: left bottom; }
.allcolor a{display:block; width:30px; height:45px; text-indent:-9999px; }
.allcolor li.colorp a{ background-image:url(../2009_image/color-p.gif);}
.allcolor li.colorbk a{ background-image:url(../2009_image/color-bk.gif);}
.allcolor li.colorw a{background-image:url(../2009_image/color-w.gif);}
.allcolor li.colorBR a{ background-image:url(../2009_image/color-br.gif);}
.allcolor li.colorpu a{ background-image:url(../2009_image/color-pu.gif);}
.allcolor li.colorb a{ background-image:url(../2009_image/color-b.gif);}
.allcolor li.colordg a{ background-image:url(../2009_image/color-dg.gif);}
.allcolor li.colorgr a{ background-image:url(../2009_image/color-gr.gif);}
.allcolor li.colordp a{ background-image:url(../2009_image/color-dp.gif);}
.allcolor li.colorr a{ background-image:url(../2009_image/color-r.gif);}
.allcolor li.colorg a{ background-image:url(../2009_image/color-g.gif);}
.allcolor li.colorwbk a{ background-image:url(../2009_image/color-wbk.gif);}
.allcolor li.colordb a{ background-image:url(../2009_image/color-db.gif);}
.allcolor li.colory a{ background-image:url(../2009_image/color-y.gif);}
.allcolor li.coloro a{ background-image:url(../2009_image/color-o.gif);}
.allcolor li.colortra a{ background-image:url(../2009_image/color-tra.gif);}

.share {padding:10px 0 0 27px; font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333;}
.share ul{}
.share ul:after{content:''; display:block; visibility:hidden; clear:both;}
.share li{float:left; margin-right:2px;}

 /* 清除不正確的 float */
.clearfloat {clear:both;height:0; font-size: 1px; line-height: 0px;}