@charset "utf-8";
/* CSS Document */

/* CSS Mobile Reset */
html, body
{
 margin: 0;
 padding: 0;
 border: 0;
}

body
{
 font-family:Arial,  sans-serif;
 line-height:1.5;
 font-size:16px;
 background: #fff;
 color: #000;
 word-wrap: break-word;
 -webkit-text-size-adjust: none;
}

h1, h2, h3, h4, h5, h6{ font-weight: normal; }

p img { float: left; margin: 0 10px 5px 0; padding: 0; }

img { border: 0; max-width: 100%; }

table { width:auto; border-collapse: collapse;border-spacing: 0; }

div{
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;    /* Firefox, other Gecko */
     box-sizing: border-box;
}

body {
	font-family:"新細明體", Arial, Helvetica, sans-serif;
	text-align:center;
	width:100%;
	height:100%;
	overflow-x:hidden;}
#wrapper {
	max-width:px;
	min-width:320px;
	margin:0 auto;
	width:100%;
	height:100%;
	text-align:center;
	overflow-x:hidden;}
#top {
	max-width:px;
	min-width:320px;
	width:100%;
	height:63px;
	background:url(images/top_logo.jpg) no-repeat;}
#switch a {
	display:block;
	width:60px;
	height:30px;
	font-size:small;
	text-decoration:none;
	color:#000;
	border:1px #000 solid;
	line-height:30px;
	text-align:center;
	float:right;
	margin:15px 0 0 0;}
#switch a:hover {
	background:#09C;
	color:#FFF;}
#menu {
	max-width:px;
	min-width:320px;
	width:100%;
	height:45px;}
#menu .tab1 a {
	font-size:medium;
	display:block;
	background:#000;
	max-width:px;
	min-width:106px;
	height:45px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	line-height:45px;
	border-bottom:#ffae00 3px solid;}
#menu .tab1 a:hover {
	background:#ffae00;
	color:#000;}
#menu .tab2 a {
	font-size:medium;
	display:block;
	background:#000;
	max-width:px;
	min-width:108px;
	height:45px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	line-height:45px;
	border-bottom:#ffae00 3px solid;}
#menu .tab2 a:hover {
	background:#ffae00;
	color:#000;}
#menu .tab3 a {
	font-size:medium;
	display:block;
	background:#000;
	max-width:px;
	min-width:106px;
	height:45px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	line-height:45px;
	border-bottom:#ffae00 3px solid;}
#menu .tab3 a:hover {
	background:#ffae00;
	color:#000;}
#con {
	max-width:px;
	min-width:320px;
	width:100%;
	height:auto;
	text-align:center;}
#imgbg {
	min-width:320px;
	background:#FFF;
	border-bottom:1px #999 solid;
	border-top:1px #666 solid;
	margin:10px 0 0 0;
	height:auto;}
#product a {
	font-size:medium;
	display:block;
	max-width:px;
	min-width:320px;
	height:66px;
	background:url(images/p_bg1.jpg) no-repeat right;
	text-align:center;
	line-height:50px;
	text-decoration:none;
	color:#000;
	border-bottom:1px solid #999;}
#product a:hover {
	background:url(images/p_bg1.jpg) no-repeat right #fff6c8;}
#product .sys {
	font-size:small;
	color:#666;
	line-height:10px;
	margin:-10px 0 0 0;}
#menu .on {
	font-size:medium;
	display:block;
	background:#ffae00;
	max-width:px;
	min-width:106px;
	height:45px;
	color:#000;
	text-decoration:none;
	text-align:center;
	line-height:45px;
	border-bottom:#ffae00 3px solid;}
#info {
	min-width:280px;
	height:auto;
	margin:0 auto;
	text-align:center;}
#info h2 {
	font-size:medium;
	text-align:left;
	line-height:15px;
	color:#06C;
	padding:0 30px 0 30px;}
#imagegallery {
	width:167px;
	height:267px;
	position:relative;
	left:20%;
	background:#fff;
	margin:0 auto;
	margin:10px 0 0 0;
	overflow:hidden;
	text-align:center;
}
#nav a {
	display:block;
	line-height:60px;
	position:relative;
	top:120px;
	width:60px;
	background:rgba(0,0,0,0.4);
	text-align:center;
	text-decoration:none;
	font-size:21px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	border-radius: 17px;
}
#prev {
	float:left;
	margin-left:-15px;
}
#next {
	float:right;
	margin-right:-15px;
	text-shadow:#666;
}
#info p {
	text-align:left;
	font-size:medium;
	line-height:25px;
	padding:0 30px 0 30px;}
#download, #download2, #download3 {
	background:url(images/download_bg.jpg) repeat-x;
	max-width:px;
	min-width:320px;
	height:45px;}
#download a {
	display:block;
	background:url(images/download_btn.png) center no-repeat;
	min-width:320px;
	height:45px;
	text-indent:-9999px;}
#download2 a {
	display:block;
	background:url(images/download_btn2.png) center no-repeat;
	min-width:320px;
	height:45px;
	text-indent:-9999px;}
#download3 a {
	display:block;
	background:url(images/download_btn3.png) center no-repeat;
	min-width:320px;
	height:45px;
	text-indent:-9999px;}