@charset "utf-8";
body {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg_02.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
}
.clear {
	clear: both;
}
img {
	border: 0;
}
.main {
	width: 1003px;
	margin-right: auto;
	margin-left: auto;
}


.main .header {
	background-image: url(../images/headerbg_03.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.main .header_g {
	background-image: url(../images/glow_63.png);
	background-repeat: repeat-y;
	width: 1003px;
	margin-right: auto;
	margin-left: auto;
}
.main .middleglow  {
	background-image: url(../images/topsglowbg_60.png);
	clear: both;
	height: 35px;
	width: 1003px;
}


.main .header .logo {
	display: block;
	float: left;
	margin-top: 35px;
	margin-left: 48px;
}
/* -- search -- */
.main .header .search {
	float: right;
	margin-top: 55px;
	margin-right: 29px;
}

.search form input[type=search] {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-image: url(../images/searchbar_10.jpg);
	height: 20px;
	width: 204px;
	vertical-align: middle;
}

.search input[type=button] {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-image: url(../images/searchbt_11.jpg);
	height: 20px;
	width: 80px;
	cursor: pointer;
	vertical-align: middle;
}


/* -- menu -- */
ul#topnav {
	margin: 0;
	list-style: none;
	font-size: 1.1em;
	position: relative;
	z-index: 99;
	background-image: url(../images/menubg_26.jpg);
	background-repeat: repeat-x;
	display: table;
	height: 53px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 45px;
	width: 915px;
}
.main .header .menu {
	clear: both;
	position: relative;
	bottom: 0px;
	margin-top: 30px;
}
.menu .left_mm {
	position: absolute;
	left: -20px;
	top: -11px;
}
.menu .right_mm {
	right: -20px;
	position: absolute;
	top: -11px;
}



ul#topnav li {
	margin: 0;
	padding: 0;
	float: left;
}
ul#topnav li a {
	height: 53px;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../images/menuline_28.png);
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
   *display : block;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
#topnav li a span {
	color: #6D93A9;
}


ul#topnav li:hover a, ul#topnav li a:hover {
	background-image: url(../images/menubg2_31.jpg);
	background-repeat: repeat-x;
	background-position: 5px;
}

ul#topnav li.Catalog {
	margin: 0;
	padding: 0;
	float: right;
	background-image: url(../images/c_d_bg_36.jpg);
	background-repeat: repeat-x;
}
ul#topnav li.Catalog > a {
	height: 53px;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
   *display : block;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
#topnav li.Catalog a span {
	color: #8FBF00;
}


ul#topnav li.Catalog:hover a, ul#topnav li.Catalog a:hover {
	background-image: url(../images/c_d_bg2.jpg);
	background-repeat: repeat-x;
	background-position: 5px;
	z-index:9999;
}
ul#topnav li.Catalog .sub {
	position: absolute;
	top: 53px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	background-color: #628200;
	background-repeat: repeat-x;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 10;
	padding-bottom: 10px;
	padding-left: 10;
	right: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	z-index:9999;
}
ul#topnav .Catalog .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	z-index:9999;
}
ul#topnav .Catalog .sub ul li h2 a:hover {
	color: #FFC;
}



ul#topnav li .sub {
	position: absolute;
	top: 53px;
	/*--Bottom right rounded corner--*/
	/* [disabled]-moz-border-radius-bottomright: 5px; */
	-khtml-border-radius-bottomright: 5px;
	/* [disabled]-webkit-border-bottom-right-radius: 5px; */
	/*--Bottom left rounded corner--*/
	/* [disabled]-moz-border-radius-bottomleft: 5px; */
	-khtml-border-radius-bottomleft: 5px;
	/* [disabled]-webkit-border-bottom-left-radius: 5px; */
	background-color: #E1EBEC;
	background-repeat: repeat-x;
	font-size: 12px;
	z-index: 99999;
	border-left: 1px solid #6F9ABC;
	border-bottom: 1px solid #6F9ABC;
	margin: 0px;
	padding: 0px;
	display: none;
	z-index:9999;
	/* [disabled]width: 500px; */
}
ul#topnav li .row {
	clear: both;
	width: 100%;
	margin: 0px;
	float: left;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-image: url(../images/sub_line.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	width: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	z-index:9999;
	
}
ul#topnav .Catalog .sub ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 132px;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-image: none;
	z-index:9999;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	z-index:9999;
}
ul#topnav .sub ul li h2 {
	padding: 0;
	font-size: 12px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3px;
	z-index:9999;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #000000;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/navlist_arrow.png) no-repeat 5px 12px;
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 12px;
	margin-left: 10px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 15px;
	z-index:9999;
}
ul#topnav .sub ul li a:hover {
	color: #039;
	background-position: 5px 12px;
	text-decoration: underline;
}
.main .breadcrumb {
	font-size: 12px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
	background-image: url(../images/mbc_45.jpg);
	height: 40px;
	line-height: 40px;
	padding-left: 45px;
	width: 915px;
	clear: both;
}
/* breadcrumb */
.main .breadcrumb a {
	color: #666;
	text-decoration: none;
}
.main .breadcrumb a:hover {
	color: #00549A;
}
.main .container_g .container {
	clear: both;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
.main .container_g {
	background-image: url(../images/glow_63.png);
	background-repeat: repeat-y;
	width: 1003px;
}
.main .downglow {
	background-image: url(../images/downglow_107.png);
	clear: both;
	height: 19px;
	width: 1003px;
}
.container .line {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E7E7E7;
	margin-bottom: 20px;
	clear: both;
}
.container .news {
	width: 415px;
	float: left;
	margin-left: 45px;
}
.news .n_tit {
	background-image: url(../images/news_t_80.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 29px;
	clear: both;
}
.news .n_tit h1 {
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	display: none;
}
.news .n_tit .more a{
	background-image: url(../images/more.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 29px;
	width: 62px;
	overflow: hidden;
	line-height: 100px;
}
.news ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.news ul li {
	clear: both;
	list-style-image: url(../images/list_iocn_88.png);
	font-size: 12px;
	list-style-position: inside;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 4px;
}
.news ul li span a {
	color: #333333;
	text-decoration: none;
}
.news ul li span {
	padding-left: 5px;
}

.news ul li span a:hover {
	color: #00579E;
}
.container .tabbox {
	width: 415px;
	float: right;
	margin-right: 45px;
	margin-bottom: 20px;
}


/* tab */
#abgne-block-20110111 {
	width: 416px;
	overflow:hidden;
/* [disabled]border: 1px solid #ccc; */
}

#abgne-block-20110111 a{
	text-decoration:none;
	color:#333333;
/* [disabled]border: 1px solid #ccc; */
}
#abgne-block-20110111 .info {
	display: none;
	width: 414px;
	height:220px;
	overflow:hidden;
	border-top-width: 0px;
	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: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	
	
}
#abgne-block-20110111 .on {
	display: block;
	color:#333333;
}
#abgne-block-20110111 .title {
/* [disabled]border-top: 2px solid #f6c; */
}
#abgne-block-20110111 .title ul {
	margin: 0px;
	padding: 0px;
}
#abgne-block-20110111 .info.on a img {
	
	width: 414px;

	
	/*left:138px;
	top:113px;*/
	
}

#abgne-block-20110111 .title li {
	cursor: pointer;
	float: left;
	width: 102px;
	background-color: #EFEFEF;
	list-style-type: none;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 5px 5px 0px 0px;
	border: 1px solid #CCC;
	text-align: center;
	color:#333333;
	
}
#abgne-block-20110111 .title li.on {
	background-color: #036;
	color:#FFF;
	
}

#abgne-block-20110111 .title li.on  a{
	color:#FFF;
	
}

#abgne-block-20110111 .title li.over{
	background-color: #CCC;
	color:#333333;
}


#abgne-block-20110111 .title li h3 {
	font-size: 12px;
	color: #333;
	padding-bottom: 0px;
	line-height: 24px;
	margin: 0px;
	height: 24px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#abgne-block-20110111 .title li p{
		font-size: 12px;
		color: #ccc;
}
#abgne-block-20110111 .title li.on h3, #abgne-block-20110111 .title .over h3, #abgne-block-20110111 .title li.on p, #abgne-block-20110111 .title .over p {
		color: #fff;
}

/* tab2 */
.container .tabbox2{
	width: 865px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
.tabbox2 ul.tabs {
	padding: 0;
	float: left;
	list-style: none;
	height: 39px;
	width: 100%;
	margin: 0;
}
.tabbox2 ul.tabs li {
	float: left;
	height: 38px;
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
	border-radius: 5px 5px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 0;
	margin-right: 2px;
	padding-right: 0;
	padding-left: 0;
	line-height: 38px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.tabbox2 ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 0 20px;
	outline: none;
}
.tabbox2 ul.tabs li a:hover {
	background: #ccc;
}	
.tabbox2 .tabs li.active a  {
	color: #FFF;
}
.tabbox2 .tabs li.active, .tabbox2 .tabs li.active a:hover  {
	background: #036;
	color: #FFF;
}
.tabbox2 .tab_container {
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-bottom: 30px;
}
.tabbox2 .tab_content {
	font-size: 13px;
	padding-bottom: 20px;
	padding-top: 15px;
}
.tabbox2 .tab_container table {
	height: 149px;
	width: 413px;
}

.tabbox2 .tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tabbox2 .tab_content h3 a{
	color: #254588;
}
 fieldset {
	padding: 15px;
	border: 2px double #E3E3E3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
 fieldset legend {
	font-weight: bold;
	padding: 6px;
	color: #00447D;
  }
.left-menu {
	float: left;
	font-size: 13px;
	font-weight: normal;
	margin-left: 10px;
}
.left-menu .l-title {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 18px;
	font-weight: 600;
	padding-left: 15px;
	padding-top: 25px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	width: 165px;
	margin-bottom: 10px;
}
.left-menu .l-title span {
	font-size: 12px;
	color: #00549A;
	margin-left: 2px;
}



/*left menu */
.menu_list {
	width: 180px;
}
.tt {
	background-color: #1B1D23;
	color: #FFF;
	line-height: 35px;
	padding-left: 10px;
}
.menu_head {
	cursor: pointer;
	position: relative;
	/*font-weight: bold;*/
	font-family:'微軟正黑體';
	font-size:13px;
	background-color: #013E74;
	background-image: url(../images/left.png);
	background-repeat: no-repeat;
	background-position: 160px center;
	color: #FFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 20px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003768;
	line-height: 28px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0058A8;
	border-radius: 6px;
}

.menu_down {
	cursor: pointer;
	position: relative;
	/*font-weight: bold;*/
	font-family:'微軟正黑體';
	font-size:13px;
	background-color: #013E74;
	background-image: url(../images/down.png);
	background-repeat: no-repeat;
	background-position: 160px center;
	color: #FFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 20px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003768;
	line-height: 28px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0058A8;
	border-radius: 6px;
}

.menu_body {
	/*display:none;*/
}
/*.menu_body a{
	display: block;
	color: #013E74;
	background-color: #DCE6EB;
	padding-left: 25px;
	font-family:'微軟正黑體';
	font-size:13px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6CBD6;
	line-height: 28px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F0F4F7;
	border-radius: 6px;
}
.menu_body a:hover{
	color: #FFF;
	background-color: #6997AD;
  }*/
  
.sale_menu_head {
	cursor: pointer;
	position: relative;
	/*font-weight: bold;*/
	font-family:'微軟正黑體';
	font-size:13px;
	background-color: #23c972;
	background-image: url(../images/sale_left.png);
	background-repeat: no-repeat;
	background-position: 160px center;
	color: #fff;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 20px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#168035;
	line-height: 28px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a5ffc0;
	border-radius: 6px;
	
}

.sale_menu_head  a{
	
	color: #fff;
	text-decoration:none;
}

.sale_menu_head2 {
	cursor: pointer;
	position: relative;
	/*font-weight: bold;*/
	font-family:'微軟正黑體';
	font-size:13px;
	background-color: #23c972;
	/*background-image: url(../images/sale_left.png);
	background-repeat: no-repeat;
	background-position: 160px center;*/
	text-align:left;
	text-decoration:none;
	color: #FFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #168035;
	line-height: 28px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a5ffc0;
	border-radius: 6px;
}


.sale_menu_head2 a{
	
	text-decoration:none;
	color: #FFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	
}


.sale_menu_down {
	cursor: pointer;
	position: relative;
	/*font-weight: bold;*/
	font-family:'微軟正黑體';
	font-size:13px;
	background-color:#23c972;
	background-image: url(../images/sale_down.png);
	background-repeat: no-repeat;
	background-position: 160px center;
	color: #FFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 20px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #168035;
	line-height: 28px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a5ffc0;
	border-radius: 6px;
}

.menu_list ul{
 list-style-type: none;
 margin: 0;
 padding: 0;
}

.menu_body_block li {
	/*display:none;*/
	display: block;
	
}
.menu_body_block li a{
	display: block;
	color: #013E74;
	background-color: #DCE6EB;
	/*font-weight: bold;*/
	font-family:'微軟正黑體';
	font-size:13px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6CBD6;
	line-height: 1.4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F0F4F7;
	border-radius: 6px;
	padding:5px 0px 5px 25px;
}
.menu_body_block li a:hover{
	color: #FFF;
	background-color: #6997AD;
}  
  


.sale_menu_body_block li {
	/*display:none;*/
	display: block;
}
.sale_menu_body_block li a{
	display: block;
	color: #157944;
	background-color: #defbe3;
	/*font-weight: bold;*/
	font-family:'微軟正黑體';
	font-size:13px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b0c7b4;
	line-height: 1.4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e2ffe7;
	border-radius: 6px;
	padding:5px 0px 5px 25px;
}
.sale_menu_body_block li a:hover{
	color: #fff;
	background-color: #67bc8f;
}  
  

/*left menu ed*/

/*產品右側*/
#right_box {
	width: 750px;
	float: right;
	padding-top: 25px;
	/*background-image: url(../images/main_toplinebg.jpg);*/
	background-repeat: repeat-x;
	background-position: top;
}
#right_box .back {
	width: 700px;
	text-align: right;
	padding-right: 50px;
}
#right_box .back a {
	color: #003366;
	text-decoration: none;
}
#all_list { width:750px; float:left; margin-bottom:20px;}
#all_list .title { width:750px; height:19px; margin-bottom:19px;float:left;}
#all_list .inside {
	background: url(../images/pdlist_titlebg.png) no-repeat left;
	position: relative;
}
#all_list .inside h1 {
	font-size: 16px;
	font-family: '微軟正黑體', '新明細體';
	display: inline-block;
	padding: 0 6px 0 4px;
	background-color: #fff;
	height: 19px;
	line-height: 19px;
	top: -10px;
	position: absolute;
}
#all_list .inside h1 a {
	font-size: 16px;
	font-family: '微軟正黑體', '新明細體';
	color: #333;
	text-decoration: none;
	background-image: url(../images/arrow_back.png);
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 3px 5px;
}
#all_list .inside h1 a:hover {
	color: #036;
}
/*簡介*/
#pd_top { width:750px; float:left; margin:20px 0 47px 0;}


#pd_top .pdinfo {
	width: 300px;
	float: right;
	font-size: 13px;
	margin-right: 45px;
}
.pdinfo h1 { font-size:22px; width:300px; float:left; margin-bottom:18px;font-family:'微軟正黑體', '新明細體';}

.pdinfo .pdqty {width:300px; float:left; margin-bottom:20px;}
.pdinfo .text {width:300px; float:left; line-height:22px; padding:20px 0; border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc; margin-bottom:20px;}



/*產品tabs*/
#pd_bottom {
	width: 750px;
	float: left;
	margin-bottom: 60px;
	font-size: 12px;
}
ul.tabs3{margin:0;padding:0;float:left;list-style:none;height:32px;border-bottom:1px solid #d8d8d8;width:750px;}
ul.tabs3 li, ul.tabs .pdfdl{float:left;margin-right:1px;padding:0;height:31px;line-height:31px;border:1px solid #d8d8d8;margin-bottom:-1px;background:#e9e9e9;overflow:hidden;}
ul.tabs3 li a, ul.tabs .pdfdl a {text-decoration:none;color:#000;display:block;padding:0 23px;outline:0}
ul.tabs3 li a:hover, ul.tabs .pdfdl a:hover {background:#fff}
ul.tabs3 li.active{
	background: #fff;
	border-bottom: 1px solid #fff;
	height: 34px;
	font-weight: bold;
	line-height: 34px;
	position: relative;
	top: -3px;
	border-left: 1px solid #d8d8d8;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 8px 8px 0px 0px;
}
ul.tabs3 li.active a:hover{background:#fff;border-bottom:1px solid #fff;height:34px;line-height:34px}
.tab_container{border-top:0;clear:both;float:left;width:100%}
.tab_content{line-height:21px;}
.tab_content img{float:left;margin:5px 0; width:750px;}

/*產品第一頁*/
#all_list { width:750px; float:left; margin-bottom:20px;}
#all_list .title { width:750px; height:19px; margin-bottom:19px;float:left;}
#all_list .new { background:url(../images/pdlist_title1.png) no-repeat left;}
#all_list .sale { background:url(../images/pdlist_title2.png) no-repeat left;}
#all_list .brand { background:url(../images/pdlist_title3.png) no-repeat left;}
#all_list .inside { background:url(../images/pdlist_titlebg.png) no-repeat left;}
#all_list .inside h1 { font-size:16px;font-family:'微軟正黑體', '新明細體'; display: inline-block; padding:0 6px 0 4px; background-color:#fff; height:19px; line-height:19px;}
#all_list .title img { float:right; margin-right:1px;}
#all_list .list { float:left; margin-bottom:46px;}
#all_list .list li.first { clear:both;}
#all_list .list_gen { float:left; margin-bottom:46px;}
#all_list .list ul {
	width: 750px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#all_list .list li {
	width: 235px;
	float: left;
	display: block;
	margin-right: 16px;
	margin-bottom: 24px;
	list-style-type: none;
}
#all_list .list li.last { margin:0px;}
#all_list .a li { margin-bottom:20px;}
#all_list .a { margin-bottom:25px;}
#all_list .list li .img {width:226px;height:302px;float:left;position:relative;margin-bottom:7px;overflow:hidden; z-index:0;border: 1px solid #E4E4E4;}
#all_list .list li .img img {
	width: 224px;
	/*height: 300px;*/
	
}
#all_list .list li .img .hover {
	width: 235px;
	height: 33px;
	position: absolute;
	bottom: -33px;
	left: 0px;
	z-index: 99;
	border: 1px solid #003366;
}
#all_list .list li .img .hover .line { width:1px; height:20px; background-color:#d4d4d4; float:left; margin-top:7px;}
#all_list .list li .img .hover .cart { float:left; padding:7px 47px 6px 47px;}
#all_list .list li .img .hover img.cart { width:23px; height:20px;}
#all_list .list li .img .hover .detail { float:left; padding:6px 49px 7px 49px;}
#all_list .list li .img .hover img.detail { width:19px; height:20px;}
#all_list .list li h1 { display:block; font-size:14px;font-family:'微軟正黑體', '新明細體'; line-height:20px; padding-left:3px;}
#all_list .list li h1 a {
	color: #444;
	text-decoration: none;
}
#all_list .list li h1 a:hover {
	color: #036;
}
.pdlist li.first { clear:both;}

.newproduct .p_tit {
	background-image: url(../images/product_t_92.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 29px;
	clear: both;
}
.newproduct .p_tit h1 {
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	display: none;
}

.newproduct .p_tit .more a{
	background-image: url(../images/more.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 29px;
	width: 62px;
	overflow: hidden;
	line-height: 100px;
}

.container .newproduct,.container .link,.container .contact{
	width: 865px;
	margin-right: auto;
	margin-left: auto;
}

.link .k_tit {
	background-image: url(../images/link.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 29px;
	clear: both;
}
.link .k_tit h1 {
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	display: none;
}


.link ul  {
	margin: 0px;
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 865px;
	display: table;
}
.link ul li  {
	list-style-type: none;
	float: left;
	display: table-cell;
}
.link ul li a {
	background-color: #CCC;
	border: 1px solid #CCC;
	border-radius: 10px;
	margin-right: 5px;
	height: 38px;
	width: 136px;
	display: block;
	margin-top: 5px;
}
.link ul li img {
	border-radius: 10px;
}

.contact .c_tit {
	background-repeat: no-repeat;
	background-position: left;
	height: 0px;
	clear: both;
}
.contact .c_tit h1 {
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	display: none;
}
.contact .contact_c {
	font-size: 12px;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	width: 865px;
	clear: both;
	padding-top: 8px;
	padding-bottom: 28px;
}

.contact .contact_c .d-logo {
	height: 36px;
	width: 185px;
	float: left;
}
.contact .contact_c .address {
	float: left;
	margin-left: 30px;
	line-height: 150%;
}
.contact .contact_c .email {
	float: left;
	margin-left: 30px;
	line-height: 150%;
}
.contact .contact_c .fbicon {
	float: left;
	padding-left: 20px;
}

.contact_c .fbicon img {
	display: block;
}
.main .footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	text-align: center;
	line-height: 170%;
	padding-bottom: 18px;
	word-spacing: 0.5em;
}
.main .footer a {
	color: #666;
	text-decoration: none;
}
.main .footer a:hover {
	color: #039;
}
.rightbox .left_con .list_b {
	padding-top: 15px;
}
.list_b table .table_line1 {
	background-image: url(../images/table_title2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 45px;
}


.list_b table .table_line1 th {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 15px;
	padding-left: 15px;
	background-image: url(../images/table_line.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.list_b table tr td {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-size: 13px;
	background-image: url(../images/table_line2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E7E7E7;
}
.list_b table tr td a {
	color: #333;
	text-decoration: none;
}
.list_b table tr td a:hover {
	color: #0054AB;
}
div.scott {
	TEXT-ALIGN: center;
	color: #EDF1F1;
	clear: both;
	padding-top: 20px;
}
div.scott a {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	COLOR: #333333;
	MARGIN-RIGHT: 1px;
	TEXT-DECORATION: none;
	font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #CCCCCC;
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: right;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
div.scott span.disabled {
	PADDING-RIGHT: 8px;
	COLOR: #333333;
	MARGIN-RIGHT: 2px;
	font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border: 1px solid #CCCCCC;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}

div.scott a:hover {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #333;
	border: 1px solid #CCCCCC;
}
div.scott a:active {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #333;
	border: 1px solid #CCCCCC;
}
div.scott span.current {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	MARGIN-RIGHT: 2px;
	BACKGROUND-COLOR: #333333;
	font-size: 9pt;
	font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	border: 1px solid #B8C7C7;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
}
.con_b {
	padding-top: 15px;
	margin-top: 40px;
	width: 715px;
	margin-left: 15px;
	margin-bottom: 30px;
}
.con_b h3 {
	margin: 0px;
	padding: 15px;
}

.con_b h4 {
	margin: 0px;
	padding: 15px;
}
.con_b .video {
	padding: 10px;
	border: 1px solid #E1E1E1;
	width: 640px;
	margin-bottom: 25px;
	margin-top: 10px;
	border-radius: 6px;
}

.con_b .video_text {
	padding: 10px;
	border: 1px solid #E1E1E1;
	width: 640px;
	margin-bottom: 25px;
	margin-top: 10px;
	border-radius: 6px;
}

.con_b .con_t1 {
	font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #004883;
	margin-bottom: 20px;
	margin-top:0px;
	margin-right: 54px;
	padding-left: 0px;
	padding-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	color: #013E74;
}

.con_b .con_t2 {
	font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #004883;
	margin-bottom: 20px;
	margin-top:-20px;
	margin-right: 54px;
	padding-left: 0px;
	padding-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	color: #013E74;
}
.con_b p {
	font-size: 12px;
	color: #333;
	margin: 0px;
	line-height: 200%;
}
.con_b p a {
	color: #069;
	text-decoration: none;
}
.con_b p a:hover {
	color: #F60;
}
#right_box section {
	width: 730px;
}


.table2 {
	margin-top: 10px;
	font-size: 15px;
}

.table2 tbody tr th {
	color: #333;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 13px;
	/*background-image: url(../images/table_line.jpg);*/
	background-repeat: no-repeat;
	background-position: right;
	font-weight: normal;
	padding-right: 10px;
}
.table2 tbody tr td {
	padding-top: 5px;
	padding-bottom: 6px;
	color: #999;
	font-size: 15px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-left: 10px;
}

.table2 tbody tr td input[type=text] {
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 6px;
	border-radius: 5px;
	color: #333;
	padding-right: 5px;
	padding-left: 5px;
}
.table2 tbody tr td input[type=submit] {
	padding-top: 8px;
	padding-bottom: 10px;
	border-radius: 5px;
	color: #FFF;
	background-color: #426BA9;
	padding-right: 20px;
	padding-left: 20px;
	cursor: pointer;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


.table2 tbody tr td input[type=reset] {
	padding-top: 8px;
	padding-bottom: 10px;
	border-radius: 5px;
	color: #FFF;
	background-color: #426BA9;
	padding-right: 20px;
	padding-left: 20px;
	cursor: pointer;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.title_line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 18px;
	padding-top: 18px;
	line-height: 180%;
	color: #666;
	font-size: 13px;
	margin-top: 20px;
	margin-bottom: 50px;
}

.title_line2 {
	padding-bottom: 18px;
	padding-top: 18px;
	line-height: 180%;
	color: #666;
	font-size: 13px;
	margin-top: 20px;
	margin-bottom: 50px;
}

.title_line2  a{
	text-decoration:none;
}

.title_line h3 {
	line-height: 0px;
	color: #FFF;
	padding-bottom: 18px;
	font-weight: 600;
	font-size: 23px;
}


ul#topnav li {
	list-style:none;
	margin: 0;
	padding: 0;
	float: left;
	
}
ul#topnav li a {
	/*height: 53px;*/
	height:auto;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../images/menuline_28.png);
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
   *display : block;
	padding-right: 15px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:22px;
}




ul#topnav .sub2 ul li h2 {
	padding: 0px;
	list-style:none;
	font-size: 18px;
	font-weight: 600;
	background-image: none;
	font-family: '微軟正黑體',Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3px;
	z-index:9999;

	
}
ul#topnav .sub2 ul li h2 a {
	padding: 0px 0px 0px 12px;
	font-size:13px;
	font-weight:700;
	background-image: none;
	font-family: '微軟正黑體',Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:22px;
	text-decoration:none;
}

#topnav li a span {
	color: #6D93A9;
}

ul#topnav .sub2 ul li a {
	list-style:none;
	font-family: '微軟正黑體',Arial, Helvetica, sans-serif;
	background: url(../images/navlist_arrow.png) no-repeat 5px 8px;
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 12px;
	z-index:9999;
	line-height:22px;
	padding:0px 15px 0px 15px;
	width:160px;
	margin:5px 10px 0px -25px;
	text-align:left;
}
ul#topnav .sub2 ul li a:hover {
	color: #039;
	text-decoration: underline;
}

ul#topnav li .sub2 {
	position: absolute;
	top: 53px;
	
	background-color: #E1EBEC;
	background-repeat: repeat-x;
	font-size: 12px;
	border: 1px solid #6F9ABC;
	margin: 0px;
	padding: 0px;
	display: none;
	/* [disabled]width: 500px; */
}


.row2
{
	-moz-column-count: 4;
    -moz-column-gap: 0px;
    -webkit-column-count: 4;
    -webkit-column-gap: 0px;
    column-count: 4;
    column-gap: 0px;
    width:808px;     /* chrome */
	width:806px\9;   /*all ie*/
	margin:0 auto;
	height:565px;

}

.row2 ul
{
	width:160px;
	display: inline-block;
	font-size:12px;
	/*border: 1px solid #CCC;*/
	border: 1px solid #CCC;
	/*border-right: 1px solid #CCC;*/
	margin: 0px;
	color:#353535;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	text-align:left;
}


.row3
{
	-moz-column-count: 3;
    -moz-column-gap: 0px;
    -webkit-column-count: 3;
    -webkit-column-gap: 0px;
    column-count: 3;
    column-gap: 0px;
    width:636px; 
	margin:0 auto;

}

.row3 ul
{
	width:170px;
	display: inline-block;
	font-size:12px;
	/*border: 1px solid #CCC;*/
	border: 1px solid #CCC;
	/*border-right: 1px solid #CCC;*/
	margin: 0px;
	color:#353535;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;		
}


.row4
{
	-moz-column-count: 2;
    -moz-column-gap: 0px;
    -webkit-column-count: 2;
    -webkit-column-gap: 0px;
    column-count: 2;
    column-gap: 0px;
    width:424px; 
	margin:0 auto;

}

.row4 ul
{
	width:170px;
	display: inline-block;
	font-size:12px;
	/*border: 1px solid #CCC;*/
	border: 1px solid #CCC;
	/*border-right: 1px solid #CCC;*/
	margin: 0px;
	color:#353535;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;		
}

.row5
{
	-moz-column-count: 1;
    -moz-column-gap: 0px;
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
    column-count: 1;
    column-gap: 0px;
    width:132px; 
	
	margin:0 auto;

}

.row5 ul
{
	width:130px;
	display: inline-block;
	font-size:12px;
	/*border: 1px solid #CCC;*/
	/*border-right: 1px solid #CCC;*/
	margin: 0px;
	color:#353535;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;		
}


ul#topnav a.home {
	padding-top:8px;
	line-height:16px;
}
ul#topnav a.products {
	padding-top:8px;
	line-height:16px;
}
ul#topnav a.learning {
	padding-top:8px;
	line-height:16px;

}
ul#topnav a.customer {
	padding-top:8px;
	line-height:16px;

}
ul#topnav a.contact {
	padding-top:8px;
	line-height:16px;

}



ul#topnav li.Catalog {
	margin: 0;
	padding: 0;
	float: right;
	background-image: url(../images/c_d_bg_36.jpg);
	background-repeat: repeat-x;
}
ul#topnav li.Catalog > a {
	height: 53px;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
   *display : block;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
#topnav li.Catalog a span {
	color: #8FBF00;
}


ul#topnav li.Catalog:hover a, ul#topnav li.Catalog a:hover {
	background-image: url(../images/c_d_bg2.jpg);
	background-repeat: repeat-x;
	background-position: 5px;
	z-index:9999;
}
ul#topnav li.Catalog .sub2 {
	position: absolute;
	top: 53px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	background-color: #628200;
	background-repeat: repeat-x;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10;
	right: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	z-index:9999;
}



ul#topnav .Catalog .sub2 ul li h2 a {
	padding: 5px 0px 5px 0px;
	background-image: none;
	color: #e8e000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	z-index:9999;
}
ul#topnav .Catalog .sub2 ul li h2 a:hover {
	color: #FFC;
}