@charset "utf-8";
img, div, a, input, td { behavior: url(Scripts/iepngfix.htc) }
body{overflow-x:hidden}
.leftbg {
	background-image: url(../images/leftbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.mainbg {
	background-image: url(../images/mainbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
body {
	background-image: url(../images/top_bg_rig.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
.footerbg {
	background-image: url(../images/footerbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 100%;
	background-color: #eeeff0;
}

.stext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding-top: 5px;
}
.bodytexten {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding-right: 10px;
	line-height: 20px;
}


ul#menu, ul#menu ul {
	list-style-type:none;
	margin: 0;
	padding-left: 25px;
	width: 200px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

ul#menu a {
	display: block;
	text-decoration: none;	

	
}

ul#menu li {
	margin-top: 1px;

}

ul#menu li a {
	color: #333;
	padding: 0.7em;
	font-family: "微軟正黑體", "Microsoft JhengHei";
	font-size:14px;
height:19px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	
}

ul#menu li a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}


ul#menu li ul li a {
	color: #3F9DD0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-color: #FFFFFF;
	background-image: url(../images/dot_b.gif);
	background-repeat: no-repeat;
	background-position: 0px 13px;
	padding-left: 10px;
	letter-spacing: 4px;
}

ul#menu li ul li a:hover {
	color: #003669;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-image: url(../images/dot_db.gif);
	background-repeat: no-repeat;
	background-position: 0px 13px;
}



.searchtext {
	font-size: 1px;
	color: #D7D7D7;
}
.bodytextch {
	font-size: 12px;
	color: #666;
	padding-right: 10px;
	line-height: 20px;
	padding-left: 5px;
}
.bodytextchtt {
	font-size: 12px;
	color: #666;
	padding-right: 10px;
	line-height: 20px;
}
.menutop {
	padding-top: 25px;
	padding-right: 20px;

}
.bodytextenTT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding-right: 10px;
	padding-top: 5px;
}
.bodytextenTTitle {
	font-weight: bold;
	color: #FFF;
	background-color: #003366;
}




		
		/*
			Vertical Accordions
		*/
		
.accordion_toggle {
	display: block;
	height: 30px;
	width: 450px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #333;
	cursor: pointer;
	margin: 0;
	background-color: #e8f6fb;
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #369;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
	background-color: #ffffff;
	color: #666;
	overflow: hidden;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	width: 420px;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
.bodytextenTTT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding-right: 10px;
	padding-top: 5px;
}
.bodytextenTTT tr td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
a:link, a:visited, a:active {
	font-weight: bold;
	color: #00497E;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #36C;
	text-decoration: underline;
}
.bodytitle {
	font-weight: bold;
	color: #000;
}
.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #13427C;
}
.demopic {
	background-color: #CCC;
	padding: 8px;
	width: 300px;
}
.bodytextenTTTT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding: 5px;
}
.bodytextenTTTT tr td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEEEEE;
}
.ptable tr td {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EEEEEE;
}
.tabbg {
	background-image: url(../images/title_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 26px;
	width: 188px;
	line-height: 23px;
	text-align: center;
}
.tabbg a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-position: center center;
	font-weight: normal;
}
.footerbg div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	text-align: center;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.footerbg div a {
	text-decoration: none;
}
.footerbg div a:link, .footerbg div a:visited, .footerbg div a:active {
	text-decoration: none;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.footerbg div a:hover {
	font-weight: normal;
	color: #666;
	text-decoration: underline;
}
/*online shop left menu*/
ul#onlinemenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	list-style-type: none;
	display: block;
	/*	border: 1px solid #F00;*/
	margin:20px 12px 0px 8px;
	padding:0px;
}
ul#onlinemenu ul {
	margin:0px;
	padding:0px;
}
ul#onlinemenu li {
	margin:0px;
	padding:0px;
}
/*//level one*/
ul#onlinemenu .l1 a {
	font-weight: normal;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	display: block;
	background-image: url(../images/c_1_on.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 3px 8px;
	height:27px;
	
}
ul#onlinemenu .l1 a:link {
	text-decoration: none;
}
ul#onlinemenu .l1 a:hover {
	text-decoration: none;
	color:#00ccff;
}
ul#onlinemenu .l1 a.active {
	text-decoration: none;
	font-weight: bold;
}
ul#onlinemenu .l1 ul {
	list-style-type: none;
	display: block;
	padding-left: 0px;
}
/*level two*/
ul#onlinemenu .l2 {
	background-color: #deeef7;
	display:block;
}
ul#onlinemenu .l2 a {
	font-size: 11px;
	font-weight:bold;
	display:block;
	padding-left:30px;
	background-image: url(../images/c_2_on.gif);
	background-repeat: no-repeat;
	background-position: 16px 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
ul#onlinemenu .l2 a:hover {
	background-color: #005eae;
	color:#FFF;
}
ul#onlinemenu .l2 a.active {
	background-color: #005eae;
	color:#FFF;
}
/*level three*/
ul#onlinemenu .l3 {
	background-color: #f2fafd;
	display:block;
}
ul#onlinemenu .l3 a {
	font-size: 11px;
	font-weight:bold;
	display:block;
	padding-left:35px;
	background-image: url(../images/c_3.gif);
	background-repeat: no-repeat;
	background-position: 24px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
ul#onlinemenu .l3 a:hover {
	background-image: url(../images/c_3_on.gif);
	background-repeat: no-repeat;
	background-position: 24px 10px;
	background-color: #99ccff;
	color:#FFF;
}
ul#onlinemenu .l3 a.active {
	background-image: url(../images/c_3_on.gif);
	background-repeat: no-repeat;
	background-position: 24px 10px;
	background-color: #99ccff;
	color:#FFF;
}
/*onlineshop content*/

/*levelbar*/
#levelbar {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #33ccff;
	padding-left: 10px;
	margin: 22px 20px 0px 20px;
}
#levelbar a.active {
	color:#09F;
	text-decoration: underline;
}
/*product list*/
#product {
	margin: 22px 20px 0px 20px;
	width:650px;
	float:left;
	height:100%;
}
#product .item {
	width:640px;
	float:left;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eee;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #eee;
	padding-bottom:10px;
	margin-bottom:20px;
}
#product .item .photodes {
	margin:10px 20px 10px 10px;
	height:auto;
	width:161px;
	float:left;
}
#product .item .photodes #productphoto {
	width:150px;

	border:solid 3px #e1eef3;
	padding:0px;
	margin:0px;
}
#product .item .photodes .price, #product .item .photodes .des {
	width:155px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:10px;
}
#product .item .photodes .details a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	width:154px;
	padding:2px;
	margin:0px;
	background: #666;
	color: #FFF;
	font-weight:normal;
	display:block;}

#product .item .photodes .price {
	font-size:14px;
}
#product .item .content p{
		padding: 0;
	margin: 0;
}
#product .item .content {
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:420px;
}
#product .item .content h1 {
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
	display:block;
	width:410px;
	float:left;
	margin-bottom:15px;
}
#product .item .content h2 {
	font-size:12px;
	font-weight:normal;
	margin:0px;
	display:block;
	width:410px;
	float:left;
}
#product .item .content h1 b{
	text-align:right;
		font-size:10px;
	font-weight:normal;

	display:block;

	float:right;
}
#product .item .content .contact{
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
		float:left;
			width:410px;
			padding:10px;
			margin-top:20px;
			background-color: #09F;
			color:#FFF;
			text-align:center;
	}
#product .item .content .contact a{color:#FFF; text-decoration:underline;}
.logo{
	width:150px;
	float:left;}
.logo img{
	width:120px;
	height:auto;
	}

/*item details*/
#product .itemdetails {
	width:640px;
	float:left;
	height:auto;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eee;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #eee;
	padding-bottom:10px;
	margin-bottom:20px;
}
#product .itemdetails .photodes {
	margin:10px 20px 10px 10px;
	height:auto;
	width:260px;
	float:left;


}
#product .itemdetails .photodes #productphoto {
	width:250px;
	border:solid 3px #e1eef3;
	padding:0px;
	margin:0px;
	
	
}
#product .itemdetails .price, #product .itemdetails .des {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:10px;
	float:left;
	width:300px;

}
#product .itemdetails .photodes .details a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	width:154px;
	padding:2px;
	margin:0px;
	background: #666;
	color: #FFF;
	font-weight:normal;
	display:block;}

#product .itemdetails .photodes .price {
	font-size:14px;
}
#product .itemdetails .content p{
	padding: 0;
	margin: 0;
}
#product .itemdetails .content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin:20px ;
	width:520px;

}
#product .itemdetails h1 {
		font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
	display:block;
	width:310px;
	float:left;
	margin-bottom:15px;
}

#product .itemdetails h5{
	text-align:left;
		font-size:10px;
	font-weight:normal;

	display:block;
	width:310px;
	margin: 0px 0px 20px 0px;
	float:left;
}
#product .itemdetails .contact{
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
		float:left;
			width:310px;
			padding:10px;
			margin-top:20px;
			background-color: #09F;
			color:#FFF;
			text-align:center;
	}
#product .itemdetails .contact a{color:#FFF; text-decoration:underline;}

#product .itemdetails .print{
	display:block;
	border:solid 1px #ccc;
	padding:3px;
	width:35px;
	text-align:center;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFF;
		background-color: #333;}
#product .itemdetails a:hover.print {
	background-color: #09F;}


.news{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 0px 5px 0px;
	color:#333;
	padding-bottom:5px;
	border-bottom: dotted 1px #CCC;
	width:350px;
	
	}
.news h1{
	font-size:14px;
	display:block;
	margin:3px 0px 5px 0px;
	}
	
.clientlogo{
	margin:10px;
	float:left;
	}
.clientlogo img{
	width:auto;
	height:30px;
	display:block;
	margin-right:10px;
	float:left;
}
/*add in march 8*/
.fontbox{
	width:186px;
	float:left;
	margin:0px 1px 10px 0px;
	}

.fontbox h1{
	font-size:12px;
	font-weight:normal;
	text-align:center;
	background-image:url(../images/title_bg.jpg);
	display:block; height:26px;
	margin:0px;
	line-height:22px;
	color:#000;
	}
.fontbox a img{
	border:0px;
	float:left;}	
	
.fontbox b a{
	font-size:11px;
	font-family:新細明體;
	font-weight:normal;
	display:block;
	float:left;
	width:130px;
	margin:3px 0px 0px 3px;
	text-align:left;
		line-height:15px;
	}	
.fontbox b a:hover{
	color:#333;
	text-decoration:none;}
.fontboxcontiner{
	float:left;
	width:575px;
	margin-top:3px;}
.marq{float:right; margin:3px 15px 0px 5px;
width:355px; }
	
	/*update 2014 june*/
h3{font-family:Gotham, "Microsoft Jhenghei", Helvetica, Arial, sans-serif; font-size:16px; color:#3f9dd0; font-weight: bold; margin-top:20px}
table#Tele{ font-size:11px; font-family:Gotham, "Microsoft Jhenghei", Helvetica, Arial, sans-serif; border:1px solid #003366}
table#Tele tr td{ text-align:left; vertical-align:top; padding:3px; border-bottom:1px solid #DADADA}
table#Tele tr td + td{ border-left:1px solid #CCC}
table#Tele tr th{ text-align:left; font-weight: bold;
color: #FFF;
background-color: #003366;vertical-align:top; padding:3px}
.teleimg{ margin-top:10px; float:left}
.teleimg span{ display:block; width:100%; text-align:center}
.teleimg img{ display:block; float:left; margin-right:4px}