@charset "utf-8";
/* CSS Document */
.bar_frmae {
	margin: 0 auto;
	width: 1000px;
	min-height: 110px;
	background-image: url(img/bar1.jpg);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	overflow: hidden;
}
.logo_div {
	width: 85px;
	height: 85px;
	margin-left: 30px;
	margin-top: 17px;
	text-align: center;
	overflow: visible;
}
.body_div {
	width: auto;
	height: auto;
	min-height: 750px;
	min-width: 1000px;
	max-width: 1000px;
	max-height: 790px;
	margin: 0 auto;
	/*border-width: 2px;
	border-style: dashed;*/
	background-image: url(img/right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
	overflow: hidden;
}
.cont_frame {
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	min-width: 870px;
	max-width: 870px;
	vertical-align: text-top;
	border-bottom: 5px double rgba(210,235,249,0.4);
	border-bottom-left-radius: 10px;
	border-right: 5px solid rgba(210,235,249,0.4);
	border-bottom-right-radius: 10px;
	margin-left: 150px;
}
.scl_div, .eqp_scl_div {
	width: auto;
	height: auto;
	min-width: 850px;
	max-width: 850px;
	min-height: 750px;
	max-height: 750px;
	overflow: auto;
	/*position: relative;
	top: 0px;
	right: 0px;*/
	text-align: center;
}
.eqp_scl_div {
	max-height: 530px;
	min-height: 530px;
}
.test {
/background: rgb(254,255,255); /* Old browsers */
 /background: -moz-linear-gradient(right, rgba(254,255,255,1) 70%, rgba(210,235,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(70%, rgba(254,255,255,1)), color-stop(100%, rgba(210,235,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(right, rgba(254,255,255,1) 70%, rgba(210,235,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(right, rgba(254,255,255,1) 70%, rgba(210,235,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(right, rgba(254,255,255,1) 70%, rgba(210,235,249,1) 100%); /* IE10+ */
	background: linear-gradient(to left, rgba(254,255,255,1) 70%, rgba(210,235,249,1) 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9', GradientType=1 ); /* IE6-9 */
}
.nav_bg {
	width: auto;
	height: auto;
	min-height: 780px;
	min-width: 130px;
	max-width: 130px;
	max-height: 780px;
	/*border: 1px double rgba(0,0,0,1.00);*/
	float: left;
}
.nav {
	position: relative;
	top: 0px;
	left: 0px;
	width: 130px;
	vertical-align: text-top;
	word-wrap: break-word;
	word-break: break-all;
	text-align: center;
}
.nav_d, .nav_c {
	position: relative;
	top: 0px;
	left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 120px;
}
.nav_c {
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-right-style: solid;
	border-right-width: 2px;
}
.nav_b {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 125px;
	height: auto;
	border-left-color: rgba(210,235,249,0.4);
	border-bottom-color: rgba(210,235,249,0.4);
	border-top-color: rgba(210,235,249,0.4);
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-width: 5px;
	border-bottom-width: 5px;
	border-top-width: 5px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: rgba(179,214,254,1.00);
	border-top-right-radius: 10px;
}
p {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, "標楷體";
	width: auto;
	line-height: 28px;
	font-size: 24px;
	letter-spacing: 1.5px;
	text-align: justify;
	margin-top: 20px;
}
.atc {
	word-break: break-all;
	word-wrap: break-word;
	margin-right: 15px;
}
.en {
	max-width: 770px;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 2px;
	text-align: justify;
	padding-top: 2.5px;
	padding-bottom: 2.5px;
	margin-left: 1em;
	text-indent: 2em;
	word-wrap: break-word;
	word-break: keep-all;
}
Pl {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, "微軟正黑體";
	line-height: 28px;
	font-size: 26px;
	letter-spacing: 1px;
	text-align: justify;
	word-wrap: break-word;
	word-break: break-all;
}
Ple {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, "新細明體";
	line-height: 15px;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: center;
	word-break: keep-all;
}
.subtitle {
	text-indent: 1em;
	font-weight: bolder;
}
a.e:link, .nav_fo {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, "標楷體";
	color: rgba(50,0,255,1.00);
	text-decoration: none;
	border-bottom-style: dashed;
	border-bottom-color: rgba(233,233,233,1.00);
	border-bottom-width: 1px;
	display: inline-block;
	margin-bottom: 2px;
	padding-top: 4px;
	width: 120px;
}
a.e:visited {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, "標楷體";
	color: rgba(50,0,255,1.00);
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-color: rgba(233,233,233,1.00);
	border-bottom-width: 1px;
	display: inline-block;
}
a.e:hover {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, "標楷體";
	color: rgba(50,0,255,1.00);
	text-decoration: none;
	font-weight: bolder;
	background-color: rgba(215,233,254,1.00);
	display: inline-block;
	border-radius: 10px;
}
a.f:link {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, "微軟正黑體";
	text-align: center;
	color: rgba(50,0,255,1.00);
	text-decoration: none;
	display: inline-block;
	margin-bottom: 4.5px;
	margin-top: 4.5px;
	width: 95px;
}
a.f:visited {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, "微軟正黑體";
	color: rgba(50,0,255,1.00);
	text-decoration: none;
	display: inline-block;
}
a.f:hover {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, "微軟正黑體";
	color: rgba(50,0,255,1.00);
	text-decoration: none;
	font-weight: bolder;
	background-color: rgba(215,233,254,1.00);
	display: inline-block;
	border-radius: 8px;
}
a.g:link {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, "微軟正黑體";
	font-size: 22px;
	text-align: center;
	color: rgba(50,0,255,1.00);
	text-decoration: none;
	display: inline-block;
	padding-bottom: 4.5px;
	padding-top: 4.5px;
	width: 180px;
	vertical-align: middle;
}
a.g:visited {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, "微軟正黑體";
	color: rgba(50,0,255,1.00);
	text-decoration: none;
	display: inline-block;
}
a.g:hover {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, "微軟正黑體";
	color: rgba(50,0,255,1.00);
	text-decoration: none;
	font-weight: bolder;
	background-color: rgba(96,74,188,0.09);
	display: inline-block;
	border-radius: 8px;
}
.top01 {
	float: right;
	z-index: 1;
	position: relative;
	/*margin-left:130px;*/
	top: 0px;
	left: 0px;
	width: 450px;
	height: 30px;
	font-size: 18px;
	color: #000000;
	letter-spacing: 2px;
	text-align: right;
}
.loc {
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 395px;
	text-align: left;
	height: 25px;
	margin-left: 25px;
	margin-top: 5px;
	font-size: 16px;
	letter-spacing: normal;
	color: rgba(7,0,170,1.00);
	z-index: 5;
	overflow: visible;
}
.prod_top {
	position: relative;
	top: 0px;
	right: 400px;
	z-index: 1;
	width: 850px;
	height: 40px;
	/*font-size: 18px;
	color: #000000;*/
	letter-spacing: 2px;
	text-align: center;
	margin: 0 auto;
}
.prod_top:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}
fo, fom, fomc {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, "新明細體";
	font-size: 22px;
	font-weight: bolder;
	text-align: center;
	text-decoration: underline;
	color: #000000;
	display: inline-block;
	padding-bottom: 4.5px;
	padding-top: 4.5px;
	width: 180px;
	display: inline-block;
	vertical-align: middle;
}
fomc {
	width: 140px;
}
fom {
	width: 145px;
}
.certiframe {
	display: inline-block;
	max-width: 300px;
	vertical-align: middle;
	padding-bottom: 5px;
}
.certiframe img {
	width: auto;
	height: auto;
}
.prodtable img, .prodtable_nch img {
	padding-right: 5px;
	border-right-style: dashed;
	border-right-width: 1px;
	display: inline-block;
	vertical-align: middle;
	height: auto;
	width: auto;
	max-height: 95%;
	max-width: 95%;
}
.prodtable, .prodtable_nch {
	position: relative;
	top: 50px;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	width: auto;
	max-width: 800px;
	height: 180px;
	white-space: nowrap;
	overflow: auto;
	background-color: rgba(177,185,247,0.65);
	border-radius: 20px;
	border: 10px solid rgba(177,185,247,0.65);
}
.prodtable_nch {
	top: 50px;
}
/*.prodtable:before{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
*/
.fixblock {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.showprod, .showprod_nch {
	position: relative;
	left: 00px;
	top: 40px;
	width: 650px;
	height: 500px;
	vertical-align: auto;
	margin-left: 0px;
}
.showprod_nch {
	top: 55px;
}
.showprod:before {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.showprod_nch:before {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.showprod img {
	display: inline-block;
	vertical-align: middle;
	height: auto;
	width: auto;
	max-height: 95%;
	max-width: 95%;
}
.showprod_nch img {
	display: inline-block;
	vertical-align: middle;
	height: auto;
	width: auto;
	max-height: 95%;
	max-width: 95%;
}
.showtext, .showtext_nch {
	float: right;
	position: relative;
	top: 50px;
	width: 190px;
	height: 150px;
	border-style: dotted;
	border-width: 1px;
	margin-right: 10px;
}
.showtext_nch {
	top: 66px;
}
.oops {
	position: relative;
	top: 150px;
	margin: 0 auto;
	width: 500px;
	height: 300px;
	border: 2px double rgba(11,30,147,1.00);
	border-radius: 20px;
}
.oops p {
	text-align: center;
	font-size: 30px;
	letter-spacing: 1.5px;
	margin-top: 125px;
}
.eqp_div {
	position: relative;
	top: 5px;
	left: 0px;
	width: auto;
	height: auto;
	max-width: 600px;
	/*border:1px dashed rgba(0,0,0,1.00);*/
	text-align: center;
	margin-bottom: 5px;
}
.eqp_div img {
	position: relative;
	top: 2px;
	left: 0px;
	width: 95%;
}
.eqp_scl_div div {
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	max-width: 750px;
}
.eqp_showtext {
	float: right;
	position: relative;
	right: 18px;
	top: 15px;
	width: 230px;
	height: auto;/*border-style: dotted;
	border-width: 1px;
	margin-right: 10px;*/
}
.eqp_showtext p {
	margin-top: 0px;
	line-height: 1.4em;
	word-break: break-all;
	word-wrap: break-word;
}
.eqp_showtext_e {
	position: relative;
	top: 0px;
	left: 5px;
	width: auto;
	height: auto;
	max-width: 800px;/*max-height:230px;
	min-height:230px;*/
}
.eqp_showtext_e p {
	margin-top: 0px;
	line-height: 1.2em;
	word-break: keep-all;
	text-align: justify;
}
.footer {
	margin: 0 auto;
	position: relative;
	top: 0px;
	z-index: 3;
	/*border:2px dashed rgba(51,20,245,1.00);*/
	width: auto;
	max-width: 1000px;
	height: auto;
	max-height: 100px;
}
.footer p {
	font-size: 20px;
	width: auto;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 0px;
}
 @media screen and (max-height: 900px) {
.bar_frmae {
	height: 69px;
	background-size: 100%;
}
.logo_div {
/*	width: 70px;
	margin-left: 40px;
	margin-top: 18px;*/
}
.body_div {
	min-height: 650px;
	max-height: 650px;
}
.scl_div {
	min-height: 620px;
	max-height: 620px;
}
.prodtable, .prodtable_nch {
	top: 55px;
}
.showprod, .showprod_nch {
	width: 650px;
	height: 360px;
	top: 40px;
}
.showprod_nch {
	top: 56px;
}
.showtext, .showtext_nch {
	right: 10px;
	top: 48px;
	width: 250px;
}
.showtext_nch {
	top: 65px;
	width: 290px;
}
.en {
	font-size: 20px;
}
.nav_d, .nav_c {
	padding-top: 1px;
	padding-bottom: 1px;
}
.nav_d Pl, .nav_c Pl {
	font-size: 22px;
}
a.f:link {
	font-size: 16px;
}
.scl_div p, .eqp_showtext_e p, .eqp_showtext p {
	font-size: 20px;
}
.eqp_scl_div {
	min-height: 470px;
	max-height: 470px;
}