<!--
.s {  font-family: "新細明體"; font-size: 13px; color: #000000; line-height: 150%; text-decoration: none}
.sbold { font-family: "新細明體"; font-size: 13px; line-height: 15px; text-decoration: none ; font-weight: bold; line-height: 150%}
.b11 { font-family: "新細明體"; font-size: 15px; line-height: 16px; text-decoration: none ; font-weight: bold; line-height: 150%; }
.swhite { font-family: "新細明體"; font-size: 13px; color: #FFFFFF; line-height: 150%; text-decoration: none }
a:link {color: #787278}
a:hover {color: 548D41}
a:visited {color: 49613A}
.btnHeader { font-size: 10pt }		/* 所有頁面動作按鈕 */
.btnTable { font-size: 8pt }		/* 所有表格內顯示的按鈕 */
.smandatory { font-family: "新細明體"; font-size: 13px; color: #FFFF00; line-height: 150%; text-decoration: none } /* 必填欄位的說明 */
.textmoa {text-align : right}		/* 數量,金額輸入欄位 */
-->

/* 簡單流變媒體
   注意: 流變媒體要求您必須移除 HTML 中媒體的高度和寬度屬性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 流變格線屬性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	靈感來自於 Ethan Marcotte 的「具回應功能的網頁設計」 
	http://www.alistapart.com/articles/responsive-web-design
	
	以及 Joni Korpi 的「黃金格線系統」
	http://goldengridsystem.com/
*/

/* 行動版面: 480px 以下。 */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 937px;
	display: block;
}

/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 937px;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* 桌面版面: 769px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 769px) {
body {	font-family: "新細明體";}
.gridContainer {
	width: 88.2%;
	width: 937px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 937px;
	display: block;
}
}
div#article {
	background-image: url(images/container_bg_01.jpg);
	background-repeat: repeat-y;
}
div#header {
	background-image: url(images/header_01.jpg);
	width: 937px;
	position: relative;
	margin:0;
	padding:0;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 176px;
}
.powerBy {
	position: relative;
	left: 63px;
	top: 131px;
	width: 120px;
	height: 35px;
	z-index: 1;
	font-size: 11px;
	color: #8f915f;
	line-height: 13px;
}
#sidebarMenu {
	background-image: url(images/header_02.jpg);
	background-repeat: repeat-x;
	padding-top: 9px;
	width: 937px;
	height:29px;
}
#article_end {
	background-image: url(images/container_bg_02.jpg);
	background-repeat: no-repeat;
	height: 18px;
	width: 937px;
	margin-bottom: 0px;
	clear: both;
}
.container {
	width: 937px;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
	/*min-height: 100%;
	min-height: 1300px;
	/*background-image: url(images/bg_pic_01.jpg);
	background-repeat: no-repeat;
	background-position: 520px bottom;*/
}
.container h1 {
	font-size: 150%;
	font-style: italic;
	font-weight: 600;
	color: #324fa2;
	line-height: 24px;
	background-color: #d6dfbe;
	display: block;
	height: 24px;
	width:93%;
	margin-left:20px;
	margin-right:20px;
	text-indent: 20px;
}
.container p {
	font-size: 110%;
	margin-left: 50px;
	margin-right: 50px;
	width: 90%;
	line-height: 24px;
	color: #575757;
	font-family: sans-serif;
}

/*************sidebar********************/
.round {
	background-image: url(images/round_frame.jpg);
	height: 79px;
	width: 901px;
	background-position: -20px;
	position: relative;
	top: -11px;
	text-align: right;
	font-size: 13px;
	color: #287c0e;
	line-height:28px;
}
.topic {
	text-align: right;
	margin-right: 10px;
}
div#sidebar.submenu {
	background-image: url(images/sidebar_bg.jpg);
	background-repeat: no-repeat;
	background-color: #deeeb3;
	background-position: -20px;
	font-size: 15px;
	color: #287c0e;
	height: auto;
	width: 182px;
	display: block;
	float: left;
	text-align: left;
}
div#sidebar ul.Mainmenu {
 border: medium none; /*不顯示邊框*/
 line-height: normal; 
 list-style-type: none;
 position:relative;
 left:-25px;
 min-height:500px;
 }
div#sidebar ul.Mainmenu li {
	display: block;
	width: 160px;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}    
div#sidebar ul.Mainmenu li a {
	color: #287c0e;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-position: 0px bottom;
 }
div#sidebar ul.Mainmenu li a:hover {
	text-decoration: underline;
}
div#sidebar ul.Mainmenu li ul.sub {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -32px;
}
div#sidebar ul.Mainmenu li ul.sub li {	margin-bottom: 3px; }
div#sidebar ul.Mainmenu li ul.sub li a
{	font-size: 13px;
	color: #963;
}
div.end{
	background-image: url(images/sidebar_end.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
	width: 182px;
	display: block;
}
#right_content {
	float: right;
	width: 700px;
	text-align: left;
	background-image: url(images/bg_pic_01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/**********footer***************/
div#footer {clear: both; color:#95998b;}
.footer_rightBox {
	margin-top:13px;
	margin-bottom:13px;
	margin-right:10px;
	float: right;
	text-align:right;
	color:#95998b;
	font-size: 11px;
	width: 300px;
	display: block;
}
.footer_leftBox {
	float: left;
	margin-right:10px;
}
.footer_rightBox a{
	color:#95998b;
	text-decoration: underline;
}
ul#navlist {
	list-style-type: square;
	width: 500px;
	display: block;
	float: left;
	padding-left: 3px;
	padding-left:10px;
}

ul#navlist li  {
	display: inline;
	color: #000;
	padding-right: 5px;
	font-size: 11px;
	line-height: 15px;
	width: auto;
}
ul#navlist li.last {
	padding: 0px;
}

ul#navlist li img {
	padding-right: 3px;
}

ul#navlist   li a {
	color: #000;
	height: 15px;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
}
ul#navlist li a:hover {
	color: #FFFFFF;
	background-color: #000;
	text-decoration: underline;
}

.paragraph {
	margin-right: 50px;
	margin-left: 10px;
}
.paragraph p{
	margin-top: 15px;
}
.subtitle_01 {
	font-size: 150%;
	font-weight: bold;
	color: #09F;
	line-height: 45px;
}
.subtitle_02 {
	font-size: 120%;
	font-weight: bold;
	color: #000;
	line-height: 35px;
	font-family: sans-serif;
}
/*----------ol Style----------------*/
ol.Green_Style {
	font-size: 15px;
	line-height: 30px;
	margin-right: 50px;
	margin-left: 50px;
}
ol.Green_Style p {
	font-size: 13px;
	color: #575757;
	margin-left: 0px;
	
}

ol.table_ol {
	width: 300px;
}
ol.table_ol li {
	width: 130px;
	display: inline;
	float: left;
	margin-right: 20px;
}

/*-------------color Style-----------------*/
.color_red {
	color: #F00;
}
.color_green {
	color: #6C0;
}
.color_blue {
	color: #09F;
}
/*---------------------button----------------------*/
.css_btn_class {
	font-size:16px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #3866a3;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #63b8ee), color-stop(100%, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	background:-ms-linear-gradient( top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	color:#14396a;
	display:inline-block;
	text-shadow:1px 1px 0px #7cacde;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #bee2f9;
 	-moz-box-shadow:inset 1px 1px 0px 0px #bee2f9;
 	box-shadow:inset 1px 1px 0px 0px #bee2f9;
	margin-right: 10px;
}.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #468ccf), color-stop(100%, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	background:-ms-linear-gradient( top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

/*---------------table----------------------*/
			/* overall */
.datagrid table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
	overflow: hidden;
	font-size: medium;
			}/* DEFAULT MANDATORY EVERY TABLE */
.datagrid {
				margin-left: 50px;
				background: #fff; /* table-background-color */
				border: 3px solid #069; /* border width, border color */
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px; /* border-radius */
			}

.datagrid table td, .datagrid table th {
				padding: 3px 10px;
			}/* cellpadding */

			/* thead */
.datagrid table thead th {
				/* thead-top-gradient-color, thead-lower-gradient-color */
				background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557f) );
				background: -moz-linear-gradient( center top, #006699 5%, #00557f 100% );
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557f');
				background-color: #006699; /* set to lower gradient color */
				color: #ebebeb; /* header-font-color */
				border-left: 1px solid #006699; /* thead-vert-line-size, thead-vert-line-color */
				font-size: 15px; /* thead-font-size */
			}
.datagrid table thead th:first-child {
				border: none; /* MANDATORY */
			}

			/* tbody */ 
.datagrid table tbody td {
				color: #00496B; /* tbody-color */
				border-left: 1px solid #E1EEF4; /* tbody-vert-line-size, tbody-vert-line-color */
				text-align: left; /* tbody-text-align */
				padding: 5px;
			}

.datagrid table tbody .alt {
				background: #E1EEF4; /* tbody-row-alt-background-color */
			}
.datagrid table tbody .alt td {
				background: #E1EEF4;
				color: #6B332B;
			}
.datagrid table tbody td:first-child {
				border: none; /* MANDATORY */
			}

			/* tfooter */
.datagrid table tfoot td div {
				border-top: 1px solid #069; /* tfoot-top-border-width, tfoot-top-border-color */
				background: #E1EEF4; /* tfoot-background-color */
				padding: 5px; /* tfoot-padding */
			}

.datagrid table tfoot td {
				padding: 0; /* MANDATORY */
			}

			/* paging */
.datagrid table tfoot td ul {
				margin: 0;
				padding: 0;
				list-style: none;
				text-align: right;
			}
.datagrid table tfoot  li {
				display: inline;
			}
.datagrid table tfoot li a {
				text-decoration: none;
				color: #fff;
				display: inline-block;
				padding: 2px 8px;
				margin: 1px;
				/*border: 1px solid #069;*/ /* border width, border color */
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px; /* border-radius */
				background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557f) );
				background: -moz-linear-gradient( center top, #006699 5%, #00557f 100% );
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557f');
				background-color: #006699;
			}
.datagrid table tfoot li .active, .datagrid table tfoot li a:hover {
				text-decoration: none;
				color: #fff;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px; /* border-radius */
				background: none;
				background-color: #006699;
			}

.datagrid {
				width: 535px;
				border: 3px solid #069;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
/************table 2***************/
.CSSTableGenerator02 {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding:0px;
	width:90%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-left-radius:8px;
	
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border-bottom-right-radius:8px;
	
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border-top-right-radius:8px;
	
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-top-left-radius:8px;
}
.CSSTableGenerator02 table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
	font-family: "新細明體";
}
.CSSTableGenerator02 tr:last-child td:last-child {
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border-bottom-right-radius:8px;
}
.CSSTableGenerator02 table tr:first-child td:first-child {
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-top-left-radius:8px;
}
.CSSTableGenerator02 table tr:first-child td:last-child {
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border-top-right-radius:8px;
}
.CSSTableGenerator02 tr:last-child td:first-child{
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-left-radius:8px;
}
.CSSTableGenerator02 tr:hover td{
	background-color:#99dbc8;
		

}
.CSSTableGenerator02 td{
	vertical-align:middle;
	background-color:#ccead2;
	border:1px solid #ffffff;
	border-width:0px 1px 1px 0px;
	text-align:right;
	padding:10px;
	font-size:15px;
	font-weight:normal;
	color:#000000;
}
.CSSTableGenerator02 tr:last-child td{
	border-width:0px 1px 0px 0px;
}
.CSSTableGenerator02 tr td:last-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator02 tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator02 tr:first-child td{
	background: -o-linear-gradient(bottom, #1fbc10 5%, #1fbc10 100%);
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1fbc10), color-stop(1, #1fbc10) );
	background: -moz-linear-gradient( center top, #1fbc10 5%, #1fbc10 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1fbc10", endColorstr="#1fbc10");		background: -o-linear-gradient(top,#1fbc10,1fbc10);
	background-color: #1fbc10;
	border: 0px solid #ffffff;
	text-align: right;
	border-width: 0px 0px 1px 1px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}
.CSSTableGenerator02 tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #1fbc10 5%, #1fbc10 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1fbc10), color-stop(1, #1fbc10) );
	background:-moz-linear-gradient( center top, #1fbc10 5%, #1fbc10 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1fbc10", endColorstr="#1fbc10");	background: -o-linear-gradient(top,#1fbc10,1fbc10);

	background-color:#1fbc10;
}
.CSSTableGenerator02 tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator02 tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
.CSSTableGenerator02 th {
	background-color: #7AC98A;
	font-size: large;
	color: #000;
}
.hr01 {
	clear: both;
	height: 3px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
/************合作夥伴*****************/
#pdt_viewed {
	border: 1px solid #a3b5b9;
	width: 105px;
	position: fixed;
	top: 170px;
	_position: absolute;
    _top: expression(eval(document.compatMode && document.compatMode == 'CSS1Compat') ? documentElement.scrollTop+140 :    document.body.scrollTop+(document.body.clientHeight-this.clientHeight));
	right: 50%;
	z-index: 60;
	MARGIN-RIGHT: -550px;
	display: block;
	background-color: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}
#pdt_viewed .cart_head {
	height: 38px;
	width: 105px;
	line-height: 34px;
	font-family: "新細明體";
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #a3b5b9;
	border-radius: 6px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}
#pdt_viewed .cart_bg {
	background-image: url(../images/cart_03.gif);
    height: 200px;
	background-color: #FFFFFF;
	padding-bottom: 0px;
}
#pdt_viewed div.down {
	background-position: bottom;
	height: 300px;
}
#pdt_viewed .cart_bg img.pdt {
	margin-left: 1px;
}