html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
img{ border:0;}

body{font-size:12px;}
.flotLeft{ float:left;}
.flotRight{ float:right;}
/*清除float---------------------------------------------------------------------------------------------------------------------------------------*/
.clearfloat { clear:both;height:0;font-size: 1px;line-height: 0px;}
.topHeader{ height:100px; background-color:#000000;}
/*導覽列breadcrumb---------------------------------------------------------------------------------------------------------------------------------*/
#topbreadcrumb-poi{ color:#A8A9A5; padding-top:13px; width:945px; height:20px; float:none; margin:0 auto;}
#topbreadcrumb-poi a{ color:#2C7EC2;text-decoration: none;}
#topbreadcrumb-poi a:hover{text-decoration: underline;}
/*footer*/
#footerWrapper{background-color:#FFFFFF; padding-bottom:25px; margin:50px auto 0; clear:both; }
#footerWrapper #footer{
	width: 945px;
	margin: 0 auto;
}
#footerWrapper #copyright{
	width: 945px;
	margin: 0 auto;
}

/*版面---------------------------------------------------------------------------------------------------------------------------------------*/
#topAd{
	width: 100%;
	height: 289px;
	background: url(images/bg_graph.png) repeat-x top center;
}
.top{ width:920px;height:293px; margin:0 auto; position:relative;}
#wrapper{
	margin: 0 auto;
	background: url(images/bg_gray.png) repeat-x top center;
	padding-top:100px;
}
#mainProduct{
	width: 925px;
	margin:0 auto;
	padding:0 10px;
	font-family:'微軟正黑體';
}
#mainProduct h1{ font-weight:bold; font-size:18px; color:black;	font-weight:bold; line-height:28px;}
#mainProduct b.icon01,#mainProduct b.icon02,#mainProduct b.icon03,#mainProduct b.icon04,#mainProduct b.icon05,#mainProduct b.icon06,#mainProduct b.icon07,#mainProduct b.icon08,#mainProduct b.icon09{width:60px; height:60px; display:block; margin-right:5px;margin-bottom:35px;}
#mainProduct b.icon01{background:url(images/icon.png) 0 0 no-repeat}
#mainProduct b.icon02{background:url(images/icon.png) 0 -60px no-repeat}
#mainProduct b.icon03{background:url(images/icon.png) 0 -120px no-repeat}
#mainProduct b.icon04{background:url(images/icon.png) 0 -180px no-repeat}
#mainProduct b.icon05{background:url(images/icon.png) 0 -240px no-repeat}
#mainProduct b.icon06{background:url(images/icon.png) 0 -300px no-repeat}
#mainProduct b.icon07{background:url(images/icon.png) 0 -360px no-repeat}
#mainProduct b.icon08{background:url(images/icon.png) 0 -420px no-repeat}
#mainProduct b.icon09{background:url(images/icon.png) 0 -480px no-repeat}

#mainProduct p{margin:0 8px 0 0; font-size:12px; color:#555;}
.w305{width:305px;}
.marginRight5{margin-right:5px;}
.marginbtm35{margin-bottom:35px;}
.extra{overflow:hidden;}
#help{clear:both;height:136px;margin:10px 0; background:url(images/help_bg.png) no-repeat; padding:30px; overflow:hidden}

/*Extra---------------------------------------------------------------------------------------------------------------------------------------*/
.extra h2{ background:url(images/extra_title.png) no-repeat; line-height:17px; text-indent:-9999px;margin-bottom:20px}


/*安裝說明---------------------------------------------------------------------------------------------------------------------------------------*/
.description{ float:left; width:200px; margin:0 40px 0 20px;}
.description h2{ font-size:22px; margin-bottom:10px; font-weight:bold; color:#000000;}
.description p{ color:#333; margin-bottom:10px; letter-spacing:.1em;}
.movie { width:207px; float:left;}
.movie p{ text-align:center;margin:0 6px;width:207px;}
.movie img{ margin:0 6px;}
#help .hellpBtn{ float:right;height:100px; padding:45px 20px 0 40px;border-left:1px solid #afafaf;}

/*景點書長書架---------------------------------------------------------------------------------------------------------------------------------------*/
.extra .shelfListLarge{ background:url(images/shelf_large.png) repeat-y 0 0;position: relative;width: 852px;height: 157px;margin: 120px auto 0;}
.extra .shelfListLarge .extraLeft{position:absolute;left: 36px;top: -106px;}
.extra .shelfListLarge .extraRight{position:absolute;left: 430px;top: -106px;}
.extraDate{ display:block; width:114px; height:19px; position:absolute; top: -26px;left: 137px; background:url(images/date_bg.png) no-repeat; line-height:19px; color:#FFFFFF;text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;-webkit-text-size-adjust:none;}

.shelfListLarge .iconNew{ position:absolute; top:-13px; left:338px;}


#extraWrapper{ margin-left:10px;}
#extraWrapper .banner{ width:680px; height:320px;}
#extraWrapper .banner img{ padding:0; margin:0;}
#extraWrapper .download { text-align:center; margin:20px 0 10px;}
#extraWrapper .download_help{ width:680px; height:60px; font-size:15px; font-weight:bold; color:#434343; line-height:60px; text-align:center; padding-top:6px;}

#extraWrapper .screenshot h4{ font-size:15px; font-weight:bold; margin:20px 0 5px 146px; color:#000000;}
#extraWrapper .screenshot ul{ list-style:none; width:409px; display:block; margin:0 auto; padding:0;}
#extraWrapper .screenshot ul li{}
#extraWrapper .screenshot ul li img{ padding:0; margin-bottom:5px;}


.cssbox_link a:link { text-decoration:none;}
.cssbox_link a:visited{ text-decoration:none;}
.cssbox_link a:hover {text-decoration:underline;}
.cssbox_link a:active{text-decoration:none;}