@charset "utf-8";
/* =====================================
   全域
===================================== */
body {
    font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0;
	background-color: #FFF;
}
a:hover {
  text-decoration: none;
}
a img {
	border: 0;
}
/* =====================================
   共用樣式
===================================== */
/*編輯器統一樣式*/

.edit ul{
    padding-left: 15px;
    list-style-type: disc;
}
.edit ol{
    padding-left: 15px;
    list-style-type: decimal;
}

.edit h1{
    font-size: 36px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.edit h2{
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.edit h3{
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.edit h4{
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.edit h5{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.edit strong{
    font-weight: bold;
}
.edit em{
    font-style: italic;
}
/* a - 轉場過度 */
a {
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
ul.ulset {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.ulset li {
    margin: 0;
	padding: 0;
	list-style: none;
}
/* Remove Float */
.clear { display:block; height:0; overflow:hidden; clear:both; }
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

.font1 {
	font-size: 13px;
	line-height: 24px;
	color: #333;
}
.font1 A:link {color:#444444;text-decoration:underline}
.font1 A:visited {color:#444444;text-decoration:underline}
.font1 A:hover {color:#c30e27;text-decoration:none}
.font2 {
	font-size: 13px;
	line-height: 20px;
	color: #c30e27;
}
.font2 A:link {color:#444444;text-decoration:underline}
.font2 A:visited {color:#444444;text-decoration:underline}
.font2 A:hover {color:#c30e27;text-decoration:none}
.font3 {
	font-size: 12px;
	line-height: 24px;
	color: #F00;
}
.font3 A:link {color:#999999;text-decoration:underline}
.font3 A:visited {color:#999999;text-decoration:underline}
.font3 A:hover {color:#3c8f18;text-decoration:none}
.font5 {
	font-size: 22px;
	line-height: 28px;
	color: #00a8f4;
	font-weight: bolder;
}
.font6 {
	font-size: 15px;
	line-height: 24px;
	color: #00a0e9;
	font-weight: bolder;
}
.font7 {
	font-size: 13px;
	line-height: 22px;
	color: #B9B9B9;
}
.font8 {
	font-size: 13px;
	line-height: 22px;
	color: #00a8f4;
}
.font9 {
	font-size: 13px;
	line-height: 18px;
	color: #00a8f4;
	font-weight: bold;
}
/* =====================================
   首頁
===================================== */
#wrap {
	width: 100%;
	height:100%;
}
.container {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	/*overflow: hidden;*/
}
#header {
	width: 100%;
	background-image: url(../line1.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 3px;
	height: 100px;
}
#header h1 {
	margin: 0;
	width: 180px;
	float: left;
	height: 100px;
}
#header h1 a {
	display: block;
	width: 180px;
	height: 100px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../logo.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header ul.sub{
	float:right;
	margin: 19px 15px 0 0;
	padding: 0px;
}
#header ul.sub li{
	float:left;
	font-size:13px;
	padding-left: 15px;
	padding-right: 10px;
	margin: 0px;
	line-height: 18px;
	color: #999;
	background-image: url(../icon8.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	list-style-type: none;
}
#header ul.sub li a{
	color:#9f9f9f;
	text-decoration: none;
}
#header ul.sub li a:hover{
	color:#00a0e9;
	text-decoration: underline;
}
#language_box {
	float: right;
	width: 92px;
	background-color: #FFF;
	margin-top: 15px;
	margin-right: 15px;
}
.language {
	color: #666666;
	height: 25px;
	width: 92px;
	text-decoration: none;
	background-image: url(../icon_earth.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 25px;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.language a {
	color: #666666;
	text-align: left;
	display: block;
	height: 25px;
	width: 62px;
	padding-right: 15px;
	text-decoration: none;
	line-height: 25px;
	padding-left: 15px;
	font-size: 12px;
	margin: 0px;
}
.language a:hover {
	color: #FFF;
	text-decoration: none;
	background-image: url(../icon_earth_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
li:hover #language_item {
	display: block;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dcdcdc;
	border-bottom-color: #dcdcdc;
	border-left-color: #dcdcdc;
}
#language_item {
	display: none;
	width: 90px;
	position: absolute;
	z-index: 1999;
	margin: 0px;
	padding: 0px;
	float: left;
}
#language_item li {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#language_item li a {
	letter-spacing: 0px;
	color: #666666;
	display: block;
	width: 60px;
	background-image: none;
	border-top-style: none;
	background-color: #ffffff;
	padding-top: 1px;
}
#language_item li a:hover {
	color: #FFFFFF;
	background-color: #000000 ;
}
#search_box {
	float: right;
	width: 180px;
	background-color: #e8e8e8;
	margin-top: 15px;
	height: 25px;
	margin-right: 15px;
}
.search1_l {
	float: left;
	width: 150px;
}
.search1_r {
	float: right;
	width: 23px;
	height: 23px;
	padding: 1px;
}
.search1_btn {
	width: 35px;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 24px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	background-color: #4d4d4d;
	margin: 0px;
	padding: 0px;
}
.search1_btn:hover {
	width: 35px;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 24px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	background-color: #070c9d;
	margin: 0px;
	padding: 0px;
}
.input_txt {
	WIDTH: 140px;
	HEIGHT: 20px;
	BACKGROUND-COLOR: #e8e8e8;
	font-size: 13px;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #999;
	border: 1px solid #e8e8e8;
	-webkit-box-shadow: none;
	-moz-box-shadow   : none;
	-o-box-shadow     : none;
	box-shadow        : none;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
}
.top_wrapper {
	float: left;
	width: 100%;
	height: 400px;
}
#icontent {
	float: left;
	width: 100%;
	padding-bottom: 40px;
	padding-top: 30px;
}
.menu {
	width:240px;
	float: left;
	border: 1px solid #00338e;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.menu .title {
	width:210px;
	float: left;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #00338e;
	padding-top: 8px;
	padding-bottom: 10px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background-image: url(../icon2.png);
	background-repeat: no-repeat;
	background-position: 6px 11px;
	padding-right: 5px;
	padding-left: 25px;
}
.all-sort-list {
	position:relative;
	width:235px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.all-sort-list .item {
	height:28px;
	margin: 0px;
	padding: 0px;
}
.all-sort-list .item h3 {
	height:28px;
	line-height:28px;
	font-size:13px;
	font-weight:normal;
	width:215px;
	overflow:hidden;
	background-image: url(../icon3.png);
	background-repeat: no-repeat;
	background-position: 4px 11px;
	padding-right: 5px;
	padding-left: 15px;
	margin: 0px;
}
.all-sort-list .item h3 a { color:#333;text-decoration: none;}
.all-sort-list .hover h3 {
	position:relative;
	z-index:13;
	background-color: #00338e;
	color: #FFF;
	background-image: url(../icon4.png);
	background-repeat: no-repeat;
	background-position: 4px 11px;
}
.all-sort-list .item:hover h3 a {
	color:#FFF;
}

/*.all-sort-list .item span { padding:0px 5px; color:#A40000; } 
.all-sort-list .item a { color:#000; text-decoration:none; }
.all-sort-list .item a:hover { color:#E4393C; }*/
.all-sort-list .item-list {
	display:none;
	position:absolute;
	max-width:500px;
	min-width:350px;
	min-height:150px;
	_height:150px;
	background:#FFF;
	left:240px;
	box-shadow:2px 2px 7px #666;
	border:2px solid #00338e;
	top:0px;
	z-index:10;
}
/*.all-sort-list .item-list .close { 
	position:absolute;
	width:26px;
	height:26px;
	color:#FFFFFF;
	cursor:pointer;
	top:-1px;
	right:-26px;
	font-size:20px;
	line-height:20px;
	text-align:center;
	font-family:"Microsoft Yahei";
	background:rgba(0, 0, 0, 0.6); 
	background-color:transparent\9;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr='#60000000', endColorstr='#60000000');
}*/

.item-list .subitem {
	float:left;
	width: 100%;
}
.item-list .subitem dl {
	zoom:1;
	margin: 0px;
	float: left;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
}
.item-list .subitem dt {
	line-height:22px;
	font-weight:bold;
	color:#FFF;
	font-size: 18px;
	background-color: #2591d7;
	padding-top: 5px;
	padding-right: 3%;
	padding-bottom: 5px;
	padding-left: 3%;
	width: 88%;
	margin-bottom: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 0px;
	margin-right: 3%;
	margin-left: 3%;
	float: left;
	white-space: nowrap;
}
.item-list .subitem dt a {
	color:#FFF;
	text-decoration:none;
}
.item-list .subitem dd {
	float:left;
	font-size: 13px;
	line-height: 20px;
	padding-top: 2px;
	padding-right: 6%;
	padding-bottom: 2px;
	padding-left: 6%;
	width: 88%;
	margin: 0px;
}
.item-list .subitem dd a {color:#0068ab;text-decoration:none}
.item-list .subitem dd a:hover {color:#0068ab;text-decoration:underline}
.iproducts {
	float: right;
	width: 735px;
	margin-top: 30px;
}
.iproducts-b1 {
	float: left;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.iproductsrow {
	width: 175px;
	float: left;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding: 0px;
}
.iproductsrow .photo {
	float: left;
	font-size: 13px;
	color: #ff8a00;
	width: 90%;
	margin: 0px;
	line-height: 16px;
	-webkit-text-size-adjust:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
	background-image: url(../icon1.gif);
	background-repeat: no-repeat;
	background-position: 8px 5px;
}
.iproductsrow .word {
	float: left;
	width: 98%;
	margin: 0px;
	font-size: 13px;
	line-height: 18px;
	color: #444;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2%;
}
#product-ov {
	float: right;
	width: 733px;
	margin-top: 20px;
}
.itemarea {
	width:100%;
	margin-top:5px;
	margin-bottom: 5px;
	float: left;
}
.itemarea2 {
	display:block;
	width:175px;
	float:left;
	overflow:hidden;
	text-decoration:none;
	margin-right: 10px;
}
.itemarea2:last-child {
	display:block;
	width:175px;
	float:left;
	overflow:hidden;
	text-decoration:none;
	margin-right: 0px;
}
.itemarea2 ul {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	width: 100%;
}
.itemarea2 ul li {
	display:block;
	list-style:none;
	overflow:hidden;
	width:170px;
	float: left;
	padding: 0;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 2px;
}
.itemarea2 ul li.product-name {
	font-size:16px;
	line-height:20px;
	color:#444;
	font-weight:bold;
	text-align: center;
	float: left;
	padding-bottom: 5px;
	text-decoration: none;
	width: 94%;
	padding-right: 3%;
	padding-left: 3%;
}
.itemarea2:hover ul li.product-name {
	color:#0074bc;
}
.itemarea2 ul li.product-seeall {
	font-size:24px;
	line-height:24px;
	color:#d1edff;
	font-weight:bold;
	text-align: center;
	float: left;
	text-decoration: none;
	height: 125px;
	padding-top: 70px;
	letter-spacing: -1px;
}
.itemarea2 ul li.product-seeall i {
	font-size:18px;
	line-height:24px;
	color:#d1edff;
	font-weight:normal;
	text-align: center;
	float: left;
	text-decoration: none;
	font-style: normal;
	width: 100%;
}
.itemarea2:hover ul li.product-seeall,.itemarea2:hover ul li.product-seeall i { color:#fff;}
.itemarea2 ul li.product-seeall2 {
	font-size:24px;
	line-height:24px;
	color:#0074bc;
	font-weight:bold;
	text-align: center;
	float: left;
	text-decoration: none;
	height: 125px;
	padding-top: 70px;
	letter-spacing: -1px;
}
.itemarea2:hover ul li.product-seeall2 { color:#0074bc;}
.itemarea2:hover img {}
.itemarea2 ul li.product-img {
	height: 170px;
	width: 170px;
	text-align : center;
	float: left;
	padding: 0;
	/* Firefox, Chrome */
    line-height : 170px;
	white-space : nowrap;

     /* IE */
    *font-size : 163px;  /* 寬 * 0.9 = ? px */
    *font-family : Arial;
	display: block;
}
.itemarea2 ul li.product-img :after {
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}
.itemarea2 ul li.product-img img {
  vertical-align : middle;
}
.itemarea2 ul.color1 {
	background-color: #3492cc;
	float: left;
}
.itemarea2 ul.color2 {
	background-color: #888888;
	float: left;
}
.itemarea2 ul.color3 {
	background-color: #003474;
	float: left;
}
.itemarea2 ul.color4 {
	/*background-color: #c2c2c1;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c2c2c1+0,a0a0a0+100 */
background: #c2c2c1; /* Old browsers */
background: -moz-linear-gradient(top,  #c2c2c1 0%, #a0a0a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c2c1), color-stop(100%,#a0a0a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c2c2c1 0%,#a0a0a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c2c2c1 0%,#a0a0a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c2c2c1 0%,#a0a0a0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c2c2c1 0%,#a0a0a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c1', endColorstr='#a0a0a0',GradientType=0 ); /* IE6-9 */

	float: left;
}
.itemarea2 ul.color5 {
	background-color: #55565a;
	float: left;
}
.itemarea2 ul.color6 {
	background-color: #333333;
	float: left;
}
.itemarea2 ul.color7 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0074bc+0,1e5799+100 */
background: #0074bc; /* Old browsers */
background: -moz-linear-gradient(top,  #0074bc 0%, #1e5799 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0074bc), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0074bc 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0074bc 0%,#1e5799 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0074bc 0%,#1e5799 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0074bc 0%,#1e5799 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074bc', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
	float: left;
}
.itemarea2 ul.color8 {
	background-color: #f9f9f9;
	float: left;
}
.inews {
	float: right;
	width: 723px;
	padding: 4px;
	border: 1px solid #c6c6c6;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.inews .title {
	float: left;
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	color: #FFF;
	background-color: #00338e;
	width: 94%;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../icon1.gif);
	background-repeat: no-repeat;
	background-position: 19px 13px;
	padding-left: 5%;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding-right: 1%;
}
.inews .word {
	float: left;
	width: 96%;
	background-color: #00338e;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 5px;
}
.inews .word dl {
	width: 100%;
	float: left;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #3e63a9;
}
.inews .word dt {
	float: left;
	font-size: 12px;
	color: #6bdaff;
	width: 80px;
	margin: 0px;
	padding: 0px;
	line-height: 19px;
	-webkit-text-size-adjust:none;
}
.inews .word dd {
	float: right;
	width: 610px;
	margin: 0px;
	font-size: 13px;
	line-height: 19px;
	color: #fff;
	padding: 0px;
}
.inews .word dd a{
	color:#fff;
	text-decoration: none;
}
.inews .word dd a:hover{
	text-decoration:none;
	color:#1dcbea;
}

#footer {
	width: 100%;
	background-color: #00338e;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#footer h2 {
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 21px;
	color: #FFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.basic {
	float: left;
	width: 60%;
	font-size: 12px;
	line-height: 21px;
	color: #cbd0e1;
}
.basic A:link {color:#cbd0e1;text-decoration:underline}
.basic A:visited {color:#cbd0e1;text-decoration:underline}
.basic A:hover {color:#fff;text-decoration:none}
.copyright {
	float: left;
	width: 40%;
	font-size: 12px;
	line-height: 21px;
	color: #8d9ac0;
	text-align: right;
}
.copyright A:link {color:#8d9ac0;text-decoration:none}
.copyright A:visited {color:#8d9ac0;text-decoration:none}
.copyright A:hover {color:#cbd0e1;text-decoration:underline}

/* =====================================
   內頁
===================================== */
#pcontent {
	float: left;
	width: 100%;
	padding-bottom: 40px;
	padding-top: 40px;
	background-image: url(../line2.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#pcontent-right{
	float: right;
	width: 710px;
}
.quickline {
	font-size: 12px;
	line-height: 16px;
	color: #606060;
	float: left;
	width: 98%;
	text-align: right;
	padding-right: 1%;
	padding-left: 1%;
}
.quickline A:link {
	color:#b7b7b7;
	text-decoration:none
}
.quickline A:visited {
	color:#b7b7b7;
	text-decoration:none
}
.quickline A:hover {
	color:#00a0e9;
	text-decoration:underline
}
.ptitle {
	float: left;
	width: 98%;
	padding-bottom: 10px;
	font-size: 30px;
	line-height: 34px;
	font-weight: bold;
	color: #333;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.pbox1 {
	float: left;
	width: 980px;
	padding-top: 30px;
	font-size: 13px;
	line-height: 24px;
	padding-right: 10px;
	padding-left: 10px;
	min-height:400px;
}
.pword {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.pword A:link {color:#00a0e9;text-decoration:underline}
.pword A:visited {color:#00a0e9;text-decoration:underline}
.pword A:hover {color:#f39800;text-decoration:none}
/* 內頁第二層目錄樣式 */
#portfolio-filter {
	position: relative;
	list-style: none;
	float: left;
	border-radius: 4px;
	padding: 0;
	margin-top: 20px;
	margin-right: 1%;
	margin-bottom: 10px;
	margin-left: 1%;
	width: 98%;
}
#portfolio-filter li {
	float: left;
	position: relative;
	white-space: nowrap;
}
#portfolio-filter li a {
	display: block;
	position: relative;
	padding: 7px 12px;
	font-size: 13px;
	line-height: 18px;
	color: #666;
	border: 1px solid rgba(0,0,0,0.07);
	/*border-left: 1px solid rgba(0,0,0,0.07);
	border-bottom: 1px solid rgba(0,0,0,0.07);*/
}
#portfolio-filter li:first-child a {
	border-left: none;
	border-radius: 4px 0 0 4px;
	border: 1px solid rgba(0,0,0,0.07);
}
#portfolio-filter li:last-child a { border-radius: 0 4px 4px 0; }
#portfolio-filter li a:hover { color: #47b0c6; }
#portfolio-filter li.activeFilter a {
	color: #FFF !important;
	background-color: #47b0c6;
	font-size: 15px;
	padding: 7px 12px;
}
#portfolio-filter li.activeFilter a { font-weight: bold; }
ul.profile-txt {
	background-color: #e8e8e8;
	float: left;
	width: 98%;
	padding-top: 15px;
	padding-right: 1%;
	padding-bottom: 15px;
	padding-left: 1%;
	margin: 0px;
}
ul.profile-txt li {
	float: left;
	list-style-type: none;
	width: 98%;
	background-image: url(../icon3.png);
	background-repeat: no-repeat;
	background-position: 7px 11px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2%;
}
/*頁數樣式*/	
.pagenum {
	TEXT-ALIGN: center;
	float: left;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 15px;
	font-size: 12px;
	line-height: 17px;
}
.pagenum A {
	BORDER-RIGHT: #ddd 1px solid;
	PADDING-RIGHT: 8px;
	BORDER-TOP: #ddd 1px solid;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #ddd 1px solid;
	COLOR: #999;
	MARGIN-RIGHT: 5px;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #ddd 1px solid;
	TEXT-DECORATION: none;
	background: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.pagenum A:hover {
	COLOR: #FFF;
	text-decoration: none;
	background: #0262c4;
	border: 1px solid #FFF;
}
.pagenum A:active {
	COLOR: #0262c4;
	background: #CCC;
	border: 1px solid #FFF;
}
.pagenum SPAN.current {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 3px;
	COLOR: #fff;
	MARGIN-RIGHT: 5px;
	PADDING-TOP: 3px;
	background: #0262c4;
	border: 1px solid #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pagenum SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid;
	PADDING-RIGHT: 8px;
	BORDER-TOP: #f3f3f3 1px solid;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #f3f3f3 1px solid;
	COLOR: #FFF;
	MARGIN-RIGHT: 5px;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #f3f3f3 1px solid;
	background: #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pagenum2 {
	float: left;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 15px;
	font-size: 13px;
	line-height: 17px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	text-align: center;
}
.pagenum2 A {
	PADDING-RIGHT: 30px;
	PADDING-LEFT: 30px;
	PADDING-BOTTOM: 9px;
	COLOR: #FFF;
	PADDING-TOP: 8px;
	TEXT-DECORATION: none;
	background-color: #023d79;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.pagenum2 A:hover {
	COLOR: #FFF;
	text-decoration: none;
	background-color: #019bd3;
}
.pagenum3 {
	TEXT-ALIGN: center;
	float: left;
	width: 96%;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 15px;
	padding-left: 2%;
	font-size: 12px;
	line-height: 17px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
.pagenum3 A {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 6px;
	COLOR: #FFF;
	MARGIN-RIGHT: 5px;
	PADDING-TOP: 5px;
	TEXT-DECORATION: none;
	background-color: #666;
	border: 1px solid #888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pagenum3 A:hover {
	COLOR: #FFF;
	text-decoration: none;
	border: 1px solid #FFF;
	background-color: #CD0007;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pagenum3 A:active {
	COLOR: #D7000F;
	border: 1px solid #FFF;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pagenum3 SPAN.current {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 6px;
	COLOR: #fff;
	MARGIN-RIGHT: 5px;
	PADDING-TOP: 5px;
	border: 1px solid #FFF;
	background-color: #D0020C;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pagenum3 SPAN.disabled {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 6px;
	COLOR: #9A9A9A;
	MARGIN-RIGHT: 5px;
	PADDING-TOP: 5px;
	background-color: #FFF;
	border: 1px solid #B6B6B6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* download */
#download-ov .itemarea {
	width:100%;
	margin-top:10px;
	margin-bottom: 20px;
	float: left;
}
#download-ov a {
	display:block;
	width:200px;
	float:left;
	text-decoration:none;
	padding: 10px;
	border: 1px solid #ececec;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-right: 13px;
	margin-left: 10px;
	-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;
}
#download-ov a:hover {
	float:left;
	text-decoration:none;
	border: 1px solid #00a0e9;
}
#download-ov a:hover img {}
#download-ov a ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden}
#download-ov a ul li { display:block; list-style:none; margin:0; padding:0; overflow:hidden; width:100% }
#download-ov a ul li.download-name {
	font-size:15px;
	line-height:22px;
	color:#FFF;
	font-weight:bold;
	margin-top: 7px;
	margin-bottom: 0;
	padding-right: 5%;
	padding-left: 5%;
	text-align: center;
	background-color: #47b0c6;
	width: 90%;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	float: left;
}
#download-ov a:hover ul li.download-name { background-color: #00a0e9;}
#download-ov a ul li.download-img {
	float: left;
	padding: 0;
	height: 280px;
	width: 200px;
	/* Firefox, Chrome */
	line-height : 280px;
	white-space : nowrap;
     /* IE */
    *font-size : 252px;  /* 寬 * 0.9 = ? px */
    *font-family : Arial;
	text-align: center;
	display: block;
}
#download-ov a ul li.download-img:after {
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}
#download-ov a ul li.download-img img {
  vertical-align: middle;
}

/* contact */
.contact_input {
	font-size: 13px;
	line-height: 20px;
	color: #333;
	border: 1px solid #bbbaba;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.contactline {
	background-image: url(../line18.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.contact_s {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #FFF;
	border-left: 0;
	border-bottom: 0;
	border-right: 0;
	border-top: 0;
	cursor: pointer;
}
.contactfont {
	font-size: 18px;
	line-height: 24px;
	color: #333;
	text-decoration: none;
	float: left;
	padding-bottom: 8px;
	padding-left: 25px;
	font-weight: bold;
	background-image: url(../icon3.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.contact1 {
	text-align: center;
	float: left;
	width: 100%;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C6C6C6;
}
.contact2 {
	float: left;
	width: 600px;
	padding: 0;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.contact3 {
	float: right;
	width: 320px;
	padding: 10px;
	background-color: #EEE;
	margin-top: 62px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.contact3 .google-maps {
	position: relative;
    padding-bottom: 160%;
    height: 0;
    overflow: hidden;
}
.contact3 .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.contact4 {
	background-color: #d6f2ff;
	float: left;
	width: 98%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 1%;
	padding-bottom: 5px;
	padding-left: 1%;
	margin-top: 10px;
	background-image: url(../contact-p1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.contact4 dl {
	width: 31%;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 5px;
	margin-left: 1%;
	min-height:100px;
}
.contact4 dt {
	font-size: 14px;
	line-height: 18px;
	color: #00a0e9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	background-color: #FFF;
	float: left;
	padding-top: 6px;
	padding-right: 3%;
	padding-bottom: 6px;
	padding-left: 3%;
	font-weight: bold;
	width: 94%;
	margin-bottom: 10px;
}
.contact4 dd {
	float: left;
	font-size: 13px;
	line-height: 22px;
	color: #333;
	width: 90%;
	margin: 0px;
	padding-left: 7%;
	padding-right: 3%;
	padding-top: 1px;
	background-image: url(../icon7.gif);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}
.contact4 dd A:link {color:#0749bd;text-decoration:none}
.contact4 dd A:visited {color:#0749bd;text-decoration:none}
.contact4 dd A:hover {color:#f97a00;text-decoration:underline}
.contable1 {
	width:100%;
	border:1px solid #E6E6E6;
	border-collapse:collapse;
}
.contable1 th {
	font-size: 13px;
	line-height: 24px;
	color: #333;
	visibility: visible;
	background-color: #EEEEEE;
	text-align: right;
	width: 110px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}
.contable1 td {
	vertical-align: middle;
	font-size: 13px;
	line-height: 24px;
	color: #333;
	background-color: #FFF;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}

/* news */
.news-b1 {
	float: left;
	width: 100%;
}
.news-b2 {
	float: left;
	width: 98%;
	padding-bottom: 30px;
	padding-top: 30px;
	padding-right: 1%;
	padding-left: 1%;
}
.news-b3 {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #95DDFF;
	background-color: #E1F5FF;
	padding-top: 10px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.news-b3 .title {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	color: #333;
	float: left;
	width: 98%;
	visibility: visible;
	padding-left: 2%;
	padding-top: 4px;
}
.news-b3 .data {
	font-size: 13px;
	line-height: 24px;
	color: #47baef;
	float: left;
	width: 98%;
	visibility: visible;
	background-image: url(../line8.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 2%;
}
.news-b4 {
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	background-color: #e8e8e8;
	float: left;
	width: 96%;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 2%;
	padding-left: 2%;
}
.news-b4 A:link {color:#064382;text-decoration:none}
.news-b4 A:visited {color:#064382;text-decoration:none}
.news-b4 A:hover {color:#ffa700;text-decoration:underline}
.news-w1 {
	float: left;
	width: 100%;
	padding-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding-bottom: 15px;
}
/*.news-w1:hover {
	float: left;
	width: 100%;
	padding-top: 15px;
	background-color: #ECF9FF;
}*/
.news-w1 .photo {
	display: block;
	float: left;
	text-decoration: none;
	width: 400px;
	padding: 1px;
	text-align : center;
	min-height: 220px;
	margin: 25px 0 0 5px;
}
/*.news-w1 .photo :after {
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}
.news-w1 .photo img {
  vertical-align : middle;
}*/

.news-w1 dl {
	margin: 0px;
	padding-left: 20px;
	float: left;
	width: 550px;
	display: block;
	min-height:120px;
}
.news-w1 dt {
	float: left;
	font-size: 24px;
	color: #333;
	line-height: 28px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	padding-bottom: 7px;
	padding-top: 2px;
}
.news-w1 dt a {
	color:#333;
	text-decoration:none
}
.news-w1 dt a:hover {
	color:#0B92D6;
	text-decoration: underline;
}
.news-w1 dd {
	float: left;
	font-size: 13px;
	line-height: 22px;
	color: #666;
	margin: 0px;
	padding-top: 3px;
	width: 100%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.news-w1 dd.date1 {
	float: left;
	margin: 0px;
	font-size: 13px;
	line-height: 20px;
	color: #00a0e9;
	padding: 0px;
}
.news-w1:hover dt a {
	color:#0B92D6;
}
.rightpic {
	float: right;
	margin-left: 40px;
	margin-bottom: 30px;
}

/*service*/
ul.service-w1 {
	padding: 0;
	font-size: 13px;
	line-height: 18px;
	list-style: none;
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e1e1e1;
}
ul.service-w1 li {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #e1e1e1;
}
ul.service-w1 li A:link {color:#00a0e9;text-decoration:underline}
ul.service-w1 li A:visited {color:#00a0e9;text-decoration:underline}
ul.service-w1 li A:hover {color:#f39800;text-decoration:none}
ul.service-w2 {
	padding: 0;
	font-size: 13px;
	line-height: 18px;
	list-style: none;
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e1e1e1;
}
ul.service-w2 .title {
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	color: #00479d;
	background-image: url(../icon11.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 18px;
}
ul.service-w2 li {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #e1e1e1;
}
ul.service-w2 li A:link {color:#00a0e9;text-decoration:underline}
ul.service-w2 li A:visited {color:#00a0e9;text-decoration:underline}
ul.service-w2 li A:hover {color:#f39800;text-decoration:none}
.service-b1 {
	padding: 0;
	font-size: 13px;
	line-height: 18px;
	list-style: none;
	float: left;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
.service-b1 table {
	width: 100%;
	border-collapse: collapse;
}
.service-b1 th {
	text-align: center;
	visibility: visible;
	font-size: 13px;
	line-height: 18px;
	color: #005fa9;
	background-color: #d6f2ff;
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #AAE3FF;
}
/*.service-b1 thead {
	text-align: center;
	visibility: visible;
	border: 1px solid #DEDEDE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #666;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.service-b1 thead tr:hover td{background-color: #666;}*/
.service-b1 tr td {
	border: 1px solid #AAE3FF;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}
/*.service-b1 tr:hover td {
	background-color: #E8F9EB;
	border: 1px solid #DEDEDE;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.service-b1 .headerrow1{
	background-color:#FFFFFF;
	border: 1px solid #DEDEDE;
}
.service-b1 .headerrow2{
	background-color:#F6F6F6;
	border: 1px solid #DEDEDE;
}*/
.service-b2 {
	padding: 0;
	float: left;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
.service-b2 A:link {color:#00a0e9;text-decoration:underline}
.service-b2 A:visited {color:#00a0e9;text-decoration:underline}
.service-b2 A:hover {color:#f39800;text-decoration:none}
.service-b2 .title {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	float: left;
	color: #00479d;
	background-image: url(../icon11.gif);
	background-repeat: no-repeat;
	background-position: 8px 9px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 3%;
	background-color: #d6f2ff;
	width: 97%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.service-b3 {
	padding: 0;
	float: left;
	width: 100%;
	margin: 0;
}
.service-b3 A:link {color:#00a0e9;text-decoration:underline}
.service-b3 A:visited {color:#00a0e9;text-decoration:underline}
.service-b3 A:hover {color:#f39800;text-decoration:none}
.service-b3 .title {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	float: left;
	color: #00479d;
	background-image: url(../icon11.gif);
	background-repeat: no-repeat;
	background-position: 8px 9px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 3%;
	width: 97%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.service-b3 .title1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	background-color: #00338e;
	margin: 0;
}
.service-b3 .title2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	background-color: #666;
	margin: 0;
}
.service-b31 {
	padding: 0;
	float: left;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
.service-b4 {
	padding: 0;
	font-size: 13px;
	line-height: 18px;
	list-style: none;
	float: left;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
.service-b4 table {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #666;
}
.service-b4 table .title {
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	color: #333333;
	background-color: #FFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
.service-b4 table .title:hover {
	background-color: #FFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
.service-b4 th {
	text-align: center;
	visibility: visible;
	font-size: 15px;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #00a0e9;
	vertical-align: middle;
	border: 1px solid #DEDEDE;
	font-weight: bold;
	padding: 10px;
}
.service-b4 tr td {
	border: 1px solid #DEDEDE;
	text-align: center;
	vertical-align: middle;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.service-b4 tr:hover td {
	background-color: #d6f2ff;
	border: 1px solid #DEDEDE;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.service-b5 {
	padding: 0;
	font-size: 13px;
	line-height: 18px;
	list-style: none;
	float: left;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
.service-b5 .title {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	color: #00479d;
	background-image: url(../icon11.gif);
	background-repeat: no-repeat;
	background-position: 8px 9px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 3%;
	background-color: #d6f2ff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	float: left;
	display: block;
	width: 97%;
}

/* Products */
#container {
	list-style: none;
	float: left;
	width: 100%;
}
.product-title {
	float: left;
	width: 97%;
	padding-bottom: 7px;
	padding-left: 3%;
	font-size: 20px;
	line-height: 26px;
	color: #333;
	background-image: url(../icon3.png);
	background-repeat: no-repeat;
	background-position: 8px 11px;
}
.product-filters {
	background-color: #e4f0f9;
	float: left;
	width: 670px;
	border: 1px solid #d9e9f5;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding-top: 9px;
	padding-right: 19px;
	padding-bottom: 9px;
	padding-left: 19px;
	margin-bottom: 10px;
}
.product-filters .pageselect {
	float: left;
	width: 180px;
}
.product-filters .pageselect label {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #0076c0;
	float: left;
	width: 100%;
	padding-bottom: 1px;
}
.product-filters .word {
	float: right;
	width: 330px;
	font-size: 13px;
	line-height: 24px;
	color: #333;
	padding-top: 22px;
}
.list-style-buttons {
	float: left;
	width: 150px;
}
.list-style-buttons p {
	right: 0;
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #0076c0;
	width: 100%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
	line-height: 17px;
}
.list-style-buttons a {
	right: 0;
	float: left;
	display: block;
	text-align: center;
	margin-right: 15px;
}
.list-style-buttons a i {
	right: 0;
	display: block;
	font-style: normal;
	color: #278bca;
	line-height: 17px;
	font-size: 12px;
	padding-left: 3px;
	float: right;
}
/** list view **/
ul.list {
	list-style: none;
	width: 100%;
	padding: 0px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul.list li {
	display: block;
	padding: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	float: left;
	width: 680px;
	min-height:100px;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
ul.list li:hover {
	background-color: #eef5fa;
}
ul.list li img.thumb {  }
ul.list li a span.photo {
	float: left;
	height: 100px;
	width: 140px;
	/* Firefox, Chrome */
    line-height : 100px;
	white-space : nowrap;

     /* IE */
    *font-size : 90px;  /* 寬 * 0.9 = ? px */
    *font-family : Arial;
	text-align: center;
	display: block;
	margin-right: 20px;
}
ul.list li a span.photo:after {
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}
ul.list li a span.photo img {
  vertical-align : middle;
}
ul.list li img {
	max-height:100px;
	max-width:140px;
}
ul.list li a h3 { font-weight: bold; color: #333; font-size: 1.3em; line-height: 1.4em; } 
ul.list li a span.meta { color: #93989b; font-weight: normal; font-size: 1em; }
ul.list li:hover a h3 {
	color: #027dc4;
}

/** grid view **/
ul.grid {
	list-style: none;
	padding: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
}
ul.grid li {
	display: block;
	float: left;
	width: 140px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 13px;
	border: 2px solid #CCC;
	margin-right: 4px;
	margin-left: 4px;
	min-height:200px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
ul.grid li:hover {
	display: block;
	float: left;
	width: 140px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 13px;
	border: 2px solid #027dc4;
	margin-right: 4px;
	margin-left: 4px;
}
ul.grid li a span.photo {
	float: left;
	height: 100px;
	width: 140px;
	/* Firefox, Chrome */
    line-height : 100px;
	white-space : nowrap;

     /* IE */
    *font-size : 90px;  /* 寬 * 0.9 = ? px */
    *font-family : Arial;
	text-align: center;
	display: block;
}
ul.grid li a span.photo:after {
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}
ul.grid li a span.photo img {
  vertical-align : middle;
}
ul.grid li img {
	max-height:100px;
	max-width:140px;
}
ul.grid li a h3 {
	font-weight: bold;
	color: #333;
	font-size: 1.2em;
	line-height: 1.2em;
} 
ul.grid li:hover a h3 {
	color: #027dc4;
}
ul.grid li a span.meta {
	display: block;
	color: #93989b;
	font-weight: normal;
	font-size: 0.9em;
	margin-bottom: 5px;
	line-height: 1.5em;
	margin-top: 5px;
	float: left;
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

.products-b1 {
	float: left;
	width: 100%;
}
.products-b2 {
	float: left;
	width: 390px;
}
.products-b3 {
	float: left;
	width: 416px;
	border: 1px dotted #C3C3C3;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.products-b3 ul {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.products-b3 li {
	float: left;
	list-style-type: none;
	width: 76px;
	height: 76px;
	margin: 3px;
	cursor:pointer;
}
.products-b3 li a {
	float: left;
	padding: 3px;
	border: 1px solid #d9d9d9;
	height: 70px;
	width: 70px;
	/* Firefox, Chrome */
    line-height : 70px;
	white-space : nowrap;

     /* IE */
    *font-size : 63px;
    *font-family : Arial;
	text-align: center;
	display: block;
}
.products-b3 li a:hover {
	float: left;
	padding: 3px;
	border: 1px solid #555;
	height: 70px;
	width: 70px;
	/* Firefox, Chrome */
    line-height : 70px;

     /* IE */
    *font-size : 63px;
    *font-family : Arial;
	text-align: center;
	display: block;
}
.products-b3 li :after {
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}
.products-b3 li img {
  vertical-align : middle;
  max-width:70px;
  max-height:70px;
}
.products-b4 {
	float: left;
	width: 100%;
	padding-bottom: 30px;
}
.products-b5 {
	float: left;
	width: 170px;
	padding-right: 10px;
}
.products-b5:last-child {
	float: left;
	width: 170px;
	padding-right: 0px;
}
.products-b6 {
	float: left;
	width: 164px;
	border: 3px solid #EFEFEF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 4px 5px -2px rgba(0,0,0,0.2);
	-webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.products-b6:hover {
	float: left;
	width: 164px;
	border: 3px solid #2591d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 0px 0px 0px rgba(0,0,0,0.3);
}
.products-b6 .photo {
	height: 160px;
	width: 160px;
	text-align : center;
	float: left;
	padding: 2px;
	/* Firefox, Chrome */
    line-height : 160px;
	white-space : nowrap;

     /* IE */
    *font-size : 144px;  /* 寬 * 0.9 = ? px */
    *font-family : Arial;
	display: block;
}
.products-b6 .photo :after {
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}
.products-b6 .photo img {
  vertical-align : middle;
}
.products-b6 .photo:hover, .products-b6 .word:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=70);
    opacity:0.7;
}
.products-b6 .word {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #333;
	float: left;
	width: 90%;
	padding-top: 5px;
	padding-right: 5%;
	padding-bottom: 8px;
	padding-left: 5%;
	text-align: center;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #BBB;
	min-height:36px;
}
.products-b6 .word a:link {color:#333;text-decoration:none}
.products-b6 .word a:visited {color:#333;text-decoration:none}
.products-b6 .word a:hover {color:#0074bc;text-decoration:none}
.products-b6:hover .word a {
	color: #0074bc;
}
.productpicbig {
	float: left;
	padding: 20px;
	background-image: url(../products_line4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 400px;
	width: 400px;
	/* Firefox, Chrome */
	line-height : 400px;
	white-space : nowrap;

     /* IE */
    *font-size : 360px;  /* 寬 * 0.9 = ? px */
    *font-family : Arial;
	text-align: center;
	display: block;
}
.productpicbig:after {
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}
.productpicbig img {
  vertical-align: middle;
}
#product-info {
	width:250px;
	float:right;
	margin-top: 5px;
}
#product-info ul {
	width:100%;
	float:left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#product-info li { margin-bottom:6px; width:100%; float:left}
#product-info .product-number { color:#C9163A; font-size:13px; line-height:20px; display:block; float:left}
#product-info .product-name { font-size:24px; line-height:28px; font-weight: bolder; color: #027dc4;border-bottom: 1px solid #CCC;padding-bottom:10px;}
#product-info .product-word { margin:0; padding:10px 0 15px; color:#666; font-size:13px;border-bottom: 1px solid #CCC; }
#product-info .product-manual { margin:0; padding:15px 0 15px; border-bottom: 1px solid #CCC; }
#product-info li .field { display:block; float:left; width:35%; font-size:13px; font-weight:bold; color:#333; line-height:21px; overflow:hidden}
#product-info li .value { display:block; float:left; width:65%; font-size:13px; font-weight:normal; color:#000;line-height:21px;}
#product-info li .value a {
	margin: 0px;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 35px;
	background-image: url(../icon-download.png);
	background-repeat: no-repeat;
	background-position: 10px 9px;
	background-color: #999;
	color: #FFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-decoration: none;
}
#product-info li .value a:hover {
	background-color: #2bbee6;
	color: #FFF;
	text-decoration: none;
}

#product-info li.add {
	padding:0;
	width:100%;
	text-decoration:none;
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	-o-webkit-transition: background-color 0.2s;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	 }
ul#submit-btn {
	display:block;
	width:100%;
	text-align:center;
	float:left;
	margin: 0;
}
ul#submit-btn li {
	list-style:none;
	display:inline-block;
	height:34px;
	width:100%;
	line-height:32px;
	margin:5px 0;
	overflow:hidden;
	background-color:#002853;
	font-size: 14px;
}
ul#submit-btn li a {
	display:block;
	line-height:32px;
	width:100%;
	height:100%;
	background-color:#0067b0;
	overflow:hidden;
	color:#EEE;
	text-decoration:none;
	background-image: url(../line3.gif);
	background-repeat: repeat-x;
	background-position: top;
}
ul#submit-btn li a:hover {
	background-color:#0069b1;
	color: #FFF;
	background-image: url(../line4.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.fancytable1 {
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}
.fancytable1 th {
	font-size: 12px;
	line-height: 18px;
	color: #F0F0F0;
	visibility: visible;
	background-color: #666;
	border: 1px solid #CCC;
	text-align: center;
	padding: 7px;
}
.fancytable1 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: middle;
	padding: 7px;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	background-color: #FFF;
}
.fancytable2 {
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}
.fancytable2 th {
	font-size: 12px;
	line-height: 18px;
	color: #333;
	visibility: visible;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 7px;
	padding-left: 7px;
	background-color: #DDD;
	border: 1px solid #CCC;
	font-weight: bold;
	vertical-align: middle;
}
.fancytable2 td {
	vertical-align: middle;
	padding: 7px;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	background-color: #FFF;
	border: 1px solid #CCC;
}
/* 產品標籤 */
.abgne_tab {
	clear: left;
	width: 100%;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	float: left;
}
ul.tabs {
	width: 710px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	float: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00a1e9;
	padding: 0px;
}
ul.tabs li {
	float: left;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	position: relative;
	margin-bottom: -2px;
	font-size: 15px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-right: 3px;
	margin-top: 7px;
	background-color: #00a1e9;
}
ul.tabs li a {
	display: block;
	padding: 0 20px;
	color: #FFF;
	text-decoration: none;
}
ul.tabs li a:hover {
	font-size: 15px;
}
ul.tabs li.active  {
	background: #fff;
	font-size: 15px;
	font-weight: bold;
	color: #00a1e9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00a1e9;
	border-right-color: #00a1e9;
	border-bottom-color: #FFF;
	border-left-color: #00a1e9;
}
ul.tabs li.active a {
	font-size: 15px;
	color: #00a1e9;
}
ul.tabs li.active a:hover {
	font-size: 15px;
	background: #fff;
	color: #00a1e9;
}
div.tab_container {
	clear: left;
	width: 100%;
	background: #fff;
	float: left;
	margin: 0;
	padding: 0;
}
div.tab_container .tab_content {
	width: 100%;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow-x: auto;
	overflow-y: hidden;
}
.abgne_tab table { 
	width: 100%; 
	border-collapse: collapse; 
}
/*.abgne_tab tr:nth-of-type(odd) { 
	background: #eee; 
}*/
.abgne_tab th {
	background: #006699;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 7px; 
	border: 1px solid #ccc; 
}
.abgne_tab td {
	border: 1px solid #ccc;
	text-align: center;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
}
.partners-map {
	float: left;
	width: 100%;
	text-align: center;
}
.partners-all {
	background-color: #F6F6F6;
	float: left;
	width: 960px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 20px;
}
.partners-all .location {
	float: left;
	width: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	margin-top: 13px;
	margin-bottom: 13px;
}
.partners-all .location dl {
	width: 31%;
	float: left;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
	background-color: #ddf1f9;
	border: 1px solid #3899d0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding-bottom: 10px;
}
.partners-all .location dl h3 {
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #3899d0;
	text-align: center;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.partners-all .location dt {
	float: left;
	width: 92%;
	background-image: url(../icon7.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 4%;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #006fb7;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-right: 4%;
}
.partners-all .location dd {
	float: left;
	font-size: 13px;
	line-height: 22px;
	color: #333;
	width: 92%;
	margin: 0px;
	padding-left: 4%;
	padding-top: 1px;
	padding-right: 4%;
}
.partners-all .location dd A:link {color:#0099cb;text-decoration:none}
.partners-all .location dd A:visited {color:#0099cb;text-decoration:none}
.partners-all .location dd A:hover {color:#f97a00;text-decoration:underline}

/* FAQ */
#qaContent ul, #qaContent li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#qaContent {
	width: 980px;
}
#qaContent ul.accordionPart {
	margin-top: 10px;
	margin-bottom: 20px;
}
#qaContent ul.accordionPart li {
	border-bottom: solid 1px #e3e3e3;
	padding-bottom: 15px;
	margin-top: 15px;
}
#qaContent ul.accordionPart li .qa_title {
	padding-left: 38px;
	color: #333;
	cursor: pointer;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	background-image: url(../icon-q.gif);
	background-repeat: no-repeat;
	background-position: 5px 1px;
	padding-top: 2px;
	padding-bottom: 5px;
}
#qaContent ul.accordionPart li .qa_title_on {
	text-decoration: none;
	color: #09F;
}
#qaContent ul.accordionPart li .qa_content {
	padding-left: 38px;
	color: #666;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../icon-a.gif);
	background-repeat: no-repeat;
	background-position: 5px 1px;
	font-size: 14px;
}