@import url(base.css);
@import url(responsive.css);
@import url(retina.css);
@import url(../../fixtable.css);

a{color: #666;text-decoration: none;}
a:hover{color: #444; text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); transition:all 100ms linear 0s;}
.top{
	text-align: right;
	font-size: 0.9em;
}
.txtMore a:link, .txtMore a:visited{
	display: block; background:#444; float:right; margin:2em 1em 0 0;
	border-radius: 1px;
    color: #fff;
    display: block;
    font-weight: lighter;
    opacity: 0.9;
    padding: 0 8px;
    text-align: center;
    width: 12%;
	text-shadow:1px 2px rgba(0,0,0,0.9); box-shadow: 0 2px 5px rgba(255, 255, 255, 0.52);
}
.txtSearch {
	border:1px solid #efefef; box-shadow: 0 5px 3px rgba(0, 0, 0, 0.15);
	color:#333333;
	font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif;
	padding:14px 8px 12px; font-size: 13px;
}
.txtMore a:hover{
	color: #eee;
	text-decoration: none;
}
.boxBorder {
    background: #CCCCCC;
    clear: both;
    height: 1px;
    margin: 2em 0 1em 0;
}
.grdtxt{
	background: #A9D5F0;
    clear: right;
    margin-top: 5px;
    padding: 10px 5px;
}
/* Header */
.Header{ background-color: #fff;}
.Header .Logo{overflow:hidden;	z-index: 1; }
.Header .Logo h1 a{
	background-repeat: no-repeat;background-position: left;
	overflow:hidden;
	float:left;
	}
.Header .Logo h1 a:hover{border-style: none;}
.Header .Lang{
	float: right;
	text-align: right;
	color: #454545;
	z-index: 10;
	padding: 2px 5px;
}
.Header .Lang a{
	color: #185798;
	padding-right: 2px;
	padding-left: 2px;
}
.Header .Lang a:hover{
	color: #1AA4D8;
	padding-right: 2px;
	padding-left: 2px;
	}
.Header .Lang ul{ margin:0; padding:0; }
.Header .Lang li{ list-style:none; }
.Header .Lang .lang1 li { background: url("../images/ico_arrow_white.gif") left center no-repeat;
    display: inline;
    margin-right: 8px;
    padding: 2px 0 5px 15px;
}
.Header .Lang .lang1 li a { color:#444; }
.Header .Lang .lang1 li a:hover { color:#4682B4; }
.Header .rss a { color:#ffffff; }
.Header .rss a:hover { color:#ffffff; }
.Lang ul li.listLang select, .barPInfo select {
	color: #4682B4;
	border: 1px solid #4682B4;
	font-size: 11px;
	*font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.Header .Lang select, .Header .Lang .lang2 select {
	font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif;
	margin-right:4px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #999999; border-right: 1px solid #999999;
	font-size: 1.1em;
	letter-spacing: 0.05em; padding: 0px; background: #ffffff; color: #151515;
}
.flash, .subject{
	height: 210px;
	width: 975px;
	margin-right: auto;
	margin-left: auto;
}

/* Menu */
.NaviWrapper { width: 100%;	margin-top: 0px; right: 0px; z-index:9999;
	background-color: #4682B4;
	background: -webkit-linear-gradient(top, #4682B4, #274967);
	background: -o-linear-gradient(top, #4682B4, #274967);
	background: -moz-linear-gradient(top, #4682B4, #274967);
	background: linear-gradient(top, #4682B4, #274967);
	position: fixed; text-align:center; box-shadow: 0 2px 33px rgba(255, 255, 255, 0.5)
}
.Navi{
	font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:600;
	line-height:120%;
	padding-left: 15px;
	padding-top: 20px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
}

/* this is the main UL element*/
.dropdown{
	display:none;
	margin:0;
	padding:0;
	list-style:none;
}

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
	list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0px;
	cursor:pointer;
	background-color: transparent;
	/*background-image: url(../images/bg_navi_line.gif);*/
	background-repeat: no-repeat;
	background-position: right bottom;
	border-right: 1px solid #FFFFFF;
}
.dropdown li a, .dropdown li a:visited{
	color: #ffffff; font-family: 微軟正黑體, Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;
	text-decoration: none;
	_width: 80px;
	_padding-right: 0px;
}
.dropdown li a:hover{ color: #ffffff; text-decoration: none; border-style: none; text-shadow:0 3px rgba(0,0,0,0.2);  }
/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{text-decoration:none;color:#ffffff;}
.dropdown a:hover{	text-decoration:underline;}
/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	border:0;
	border-bottom:1px solid #555555;
	margin-left:-1px;
	background-color: #444;
	padding-right: 20px;
	padding-left: 8px;
	width: 80px; font-size:1em;
}
.dropdown ul li:hover{ background:#656565; -webkit-transition: background 200ms ease-in 0s;
		-moz-transition: background 200ms ease-in;
        -ms-transition: background 200ms ease-in;
        -o-transition: background 200ms ease-in;
		transition: background 200ms ease-in; }

/* these are the LIs that contains a submenu*/
.dropdown li.submenu-down{
	padding-right: 4px;
	background-color: transparent;
	/*background-image: url(../images/bg_navi_line.gif);*/
	background-repeat: no-repeat;
	background-position: right bottom;
	border-right: 1px solid #ffffff;
	}
.dropdown li.submenu-down li{width: 200px; }
/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown li.submenu-left{
	background:#444 url('../images/expand_right.gif') center right no-repeat;
	padding-right:20px;
	padding-left: 8px;font-size: 1em;
}
.dropdown li.submenu-down li a{color:#ffffff; text-align:left; }
.dropdown li.submenu-down li a:hover{color:#ffffff;}
.Container .Content{
	padding: 10px 14px; min-height: 290px;
	float:right;
}
.Container .sidebar{
	float: left; background-color: #4682B4;/* height:100%;*/
}
.sidebar2{
	float: left; background:#4682B4;/* height:100%;*/
}
.Content h2{
	font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 2em;
	margin: 0 0 0.8em 0;
	color: #444; letter-spacing:0.15em;
	background-image: url(../images/ico_arrow_title.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 35px;
}
.Profile {	display:inline-block;	}
.Profile h2{background-image:none;padding-left: 0px;}
.HotProducts h2{ background:#4682B4; margin: 1.5em -2px 0 0; padding: 10px 15px 10px 20px; font-size:1.5em; color:#FFF; font-weight:bold; }
.Content h3{
    font-family: 微軟正黑體,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    font-weight: lighter;
    line-height: 1.5em;
    padding:  0 0.3em 0.3em 0.5em;
}
.Content p{
	font-size: 1.05em;
	line-height: 1.7em;
	font-weight: lighter;
	color: #4c4c4c;
	margin-top: 0.2em;
	margin-bottom: 0.8em;
	padding: 0 1em 0 0.5em;
	text-align: justify;
	text-justify:inter-ideograph;
}
.Content h4{
	font-size: 1.7em; 
	margin-bottom: 0.5em;
	color: #252525;
	line-height: 2em;
	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-weight:normal;
	margin-top: 0px;
	}
.Content h5{
	font-size: 1.3em;
	color: #4682B4;
	margin-bottom: 0.5em;
}
.Content h6{font-size: 1.2em;}
.Profile .imgAbout{
	float: left;
	margin-right: 1.5em;
	margin-bottom: 0.7em;
}
.Profile h3 span.txtMore a { background: #4682B4; border-bottom: 3px solid #406C90; color: #FFFFFF; padding: 5px 10px; margin: 10px 0 0;
text-shadow: 0px 1px 0 RGBA(0,0,0,0.6); font-size:1.1em; float:right;
}
.PageContent{
	display: block; margin: 0 1em;
    width: 97%;	float: left;
}
.PageContent h4 { line-height: 1.5em; clear:left; }
.txtPageFull{
	display: block; width: 96%;
	float: left; margin: 0 1em;
}

.product-box{
	float: left;
	width: 100%;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0.3em;
}
.boxProduct{
	float: left; background:#90d200; transition:all 500ms ease-out 0s;
	width: 99%;
	margin: 1em 0.2em;
	padding-bottom: 8px;
	}
/*.boxProduct:hover { background:#ff9600; transition:all 500ms ease-in 0s; }*/
.boxProductBom {
	float: left; background:#bbbbbb; transition:all 500ms ease-out 0s;
}
.boxProductBom:hover { /*background:#ff9600;*/ transition:all 500ms ease-in 0s; }
.boxProductBom .imgProduct { width:100%; margin:0px 0px 10px; opacity:0.9;}
.boxProductBom .imgProduct:hover { opacity:1; transition:all 350ms ease-in 0s;}
.boxProductBom .checkbox{ margin: 0 5px 0 ;}
.boxProductBom h3 { min-height:50px; *height:50px; }
.boxProductBom h3, .boxProductBom p {
	clear: left;
    color: #4C4C4C;
    float: left;
    font-size: 1em;
    font-weight: lighter;
    line-height: 1.9em;
    margin-bottom: 0.8em;
    margin-top: 0;
    padding-bottom: 0.5em;
    padding-left: 20px;
    text-indent: -18px;
}
.blueline {
	clear:both;
	width:100%;
	border-bottom:1px dotted #D5D5D5;
	margin-bottom:10px;	
}
.PageContent h2 { margin: 0 0 1.5em; float:left; }
.PageContent .PRight ul, .boxProduct ul{
	margin: 5px 0 0 -0.5em; color:#ffffff;
}
.PageContent .PRight li, .boxProduct ul li{
	margin-bottom: 0em;
	line-height: 0.7em;
}
.listSeries li { padding: 0 0.2em 0 0;}
.btnInquiry{
	background: rgb(43,43,43); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(43,43,43,1) 36%, rgba(107,107,107,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,rgba(43,43,43,1)), color-stop(100%,rgba(107,107,107,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(43,43,43,1) 36%,rgba(107,107,107,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(43,43,43,1) 36%,rgba(107,107,107,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(43,43,43,1) 36%,rgba(107,107,107,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(43,43,43,1) 36%,rgba(107,107,107,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#6b6b6b',GradientType=0 ); /* IE6-9 */
	border:1px solid #333333;
	color:#FFFFFF;
	font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif;
	margin: 1px 3px 1px 5px; padding: 0 5px;
	font-weight: bold;
	font-size: 1em;
}

.imgProduct {
	display:inline-block;
	zoom:1;
	float: left; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
}
.imgProduct img a{
	padding:1px;
	background:#13151f;
	border:1px solid #999999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.checkbox{
	margin-right: 5px;
}
.PRight{
	display: block;
	float:none;
	min-height:165px;
	-height:auto !important;
	-height:165px;
	-overflow:visible;
	color: #252525;
}
.PRight h4, .boxProduct h4{
	background: #4682B4;
}
.PRight h4 { clear:none; }
.PRight h4:hover, .boxProduct h4:hover { transition:all 500ms ease-in 0s;}
.PRight h4 a, .PRightNoImg h4 a{
	color: #ffffff; text-shadow: 2px 3px rgba(0, 0, 0, 0.1); font-family:Verdana, Geneva, sans-serif; padding: 0 0 0 20px; margin: 0 0 0 -15px;
}
.boxProduct h4 a {
    background: url("../images/arrow_black.png") no-repeat scroll 2px 14px transparent;
    color: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif;
    padding: 7px 0 0 25px;
    text-shadow: 2px 3px rgba(0, 0, 0, 0.1);
}
.PRightNoImg{display: block;margin-left: 20px;}
.PRightNoImg ul{
	padding-left: 5px;
}
.PageContent .PRight strong a{
	color: #FFFFFF;
}

.PageContent .boxProductBlk{
	float: left;
	/*min-height: 250px;*/
	text-align: left;
	margin: 0.5em 0em 1em 1.5em;
}

.PageContent .boxProductBlk img{
	zoom:1; width:100%; opacity:0.9; margin:0;
	background-color: #d3d3d3;
}
.PageContent .boxProductBlk img:hover { transition: all 200ms linear 0s; opacity:1;}
.PageContent .boxProductBlk img a{
	background:#13151f;
	border:1px solid #999999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.boxProductBlk h3{
	color: #ffffff;
	text-align: justify;
	background: none repeat scroll 0 0 #656565;
    clear: both;
    font-family: 微軟正黑體,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    font-weight: lighter;
    min-height: 100px; 
    line-height: 1.5em;
    padding:  0 0.3em 0.3em 0.5em;
}
.boxProductBlk h3:hover{ background:#4682B4; -webkit-transition: background 0.5s ease-in;
		-moz-transition: background 0.5s ease-in;
        -ms-transition: background 0.5s ease-in;
        -o-transition: background 0..5s ease-in;
		transition: background 0.5s ease-in; }
.boxProductBlk h3 a { color:#ffffff; }
.boxProductBlk h3 a:hover { color:#ffffff; }
.boxProductBlk h4{
	font-size: 1.1em; line-height:1.5em; padding:0.5em ; font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: lighter; min-height: 60px; clear: both; background:#454545;
}
.boxProductBlk h4:hover{ background:#991B05; -webkit-transition: background 0.5s ease-in;
		-moz-transition: background 0.5s ease-in;
        -ms-transition: background 0.5s ease-in;
        -o-transition: background 0..5s ease-in;
		transition: background 0.5s ease-in; }
.boxProductBlk h4 a { color:#ffffff; }
.boxProductBlk h4 a:hover { color:#ffffff; }
.barPInfo{
	background-image: url(../images/bg_product_select.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-weight: bold; word-break:keep-all;
	color: #fff;
	margin-bottom: 1em;
	vertical-align: middle;
	padding: 5px;
	clear: both;
	background-color: #4682B4;
	border: 1px solid #4682B4;
}
.barPInfo a { background:#fff; border-radius:5px; padding:3px 5px; margin:0 3px 0 0; color:#4682B4; /*border:1px solid #ff7200;*/ }
.barPInfo a:hover { background: #2B2B2B; color:#fff; }
.barPInfo select{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
}
.NoticeSel{
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4c4840;
}
.txtPageFull h4{
	font-size: 1.5em;
	background-image: url(../images/ico_point.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	margin-left: 15px;
	font-weight: bold;
	margin-bottom: 3px;
}
.txtPageFull h3{
	margin-bottom: 1em;
	margin-left: 30px;
	border-bottom: 1px dotted #CCCCCC;
	line-height: 1.6em; padding: 10px 0 20px 0;
}
.gotop {
    background: url("../images/btn_top.gif") no-repeat scroll right 0 transparent;
    float: right; padding: 5px 35px 0 0;
    height: 35px;
    text-align: right;
    width: 98%;
}
/****** Pagination Links ******/
.PageCode{
	padding-top: 0.5em;
	padding-right: 2px;
	padding-bottom: 0.5em;
	padding-left: 2px;
	margin: 0px;
	font-size: 1.2em;
}
.PageCode ul{
	margin: 0px;
	padding: 0px;
	text-align: center; /*Set to "right" to right align pagination interface*/
	font-size: 0.85em;
}
.PageCode li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
	padding-left: -18px;
	margin-right: 2px;
}
.PageCode li a, .PageCode li a:visited{
	padding: 0 5px;
	border: 1px solid #ffffff;
	color: #4b8203;
	text-decoration: none;
}
.PageCode li a:hover, .PageCode li a:active{
	border: 1px solid #ffffff;
	color: #FFFFFF;
	background-color: #618e28;
}
.inquForm {
	border:1px solid #E3E2E2;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 1em;
}
.inquForm td{
	padding-top: 4px; font-size:1.1em;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
	line-height: 1.7em;
}
.InquiryForm .columnName{
	color: #353535; font-family: 微軟正黑體, Tahoma, Arial,Helvetica,"sans-serif，細明體";
	width: 30%; letter-spacing: 0.05em; font-size:1.1em;
}
.inquForm td input.text {
	width:90%; font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif; font-size:1em;
	padding: 8px; border: 1px solid #efefef; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
.inquForm img{	vertical-align: middle;}
.inquForm td input {margin-right:5px;}
.inquForm td select {
	width: 95%;
	color:#333333;
	font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	margin-bottom:4px;
	padding:8px 2px;
	border: 1px solid #EFEFEF;
    /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);*/
}
.inquForm caption{
	background-color: #edf8c2;
	padding-top: 4px;
	padding-bottom: 4px;
}
.inquForm th{
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	color: #4d8a05;
	background-color: #f5faef;
}
.inquForm td textarea {
	width:95%; border: 1px solid #efefef; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
.inquForm td input.textss, .authnumx2 {
	width:60px;
	margin-bottom: 5px;
}
.btnLogin {
	background: #555555; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    border: none;
    color: #FFFFFF;
    font-family: 微軟正黑體,Arial,Helvetica,sans-serif;
    font-size: 1.3em;
    letter-spacing: 0.2em;
    padding: 5px 50px 5px 55px;
    cursor: pointer;
    transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s;
}
.btnLogin:hover {
	background: #333;
}
.InquiryForm .tbForm{
	border: none;
}
.InquiryForm .tbForm td{
	border: none;
}
.InquiryForm h3{
	text-align: right; 
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #bbbbbb;
}
.checkbox{
	margin-right: 18px;
	margin-bottom: 1px;
}
.txtImportant{
	color: #FF0000;
}
.PageContent .imgAbout{
	border-bottom: 3px solid #66A5CC;
    height: auto;
    margin: 0px 0 15px 1em;
    padding: 0 0 2em;
    width: 95%
}
.Profile, .HotProducts{
	padding-bottom: 1em;
}
.HotProducts{
	display: block;
	clear: both;
	margin: 0.5em auto 0;
    padding-top: 0.1em;
	}
.HotProducts .HotProduct{
	float: left;
	width: 120px;margin-right: 0.5em;
	text-align: center;
	margin-left: 0.5em;
}
.HotProducts  h4{
	font-size: 1.1em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: lighter; letter-spacing:1px;
}
.arrow{
	float: left;
	width: 15px;
	margin-top: 45px;
}
.Search h2{color:#04295B; font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;
	font-size: 1.5em;
	margin-bottom: 0.1em;
	}
.Search input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	/*color: #454545; background:#fff0e0; transition:all 300ms ease-out 0s; border: 1px solid #fff0e0;*/
}
/*.Search input:hover { background:#ffffff; transition:all 300ms ease-in 0s; border: 1px solid #ffffff;}*/
.Search .search-bg{
	float: left;
}
.searchbox .btnSearch { background: #252525; border: none; box-shadow: 0 5px 3px rgba(0, 0, 0, 0.25);
    color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif, "微軟正黑體"; padding: 12px; font-size:1.2em;	}
	
.SideBox {
	border-top:1px solid rgba(255, 255, 255, 0.35);
	margin: 0px;
	padding-top: 0px 0 5px 0;
}
.SideBox h2{
	color:#fff;
	font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 1.5em;
	margin-bottom: 0.1em;
	padding-left: 6px;
	padding-top: 5px;
}
.SideBox ul {
	padding:0;
	list-style:none;
	color:#414141;
	font-weight:bold;
	font-size: 12px;
	margin: 0px;
}
.SideBox ul li {
	line-height: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0pt;
	padding-left: 10px;
	margin: 0;
}/* for News Box */
.SideBox ul li.VipLogin {
	padding:0;
	background:none;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	clear: both;	
}/* for VipLogin Box */
.SideBox ul li.VipLogin input {
	border: 1px solid #ffffff;  box-shadow: 0 5px 3px rgba(0, 0, 0, 0.15);
    color: #434343;
    font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin: 9px 0 9px -3px;
    padding: 11px 4px 13px 10px;
    width: 93%; 
	background:#e9f0f6; transition:all 300ms ease-out 0s;
}
.SideBox ul li.VipLogin input:hover { background:#ffffff; transition:all 300ms ease-in 0s; border: 1px solid #ffffff;}
.btnBox {
	border:none; box-shadow: 0 5px 3px rgba(0, 0, 0, 0.15);
	color:#fff; font-size:1em;
	font-weight:bold;
	background-color: #4682B4;
	padding: 8px;
	font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif;
}
.sidebar .btnBox {
	background-color: #FFF;
	color: #6495ED;
}

.info{
	padding: 10px 0 3px 0;
	text-align: center;
	margin: 10px auto 10px 1px ;
	color: #CCCCCC;
	font-size: 1em;
	border-top: 1px dotted #ffffff;
	width: 96%;
}
.SideBox a{color: #E6E6E6;}
.SideBox a:hover{color:#252525;}
.News, .Newsin{
	border-bottom: 2px solid #E6E6E6;
	border-top: 2px solid #E6E6E6;
	padding: 20px 25px 20px 16px; margin: 0 0 0.5em;
	overflow: auto;
	display: block;
	zoom: 1;/* for IE6 */
}
.News h2, .Newsin h2{
	color:#FFF;
	font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 1.5em;
	margin-bottom: 1em;
	padding-left: 8px;
	padding-bottom: 2px;
	border-bottom: 3px solid #FFF;

}
.News ul, .Newsin ul{
	padding: 0px 0px 0px 4px;
	margin: 0.7em 0;
}
.News li, .Newsin li{
	background-image: url(../images/ico_point.gif);
	background-repeat: no-repeat; font-size: 1.1em;
	background-position: left 5px;
	padding-left: 12px;
	list-style-type: none;
	line-height: 1.4em;
	margin: 0.8em 0;
}
.Newsin li a{ color:#E6E6E6;}
.Newsin li a:hover{ color:#252525;}
/* Path */
.TopNavi{
	padding-top: 20px; font-size:1.1em;
	padding-bottom: 4px;
	color: #353535;
	margin: 0px 0 15px 1em;
	border-bottom-width: 1px solid #dadada;
}
.TopNavi span{
	color: #FF9900;
	font-weight: bold;
}
/** Contact Detail Box **/

.boxContentPage {
	word-break:break-all;
	margin: 2em 1em 10px;
	padding: 20px 0 0;
	width: 95%;
	float: left; border-top: 3px solid #858585;
}
.boxContentPage H6{
	background-image: url(../images/ico_content.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 0.3em 25px;
	margin-bottom: 0.3em;
	color:#4682B4; font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #e0e0e0;
}
ul.listLight {
	padding:0;
	color:#4f4f4f;
	line-height:18px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 19px;
}

ul.listLight li {
	padding:0;
	font-weight: bold;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
ul.listLight li ul {
	padding:0;
	margin-top: -18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 120px;
	
}

ul.listLight li ul li {
	padding:0;
	font-weight: lighter;
	color: #656565;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;	
	}
/*** list for Product Deatail ***/
ul.listDark {
	padding:0;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 40px;
}
ul.listDark li {
	padding:0;
	line-height:1.8em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
}
ul.listDark li ul {margin:5px 0 5px 10px; padding:0; }
ul.listDark li ul li {margin:0; padding:0;}
.listPDetail{
	font-weight: lighter;
	margin: 0.5em 0 0.5em 1em;
	padding: 0px; 
}
.listPDetail li{
	line-height: 1.4em;color: #4C4C4C;
	margin-bottom: 0.4em;margin-left: 25px;
}
.listSeries h3{
	line-height: 1.2em;
	font-size: 1em;
	margin-bottom: 0.5em;
}
.listSeries h3 a{
	color: #000;
}
.listSeries h3 a:hover{
	color: #222;
}
.listSeries li{
	margin-bottom: -1em;
}
.SubNavi{
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	display: block;
	}
.SubNavi ul{
	font-size: 1.1em;
	font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	width: 100%;
	padding: 0px;
}
.SubNavi ul li{
	display: block;
	list-style-type: none;
	margin-bottom: 0.5em;
	padding: 0.1em 0 0.6em 17px;
	border-bottom: 1px solid #E6E6E6;
	background-image: url(../images/ico_arrow_white.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.SubNavi li.NavTitle{
	font-size: 1.5em; 
	color: #4682B4;
	padding-top: 0em;
	border-bottom: 3px solid #4682B4;
	padding-bottom: 0.3em;
	font-family:微軟正黑體, Tahoma, Arial, Helvetica, sans-serif; background-image:none;
	margin-bottom: 0.2em;	padding-left: 0px;
}
.SubNavi ul li a{
	color: #E6E6E6;
}
.SubNavi ul li a:hover{
	color: #000000; text-shadow: 0 2px rgba(255, 255, 255, 0.1);
	text-decoration: none;
}
.SubNavi li.NavSelected, .SubNavi li.NavSelected a{	color: #FFF; font-size: 1.1em; font-weight:bold; }
.SubNavi li span, .SubNavi li.NavSelected span{
	font-weight: lighter;
	font-size: 0.9em;
	color: #E6E6E6;
}

.SubNavi li ul li {
	display: block;
	margin: 0;
	padding: 0;
}

.SubNavi li ul li a {
	font-size:0.9em;
	color: #e7dfc4;
}
.Content .imgIntro{
	float: right; 
	clear: both;
}
.Content .imgIntro p{
	font-size: 1.1em;  padding: 0.27em;  text-align: center;  width: 98%; background: #555555; color:#ffffff; margin: 0 0 0 1.8em;
}
.Content .imgIntro img{
	margin: 20px 10px 0 2em;
    padding: 0;	width: 100%;
}
.boxAward{
	padding: 0 2em 0 1em;
	margin-bottom: 0.5em;
		}

.boxAward img{
	float: right;
	border: 1px solid #e5e5e5;
	width:30%;
}
.imgAward{
	padding: 2px;margin-bottom: 2em;
}
.boxAwardIso{
	width: 300px;
}
.boxAwardIso th{
	background-color: #93846f;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
}
.boxAwardIso td{
	background-color: #FFFFFF;
	padding: 2px;
	text-align: center;
	color: #666666;
}
.RightBox{
	float: right;
	text-align: center;
}
.RightBox .btnBig {
    background: none repeat scroll 0 0 #252525;
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    float: right;
    font-family: verdana,arial;
    font-size: 1em;
    padding: 1px 5px;
}
/*product img*/

.ComImg{
	float: right;
	text-align: center;
	display: block;
	padding: 2px;
	color: #5a5a5a;
	position: relative;
	top: 10px;
}
.ComImg img{
	width:100%;
}
.ComImglNoImg{
	display: none;
}

.RightBox .ComImg p{
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.RightBox .ComImg p img{
	padding: 2px;
	border: 1px solid #2b2316;
	background-color: #e3e3e3;
	margin-bottom: 0.5em;
}

.PicZoom{
	background:#353535; padding: 5px 0 0;
	border-radius:2px;
	height: 27px;
	width: 151px;
	margin: 5px auto 10px auto;
}

.PicZoom a{
	color: #ffffff;
}

.PicZoom a:hover{
	color: #282828;
}
/* table */
.tbForm{
	border: 1px solid #bbbbbb;
	margin-bottom: 8px;
}
.tbForm th{
	background-color: #cccccc;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ededed;
	padding: 4px;
}
.tbForm td{
	text-align: left;
	color: #353535;
	padding: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bbbbbb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbbbbb;
}
.TableBox{
	width: 99%;
	overflow: scroll;
	margin-bottom: 1em;
	margin-top: 1em;	
}
table.tbContact{
	color:#353535;
	border:0;
	line-height: 1.4em;
	font-size: 1em;
}
th.tbContact{
	padding: 4px;
}
td.colContact{
	padding-top: 4px; word-break:normal;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 20px;
	vertical-align: top;
	font-weight: bold;
	width: 35%;
	margin-bottom: 3px;
}
/* Footer */
.Footer{
	color: #fff;
	background-color: #4682B4;
	background: -webkit-linear-gradient(top, #4682B4, #274967);
	background: -o-linear-gradient(top, #4682B4, #274967);
	background: -moz-linear-gradient(top, #4682B4, #274967);
	background: linear-gradient(top, #4682B4, #274967);
}
.Footer a{color: #fff;}
.Footer .navFooter li ul{ display: none;}

.Footer ul.navFooter{
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #c3b19e;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 30px;
	float: left;
}
.Footer ul.navFooter li{
	display: block;
    float: left;
    list-style-type: none;
    margin-bottom: 1em;
    margin-left: 0.1em;
    margin-right: 0.8em;
}
.Footer .Address{
	color: #fff;
	font-size: 0.9em;
	line-height: 1.5em;
	float: right;
	text-align: right;
	margin-bottom: 0.3em;
	margin-top: 0.2em;
	padding-right: 30px;
	margin-right: 0px;
	}
.Footer .Copyright{
	font-size: 0.8em;
	padding-right: 30px;
	padding-bottom: 5px;
	line-height: 1em;
	clear: both;
	margin-top: 3px;
	text-align: right;
	padding-left: 20px;
}
.DetailDes{	margin: 1em 0; }
.boxProductBlk{
	float: left;
	width: 110px;
	margin-right: 5px;
}
.boxProductBlk img{ }

.fluid_container {
	max-width: 1280px;
	width: 100%;
}

.goog-te-gadget { height: 30px; overflow: hidden; font-size:1em; width:125px; float: right; }

.contactform table tbody td:first-child { width: 100%; }
.contactform table tbody td:last-child { display: none; }
img[src='/SiteStyle/NA/07/images/bg_title_01.gif'] { display: none; }