/* 整體結構---------------------------------------------------- */

body{
	margin: 0;
	padding: 0;
	background:#ffffff;
	font-size:11px;
	color:#000000;
}

img {
	border:0;
}

#C1 img { float:left; }


#wrapper{
	margin: 0 auto;
	width:1000px;
}

/* 連結---------------------------------------------------- */

a{
	text-decoration: none;		/* ■使線條不會顯示在Firefox等瀏覽器上 */
}

a:link {
	background: transparent;
}

a:visited {
	background: transparent;
}

a:hover, a:active {
	background: transparent;
}

/* header區---------------------------------------------------- */

#header{
	margin:0px;
	width:1000px;
	height:190px;
}

#header .h1{
	width:1000px;
	height:190px;
	background:transparent url("imgs/header_bg.jpg") no-repeat;
}

#header .h2{
	width:1000px;
	height:190px;
	background:transparent url("imgs/header_bg2.jpg") no-repeat;
}

#header .h3{
	width:1000px;
	height:190px;
	background:transparent url("imgs/header_bg3.jpg") no-repeat;
}

#header .h4{
	width:1000px;
	height:190px;
	background:transparent url("imgs/header_bg4.jpg") no-repeat;
}

#header .top{
	position: absolute;
	top: 7px;
	width:160px;
	height:20px;
	margin:0px 0px 0px 780px;
}

#header .top a{
	display:block;
	margin:0px;
	float:left;
	width:80px;
	height:20px;
	line-height:20px;
	text-indent:16px;
	letter-spacing:2px;
	background:#fff;
	color:#E6E6E7;
}

#header .top a:hover{
	color:#ffff00;
}

#header .top a.main{
	background:transparent url("imgs/header_top.gif") no-repeat 0px 0px;
}

#header .top a.offi_main{
	background:transparent url("imgs/header_top.gif") no-repeat 0px -20px;
}

/* pagebody區---------------------------------------------------- */

#ChangeZone{
	width:600px;
	height:418px;
	}
#ChangeZone img{
	float:left;
	margin:0;
	}

#pagebody{
	margin:0px auto;
	width:860px;
}

#pagebody p.pb_header{
	width:860px;
	height:200px;
	background:transparent url("imgs/main-kiosk.jpg") no-repeat;
}

#pagebody p.pb_header a.now_download{
	margin-left:60px;
	margin-top:140px;
	float:left;
	display:block;
	width:120px;
	height:30px;
	text-indent:-9999px;
	background:transparent url("imgs/kiosk_download.gif") no-repeat 0px 0px;
}

#pagebody p.pb_header a.now_download:hover{
	background:transparent url("imgs/kiosk_download.gif") no-repeat 0px -30px;
}

#pagebody .navigation{
	display:block;
	width:200px;
	margin:20px 20px 0px 0px;
	float:left;
}

#pagebody .navigation a.main_web_down{
	display:block;
	width:200px;
	height:322px;
	text-indent:-9999px;
	background:transparent url("imgs/main_web_down.jpg") no-repeat 0px 0px;
}

#pagebody .navigation a.main_web_down:hover{
	background:transparent url("imgs/main_web_down.jpg") no-repeat -200px 0px;
}

#pagebody .navigation a.sub_web_down{
	display:block;
	margin:20px 0px;
	width:200px;
	height:150px;
	text-indent:-9999px;
	background:transparent url("imgs/sub_web_down.jpg") no-repeat 0px 0px;
}

#pagebody .navigation a.sub_web_down:hover{
	background:transparent url("imgs/sub_web_down.jpg") no-repeat 0px 0px;
}

#pagebody .navigation ul.ki_nav{
	width:200px;
	height:276px;
	background:transparent url("imgs/ki_nav.jpg") no-repeat -200px 0px;
}

#pagebody .navigation ul.ki_nav li{
	margin:0px;
}

#pagebody .navigation ul.ki_nav li a{
	display:block;
	width:200px;
	height:46px;
	text-indent:-9999px;
}

#pagebody .navigation ul.ki_nav li a.kin0:hover{
	background:transparent url("imgs/ki_nav.jpg") no-repeat 0px 0px;
}

#pagebody .navigation ul.ki_nav li a.kin1:hover{
	background:transparent url("imgs/ki_nav.jpg") no-repeat 0px -46px;
}

#pagebody .navigation ul.ki_nav li a.kin2:hover{
	background:transparent url("imgs/ki_nav.jpg") no-repeat 0px -92px;
}

#pagebody .navigation ul.ki_nav li a.kin3:hover{
	background:transparent url("imgs/ki_nav.jpg") no-repeat 0px -138px;
}

#pagebody .navigation ul.ki_nav li a.kin4:hover{
	background:transparent url("imgs/ki_nav.jpg") no-repeat 0px -184px;
}

#pagebody .navigation ul.ki_nav li a.kin5:hover{
	background:transparent url("imgs/ki_nav.jpg") no-repeat 0px -230px;
}

#pagebody .navigation ul.kii_nav{
	width:200px;
	height:230px;
	background:transparent url("imgs/kii_nav.jpg") no-repeat -200px 0px;
}

#pagebody .navigation ul.kii_nav li a{
	display:block;
	width:200px;
	height:46px;
	text-indent:-9999px;
}

#pagebody .navigation ul.kii_nav li a.kiin1:hover{
	background:transparent url("imgs/kii_nav.jpg") no-repeat 0px 0px;
}

#pagebody .navigation ul.kii_nav li a.kiin2:hover{
	background:transparent url("imgs/kii_nav.jpg") no-repeat 0px -46px;
}

#pagebody .navigation ul.kii_nav li a.kiin3:hover{
	background:transparent url("imgs/kii_nav.jpg") no-repeat 0px -92px;
}

#pagebody .navigation ul.kii_nav li a.kiin4:hover{
	background:transparent url("imgs/kii_nav.jpg") no-repeat 0px -138px;
}

#pagebody .navigation ul.kii_nav li a.kiin5:hover{
	background:transparent url("imgs/kii_nav.jpg") no-repeat 0px -184px;
}

#pagebody .navigation ul.kiii_nav{
	width:200px;
	height:230px;
	background:transparent url("imgs/kiii_nav.jpg") no-repeat -200px 0px;
}

#pagebody .navigation ul.kiii_nav li a{
	display:block;
	width:200px;
	height:46px;
	text-indent:-9999px;
}

#pagebody .navigation ul.kiii_nav li a.kiiin1:hover{
	background:transparent url("imgs/kiii_nav.jpg") no-repeat 0px 0px;
}

#pagebody .navigation ul.kiii_nav li a.kiiin2:hover{
	background:transparent url("imgs/kiii_nav.jpg") no-repeat 0px -46px;
}

#pagebody .navigation ul.kiii_nav li a.kiiin3:hover{
	background:transparent url("imgs/kiii_nav.jpg") no-repeat 0px -92px;
}

#pagebody .navigation ul.kiii_nav li a.kiiin4:hover{
	background:transparent url("imgs/kiii_nav.jpg") no-repeat 0px -138px;
}

#pagebody .navigation ul.kiii_nav li a.kiiin5:hover{
	background:transparent url("imgs/kiii_nav.jpg") no-repeat 0px -184px;
}

#pagebody .navigation ul.wak_nav{
	width:200px;
	height:138px;
	background:transparent url("imgs/wak_nav.jpg") no-repeat -200px 0px;
}

#pagebody .navigation ul.wak_nav li a{
	display:block;
	width:200px;
	height:46px;
	text-indent:-9999px;
}

#pagebody .navigation ul.wak_nav li a.wakn1:hover{
	background:transparent url("imgs/wak_nav.jpg") no-repeat 0px 0px;
}

#pagebody .navigation ul.wak_nav li a.wakn2:hover{
	background:transparent url("imgs/wak_nav.jpg") no-repeat 0px -46px;
}

#pagebody .navigation ul.wak_nav li a.wakn3:hover{
	background:transparent url("imgs/wak_nav.jpg") no-repeat 0px -92px;
}

#pagebody .content{
	overflow:hidden;
	display:block;
	width:640px;
	margin-top:20px;
	float:left;
}

#pagebody .content strong.title{
	color:#B60005;
	font-size:20px;
	display:block;
	width:640px;
	height:20px;
	line-height:20px;
}

#pagebody .content .news{
	margin:0px;
	width:640px;
}

#pagebody .content .news strong.title{
	background:transparent url("imgs/content_strong.gif") no-repeat 85px 0px;
}

#pagebody .content .news p.single_news{
	margin:10px 0px;
	line-height:1.3;
	color:#595757;
}

#pagebody .content .news p.single_news2{
	font-size:13px;
	margin:10px 0px;
	line-height:1.3;
	color:#595757;
}

#pagebody .content .new_store{
	margin:20px 0px;
	width:640px;
}

#pagebody .content .new_store strong.title{
	background:transparent url("imgs/content_strong.gif") no-repeat 85px -20px;
}

#pagebody .content .new_store p{
	margin:20px 0px 0px 10px;
	background:#E6E6E7;
	padding:13px 3px;
	width:624px;
}

#pagebody .content .new_store p a{
	margin:0px 8px;
}

#pagebody .content .kiosk_chara{
	margin:20px 0px;
	width:640px;
}

#pagebody .content .kiosk_chara strong.title{
	background:transparent url("imgs/content_strong.gif") no-repeat 145px -40px;
}

#pagebody .content .kiosk_chara ul{
	margin:10px 0px;
	line-height:2;
	font-size:16px;
	color:#231815;
	font-weight:bold;
	list-style:url("imgs/kiosk_chara_ican.gif") inside;
}

#pagebody .content .how_about{
	margin:0px;
	width:640px;
}

#pagebody .content .how_about strong.title{
	background:transparent url("imgs/content_strong.gif") no-repeat 110px -60px;
}

#pagebody .content .how_about p{
	margin:12px 0px;
	line-height:2;
	color:#595757;
}

#pagebody .content .how_ins{
	margin:0px;
	margin-bottom:30px;
	width:640px;
}

#pagebody .content .how_ins strong.title{
	background:transparent url("imgs/content_strong.gif") no-repeat 175px -60px;
}

#pagebody .content .how_ins p{
	margin:12px 0px;
	line-height:2;
	color:#595757;
}

#pagebody .content .wak{
	margin:0px;
	margin-bottom:30px;
	width:640px;
}

#pagebody .content .wak strong.title{
	background:transparent url("imgs/content_strong.gif") no-repeat 235px -60px;
}

#pagebody .content .wak p{
	margin:12px 0px;
	line-height:2;
	color:#595757;
}

#pagebody .pagebody_bottom{
	clear:both;
	width:860px;
}

#pagebody .pagebody_bottom .demo_download{
	width:860px;
	height:82px;
	background:transparent url("imgs/demo_download_bg.gif") no-repeat;
}

#pagebody .pagebody_bottom .demo_download p.title{
	float:left;
	width:102px;
	height:82px;
	text-indent:-9999px;
}

#pagebody .pagebody_bottom .demo_download ul{
	float:left;
	margin-top:7px;
	width:736px;
	height:66px;
}

#pagebody .pagebody_bottom .demo_download ul a{
	color:#000000;
}

#pagebody .pagebody_bottom .demo_download ul li{
	display:inline;
}

#pagebody .pagebody_bottom .demo_download ul li p{
	float:left;
	width:184px;
	height:66px;
}

#pagebody .pagebody_bottom .demo_download ul li.dd1 p:hover{
	background:transparent url("imgs/demo_download_dd.gif") no-repeat 0px 0px;
}

#pagebody .pagebody_bottom .demo_download ul li.dd2 p:hover{
	background:transparent url("imgs/demo_download_dd.gif") no-repeat -185px 0px;
}

#pagebody .pagebody_bottom .demo_download ul li.dd3 p:hover{
	background:transparent url("imgs/demo_download_dd.gif") no-repeat -370px 0px;
}

#pagebody .pagebody_bottom .demo_download ul li.dd4 p:hover{
	background:transparent url("imgs/demo_download_dd.gif") no-repeat -555px 0px;
}

#pagebody .pagebody_bottom .demo_download ul li p a{
	margin:43px 0px 0px 10px;
	display:block;
	float:left;
	width:40px;
	height:15px;
	text-indent:-9999px;
}

#pagebody .pagebody_bottom .demo_download ul li p a.preview{
	background:transparent url("imgs/demo_download_sel.gif") no-repeat 0px 0px;
}

#pagebody .pagebody_bottom .demo_download ul li p a.preview:hover{
	background:transparent url("imgs/demo_download_sel.gif") no-repeat 0px -15px;
}

#pagebody .pagebody_bottom .demo_download ul li p a.download{
	background:transparent url("imgs/demo_download_sel.gif") no-repeat -40px 0px;
}

#pagebody .pagebody_bottom .demo_download ul li p a.download:hover{
	background:transparent url("imgs/demo_download_sel.gif") no-repeat -40px -15px;
}

/* footer區---------------------------------------------------- */

#footer{
	width:1000px;
	height:62px;
	background:#231815;
}

#footer ul.other_link{
	float:left;
	letter-spacing:1px;
	font-size:14px;
	color:#9F9FA0;
	margin:20px 0px 0px 70px;
}

#footer ul.other_link li{
	display:inline;
}

#footer ul.other_link li a{
	color:#9F9FA0;
}

#footer ul.other_link li a:hover{
	color:#eeeeee;
}

#footer p.right{
	float:left;
	color:#9F9FA0;
	margin:23px 0px 0px 10px;
}

#footer p.right a{
	color:#9F9FA0;
}

#footer p.right a:hover{
	color:#eeeeee;
}