@charset "utf-8";
/*版面外框style */
body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	background-image: url(../page_bg.jpg);
	background-repeat: repeat-x;
}
a{
	color:#595757;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
	
a:hover{
	text-decoration:none;
	color:#003466;
}
.box100{
	width: 100%;
	float: left;
}
/*文字輸入框統一樣式*/
.text_contact{
	border:1px solid #BBB;
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin-right: 3px;
	clear: right;
	margin-bottom: 5px;
	float: left;
	background-color: #EEE;
}
.text{
    border: 1px solid #BBB;
    background: #DFDFDF;
    color: #666;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    line-height: 1.5;
    margin-right: 3px;
    clear: right;
    width: 155px;
    margin-bottom: 5px;
    float: right;
    height: 26px;
    box-sizing: border-box;
}
.text02{
    border: 1px solid #BBB;
    background: #DFDFDF;
    color: #666;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    line-height: 1.5;
    margin-right: 3px;
    clear: right;
    width: 155px;
    margin-bottom: 5px;
    float: right;
    padding: 2px 5px;
    box-sizing: border-box;
}
.text03{
	border:1px solid #BBB;
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	width: 50px;
	height: 20px;
	background-color: #F6F6F6;
	margin-bottom: 5px;
}  
.text04{
	border:1px solid #BBB;
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	width: 605px;
	height: 90px;
	background-color: #F6F6F6;
} 
.text05{
	border:1px solid #BBB;
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	width: 400px;
	height: 20px;
	background-color: #F6F6F6;
} 
.textgo{
    border: 1px solid #BBB;
    color: #999;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    float: right;
    clear: right;
    background-color: #FFF;
    margin-right: 3px;
    height: 20px;
    font-weight: bold;
    padding: 2px 20px;
	  }

/* 版面layout */
#wrapper {
	width: 926px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	width: 100%;
	background: #FFF;
	float: left;
}
#logo {
	float: left;
	background: url(../logo.jpg) no-repeat;
	height: 59px;
	width: 250px;
	margin: 10px 10px 10px 20px;
}


#content {
	float: left;
	width: 98%;
	background-color: #FFF;
	background-image: url(../content_bg.jpg);
	background-repeat: no-repeat;
	padding-right: 2%;
}
#topnav {
	float: right;
	padding-top: 5px;
	padding-right: 15px;
}

#footer {
	float: left;
	width: 100%;
	border-top: 1px solid #DFDFDF;
	margin-right: auto;
	margin-left: auto;
	background-color: #003466;
	background-image: url(../footer_bg.jpg);
	background-repeat: repeat-x;
}
#footerbox {
	width: 894px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	padding-top: 13px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #dedede;
	font-weight: normal;
	margin-bottom: 20px;
	padding-left: 32px;
}

#google {
	float: left;

}
#copyright{
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: #B6B6B6;
	text-align: right;
}
#copyright A:link{
	font-size: 10px;
	color: #8E8E8E;
	font-family: Verdana, Geneva, sans-serif;
}
#copyright A:visited{
	font-size: 10px;
	color: #B6B6B6;
}
#copyright A:hover{
	font-size: 10px;
	color: #6CF;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: underline;
}
.left01 {
	float: left;
}
.right01 {
	float: right;
	padding-top: 10px;
	padding-right: 15px;
}


#indexswf {
	width: 926px;
	float: left;
	height: 288px;
	background: url(../index_flash.jpg) no-repeat;
}
/* 首頁news */
#indexnews {
	float: left;
	width: 270px;
}
#indexnews h1 {
	height: 40px;
	width: 270px;
	background: url(../index_news_title.jpg) no-repeat;
	margin-top: 10px;
}
#indexnews ul {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	visibility: visible;
	float: left;
}


#indexnews li {
	display: block;
	float: left;
	text-decoration: none;
	color:#333;
	padding-bottom: 5px;
	width: 96%;
	background: url(../dot2.jpg) no-repeat 3px 12px;
	padding-left: 12px;
	border-bottom: 1px dotted #a3a3a3;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
}

#indexnews li A:link {
	color:#333;
	text-decoration:none;
}
#indexnews li A:visited {
	color:#333;
	text-decoration:none
}
#indexnews li A:hover {
	color:#039;
	font-weight: normal;
}
/* --------------------------------------------------------------------首頁產品 */
.index_box2 {
	width: 650px;
	float: left;
	clear: none;
	padding-left: 10px;
	background-image: url(../index_02.jpg);
	padding-top: 81px;
	background-repeat: no-repeat;
	margin-left: 20px;
	height: 200px;
}
.products_box2 {
	width: 140px;
	float: left;
	padding-right: 15px;
	padding-left: 6px;
}
.products_box3 {
	float: left;
	width: 144px;
	height: 143px;
}
.products_pic1 {
	background-image: url(../index_product_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 146px;
	height: 146px;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
}
.products_word {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #666666;
	float: left;
	width: 114px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	line-height: 18px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-image: url(../index_product_04.jpg);
	font-weight: bold;
}
.products_word A:link {color:#666666;text-decoration:none}
.products_word A:visited {color:#666666;text-decoration:none}
.products_word A:hover {
	color:#06C;
	text-decoration:none
}










#indexproduct {
	float: right;
	width: 690px;
	margin-bottom: 10px;
}
.indexproduct01 {
	padding: 3px;
	border: 1px solid #CCC;
	height: 150px;
	width: 150px;
    text-align : center;
     /* Firefox, Chrome */
      line-height : 150px;
      white-space : nowrap;
     /* IE */
      *font-size : 135px;  /* 200px * 0.9 = 180px */
      *font-family : Arial;
}
.indexproduct01:after {
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}

.indexproduct01 img {
  vertical-align : middle;
}
.indexproduct02 {
	float: left;
	margin-left: 7px;
	margin-right: 7px;
	text-align: center;
	display: inline;
}
#indexproduct h1 {
	background: url(../index_pro_title.jpg) no-repeat;
	float: left;
	height: 40px;
	width: 690px;
}

/* 內頁 */


#pageswf {
	width: 100%;
	float: left;
	height: 237px;
}
#pagecontentbox {
	float: left;
	width: 97%;
	padding-right: 2%;
	padding-left: 1%;
	background-color: #FFF;
	background-image: url(../content_bg.jpg);
	background-repeat: no-repeat;
}
#pagecontent {
	float: left;
	width: 665px;
	padding-left: 5px;
}
#pagecontent h1 {
	float: left;
	height: 37px;
	width: 39%;
	padding-left: 8%;
	color: #2778A3;
	background-image: url(../pagecontent_title.jpg);
	background-repeat: no-repeat;
	background-position: 30px 8px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 38px;
	font-weight: bold;
	margin-bottom: 6px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#in_content{
	float: left;
	padding-left: 4%;
	width: 94%;
	padding-bottom: 2%;
	padding-right: 1%;
}

#search {
	background: url(../search.jpg) no-repeat;
	height: 165px;
	width: 186px;
	padding-top: 35px;
	padding-right: 17px;
	padding-left: 5px;
	float: left;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 20px;
}



#quicklink {
	float: right;
	width: 49%;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	padding-top: 2px;
	clear: right;
	padding-right: 20px;
	margin-top: 13px;
}
#quicklink A:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
}
#quicklink A:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
}

#quicklink A:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #1F5183;
}



/*---------內頁左選單*/	
#sidebarbox{
	float: right;
	width: 215px;
	margin-right: 5px;
}
#sidebarbox h1{
	height: 4px;
	width: 220px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDDFDE;
}
ul#sidebar, ul#sidebar ul {
	list-style-type:none;
	margin: 0;
	width: 100%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

ul#sidebar a {
	display: block;
	text-decoration: none;
}

ul#sidebar li {
	margin-top: 1px;
}

ul#sidebar li a {
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	background-image: url(../category_icon.jpg);
	background-repeat: no-repeat;
	background-position: 8px 14px;
	font-weight: bold;
	padding-top: 0.8em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
	width: 83%;
	margin-left: 3%;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	display: block;
}

ul#sidebar li a:hover {
	color: #3399cc;
}

ul#sidebar li ul li a {
	color: #000;
	background-color: #FFF;
	background-image: url(../category_icon02.jpg);
	padding-left: 20px;
}

ul#sidebar li ul li a:hover {
	padding-left: 20px;
	color: #2484A8;
}
#iso_pic {
	float: left;
	height: 101px;
	width: 210px;
	margin-top: 15px;
	text-align: center;
	margin-bottom: 5px;
}


.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
/*--------------------------------------------------------------------------------頁數樣式*/	
.pagenum {
	TEXT-ALIGN: center;
	float: left;
	width: 97%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 28px;
}
.pagenum A {
	BORDER-RIGHT: #ddd 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ddd 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #ddd 1px solid;
	COLOR: #999;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #ddd 1px solid;
	TEXT-DECORATION: none;
	background: #FFF;
	font-family: Verdana, Geneva, sans-serif;
}
.pagenum A:hover {
	COLOR: #FFF;
	text-decoration: none;
	background: #999;
	border: 1px solid #FFF;
}
.pagenum A:active {
	COLOR: #26789E;
	background: #CCC;
	border: 1px solid #FFF;
}
.pagenum SPAN.current {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	COLOR: #fff;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	border: 1px solid #FFF;
	background-color: #26789E;
}
.pagenum SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #f3f3f3 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #f3f3f3 1px solid;
	COLOR: #FFF;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #f3f3f3 1px solid;
	background: #CCC;
}