/************************Main Layout***************************/
body { 
	font-family:"微軟正黑體", arial;
	font-size:14px; 
	margin:0;
	padding:0;
	line-height:150%;
	background:url('../images/bg.png') no-repeat #F3F3F3;
	background-position: top center;
}

#web_container {
	margin:0 auto;
	width:980px;/* ipad 980 fit */
}

#web_header {
	background:url('../images/upbg_1.png') no-repeat;
	background-position: bottom center;
}




#web_navigation{
}

#jsddm
{	margin: 0;
    padding: 0 2px 0 0;

	}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Arial}

	#jsddm li a
	{	display: block;
		/*background: #20548E;*/
		padding: 0;
		text-decoration: none;
		border-right: 0px solid white;
        text-align:center;
		color: #616B62;
		white-space: nowrap}

	#jsddm li a:hover
	{	color:#0099ff;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			background: #ffffff}
		
		#jsddm li ul li a:hover
		{	background: #ffffff}

        #jsddm li .selected  { color:#ffffff; }

#web_content_container{
	float: left;
	width: 980px;
	background: url('../images/upbg_2.png');
    background-position: top center;
}

#web_content {
  padding:10px 0 0 0;
  /* background: #efefef; */
}

.padding_shadow{
  padding:0 12px 0 13px;
}

#bottom_shadow{
  height:6px;
  background: url(../images/upbg_3.png) no-repeat;
  margin:0 0 10px 0;
}

#web_footer {
  text-align:center;
  background:#231F20;
}

#web_copyright{
  padding:15px 0 15px 0;
  font-size:14px;
  color:#cccccc;
}

#web_copyright A:link {text-decoration: none; color: #cccccc;}
#web_copyright A:visited {text-decoration: none; color: #cccccc;}
#web_copyright A:active {text-decoration: none; color: #cccccc;}
#web_copyright A:hover {text-decoration: underline; color: #cccccc;}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

a{outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
p{text-align:justify;}

A:link {text-decoration: none; color: #333333;}
A:visited {text-decoration: none; color: #333333;}
A:active {text-decoration: none; color: #333333;}
A:hover {text-decoration: underline; color: #333333;}

img {/* for jquery animated png */
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */     
	zoom: 1;
}

/******************************** Normal Class *********************************/

div.normal{
  padding:0 20px 0 20px;   /* control shadow */
}

div.normal_boundary{
  padding:0 20px 0 20px;
}


div.alertYellow {
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	border: 1px #d8d074 solid;
	color: #838c1f;
	background: #fffcd6 url('inc/images/alert_error.png') 8px 50% no-repeat;
}

div.alertRed {
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	border: 1px #c79189 solid;
	color: #784534;
	background: #ffdfda url('inc/images/alert_exclamation.png') 8px 50% no-repeat;
}

div.alertGreen {
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	border: 1px #b3c789 solid;
	color: #597834;
	background: #f3ffda url('inc/images/alert_accept.png') 8px 50% no-repeat;
}

#logo_bg{
	background:url(../images/upbg_4) no-repeat;
	background-position: 98.3% bottom;
}

.subnavi_contact_area{
	background:#E8E9EB;
	padding:10px 20px 10px 20px;
	margin:0 0 5px 0;
	font-size:11px;
	line-height:160%;
	width:194px;
}

.subnavi_spaceing{
	padding:0 0 7px 0;
}

.img_padding{
    padding:10px;
	background:#E8E9ED;
}

.main_topic{
	color:#D3137E;
	font-size:30px;
	padding:10px 0 5px 0;
}

/********************** home ****************************/

.sub_navi_home{
	padding:0 0 2px 0;
}
/***************************** Prodect *****************/
.product_list{
	padding:0;
	margin:0;
}

.product_list li{
	list-style:none;
	padding:0 0 10px 0;
	margin:0;
	float:left;
}

.subnavi_product_list{
	padding:0;
	margin:0 0 20px 0;
}

.subnavi_product_list li{
	list-style:none;
	margin:1px 0 1px 0;
}

.subnavi_product_list li a,
.subnavi_product_list li a:link,
.subnavi_product_list li a:visited,
.subnavi_product_list li a:active{
	background:#E8E9EB;
	display:block;
	width:195px;
	padding:0 0 3px 40px;
}

.subnavi_product_list li a:hover{
	background: url('../images/arr.png') no-repeat #a3a4a6;
	background-position: 13% center;
	text-decoration: none;
	color:#ffffff;
}

.list_selected{
    background: url('../images/arr.png') no-repeat #6E6F71;
	background-position: 13% center;
}

.subnavi_product_topic{
	padding:0 10px 10px 10px;
	text-align:center;
}

/****** web_pagebar *****/
.web_pagebar a{
  padding: 2px 5px;
  margin: 2px 2px;
  text-decoration: none;
  font-size: 10px;
  color: #333333;
  border: 0px solid silver;
}

.web_pagebar a.selected, div.web_pagebar a:hover{
  background-color: #ADAEAF;
  color: white;
}

/************************** contact ********************/
.sub_topic{
	background:#D3147E;
	color:#ffffff;
	font-size:11px;
	padding:0 0 0 5px;
}

.contact_form{
	font-size:11px;
}

.contact_form input[type=text], .contact_form textarea{
	border:1px solid #D3147E;
	padding-left:3px;
	font-size:12px;
}