body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{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;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:norma;}q:before,q:after{content:;}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:100%;font-weight:inherit;}legend{color:#000;}
img, a, object{border:0;outline:0;}
/* clearfix*/
/* For modern browsers */
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}
.left{float:left;}
.right{float:right;}
.none{line-hgeight:0;}
a.none{width:100%;height:100%;display:block; text-indent:-9999px;}
body{background:#5298c1 url(../images/index_bg_repeat.jpg) center 0  repeat-x; background-size:2px 600px; font-family:Arial, Helvetica, 'Microsoft JhengHei', '微軟正黑體', sans-serif;}
#wrapper{width:320px; height:100%; margin:0 auto; background:url(../images/index_bg.jpg) 0 0 no-repeat; background-size:320px 600px; padding-top:15%;}
/*#index h1{width:100%; height:200px; background:url(../images/logo.png) center 0 no-repeat; background-size:180px 200px; text-indent:-9999px;}*/
#index h1{width:100%; height:165px; background:url(../images/logo.png) center 0 no-repeat; background-size:150px 167px; text-indent:-9999px;}
#index .nav{width:100%; height:120px; background:url(../images/nav.png) center 10px no-repeat; background-size:300px 120px; padding-top:10px; position:relative;}
#index .nav a{width:100px; height:120px;}
#index .nav a.mac{position:absolute; left:50px;}
#index .nav a.android{position:absolute; right:40px;}
/*#index .info{color:#fff; font-size:14px; padding:20px 35px 0 50px; line-height:21px;}*/
#index .info{color:#fff; font-size:14px; padding:20px 25px 0 30px; line-height:21px;}
#index .info h3{font-size:16px; font-weight:bold;}

@media screen and (-webkit-device-pixel-ratio:2) {
body{background-image:url(../images/index_bg_repeat@2x.jpg);}
#wrapper{background-image:url(../images/index_bg@2x.jpg);}
#index h1{background-image:url(../images/logo@2x.png);}
#index .nav{background-image:url(../images/nav@2x.png);}
}

@media screen and (-webkit-device-pixel-ratio:3){
body{background-image:url(../images/index_bg_repeat@2x.jpg);}
#wrapper{background-image:url(../images/index_bg@2x.jpg);}
#index h1{background-image:url(../images/logo@2x.png);}
#index .nav{background-image:url(../images/nav@2x.png);}
}