@charset "utf-8";
/* CSS Document */
body{
	font-size:75%;
	font-family:Arial,"Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
	letter-spacing:0.1em;
	word-spacing:0em;
	line-height:1.3;
	color:#333333;
	margin:0;
	padding:0;
}
img, div{
	behavior:url(iepngfix.htc);/*解決IE6無法正常顯示PNG圖片*/
	border:none;
	margin:0;
	padding:0;
}
ul,ol,dl{
	margin:0;
	padding:0;
}

input{
	margin:0;
	padding:0;
}
a{
	color:#0066CC;
	text-decoration:none;
}
a:hover{
	color:#0066CC;
	text-decoration:underline;
}
a:visited{
	color:#0066CC;
}
.text_super{
	margin:0 0 0 2px;
	vertical-align:super;
	font-size:65%;
}
/*首頁樣式---start*/
#iwrapper{
	position:relative;
	width:980px;
	margin:0 auto;
}
#iFlash{
	background-color:#4272C8;
	margin:50px 0 0 0;
}
#iProductfeatures{
	width:980px;
	padding:10px 0 0 0;
	clear:both;
}
/*Hot news
---------------------------------------------*/
#HotNews{
	margin:10px 0 5px 0;
	width:981px;
	height:31px;
}
#HotNews .HotNewsTitle{
	float:left;
}
#HotNews .HotNewsContent{
	float:left;
	padding:0 0 0 8px;
	width:870px;
	height:29px;
	vertical-align:middle;
	border-top:1px #CDDEFF solid;
	border-bottom:1px #CDDEFF solid;
	border-right:1px #CDDEFF solid;
	background:#F5F8FF url(../image/bg_bottom.gif) bottom left repeat-x;;
}

/*Hot news slider effect - start
-----------------------------------------------------*/
#newsticker-demo {
	width:875px;
	height: 29px;
	font-style:normal;
	overflow:hidden;
	border-top:1px #CDDEFF solid;
	border-bottom:1px #CDDEFF solid;
	border-right:1px #CDDEFF solid;
	background:#F5F8FF url(../image/bg_bottom.gif) bottom left repeat-x;;
}
}
#newsticker-demo .title {
	font-size:14px;
	font-weight:bold;
	color:#CCCCCC;
	margin:0 20px 0 0;
}
#newsticker-demo p {
	margin:0px;
	padding: 0px 0px 0px 15px;
}
#newsticker-demo ul {}
#newsticker-demo li {
	list-style:none;
	display:block;
	padding:6px 0px;
	height:19px;
	font-family: Arial;
	font-size:14px;
}
#newsticker-demo li a {
	color:#0066CC;
}
.previous {
	outline:none;
	cursor:pointer;
	margin-left:145px;
	vertical-align: bottom;
}
.next {
	outline:none;
	cursor:pointer;
	margin-left:145px;
	vertical-align: top;
}
/*Hot news slider effect - end
-----------------------------------------------------*/
/*首頁樣式--end*/

/*內頁樣式---start*/
#wrapper{
	position:relative;
	width:980px;
	margin:0 auto;
}
#header{
	position:relative;
}
#banner{ /*css hack:FF*/
	margin-top:50px;
	width:100%;
}
*+html #banner{ /*css hack:IE7.8*/
	padding-top:0px;
	width:100%;
}
_html #banner{ /*css hack:IE6*/
	padding-top:37px;
	width:100%;
}
#container{
	margin-top:0px;
	margin-left:-2px;
	padding:0;
	width:986px;
	overflow:visible;
	background:url(../image/rounded-right.gif) top right no-repeat;
}

/*corner 2*/
.cornerBg {
float: left;
width:980px;
color: #666;
background: url(../image/rounded-right.gif) top right no-repeat;
}
.cornerTop {
margin: 0;
padding: 5px 0 0 10px;
background: url(../image/rounded-left.gif) top left no-repeat;
}
.cornerBottom {
margin: 0;
padding: 0 0 0 9px;
background: url(../image/rounded-left.gif) bottom left no-repeat;
}
.cornerBottom em {
display: block;
padding:0;
font-style: normal;
background: url(../image/rounded-right.gif) bottom right no-repeat;
}
.cornerBg a {
	font-size: 130%;
	color: #e70;
}

.FontBold{/*粗體，強調內文用*/
	font-weight:bold;
}
.GoToTop{
	display:block;
	float:right;
	margin-right:10px;
	clear:both;
}
.DiagramCenter{/*圖片置中*/
	text-align:center;
}　
.DiagramCenter img {
	margin:15px 0 10px 0;
	padding:9px;
}
.DiagramCenter span{
	display:block;
	width:350px;
	background:#EFEFEF;
	margin:10px auto;
	padding:10px;
	text-align:center;
	color:#666666;
}
.DiagramNormal{
	clear:both;
}　
.DiagramNormal img {
	margin:15px 0 10px 0;
	padding:10px;
}
.DiagramExpalin{
	display:block;
	width:400px;
	background:#EFEFEF;
	margin:10px 0 15px 0;
	padding:10px;
	text-align:center;
	color:#666666;
}
.DiagramInline li{/*圖片橫向排列*/
	 float:left;
	 display:inline;
	 margin:0 0 5px 5px;
}
.DiagramInline li span{
	width:300px;
	display:block;
	padding:5px;
	text-align:center;
	color:#666666;
	background:#EFEFEF;
}
.SitempaTitle{
	margin:3px 0 0 -6px;
	padding:0 0 0 5px;
	background:url(../image/bg_subnav_title.gif) top left repeat-x;
	width:974px;
	_width:974px;
	height:36px;
	}
#primary{
	width:780px;
	_width:767px;
	margin:0 0 0 190px;
	_margin:0 0 0 188px;/*for IE6*/
	padding:5px 0 0 0;
	min-height:550px;
	_height:550px;
	border-left:1px solid #E1E1E1;
	/*background:#669933;*/
}
#primary .subtitlebg{
	margin:3px 0 0 0;
	padding:0;
	background:url(../image/bg_subnav_title.gif) top left repeat-x;
	width:770px;
	height:36px;
}

#primary .section{
	width:99%;
	margin:0;
	padding:0 0 0 5px;
	*margin:0 0 0 0;/*支援IE6.IE7,不支FF IE8b*/
}
#primary .sectionProductDetails{
	width:90%;
	margin:0;
	padding:0;
}

#primary hr{
	background:url(../image/bg_line02.jpg) no-repeat center ;
	margin:0;
	height:36px;
	width:749px;
	border:0px;
}

#primary h2{
	margin:0;
	padding:0;
}
#primary h3{
	margin:30px 0 0px 8px;
	padding:0 0 4px 0;
	width:96.5%;
	_width:100%;
	color:#333333;
	font-weight:bold;
	font-size:138%;
}
#primary  h3.toptitle{
	margin:15px 0 0px 8px;
	padding:0 0 4px 0;
	width:96.5%;
	_width:100%;
	color:#333333;
	font-weight:bold;
	font-size:138%;
}
#primary h4{
	display:block;
	margin:15px 0 0px 11px;
	padding:10px 0 6px 7px;
	width:730px;
	background:#f2f2f2;
	border-left:5px solid #cccccc;
	color:#666666;
	font-weight:bold;
	font-size:110%;
}
#primary h4.toptitle{
	display:block;
	margin:0px 0 0px 11px;
	padding:10px 0 6px 7px;
	width:730px;
	background:#f2f2f2;
	border-left:5px solid #cccccc;
	color:#666666;
	font-weight:bold;
	font-size:110%;
}
#primary p{
	margin:-2px 18px 15px 12px;
}
#primary p.FirstP{
	margin:20px 18px 15px 12px;
}
#primary p.RMA{
	margin:20px 18px 15px 12px;
}

#primary ul{
	margin:0px 15px 10px 40px;
}
#primary ol{
	margin:0px 15px 10px 40px;
}
#primary ol ul{
	list-style:square;
	margin:5px 0 5px 17px;
}
.functionTitle{
	margin:0;
	padding:0 0 0 5px;
	background:url(../image/bg_subnav_title.gif) top left repeat-x;
	width:777px;
	_width:776px;/*IE6*/
	height:39px;
}
#secondary{
	margin:0px;
	padding:5px 0 0 0;
	float:left;
	width:184px;
}
#secondary h1{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#secondary .subnav{
	list-style:none;
	margin:-8px 0 0 0;
	padding:15px 0 12px 8px;
	background:#DDECFC;
	/*background:url(../image/bg_subnav.jpg) top left no-repeat;*/
	font-size:105%;
	font-weight:normal;
	letter-spacing:1px;
}
#secondary .subnav li{
	width:165px;
	padding:5px 0 0 0;
	/*height:30px;*/
}
#secondary .onFocus{
	font-weight:bold;
}
#secondary .subnav li a{
	display:block;
	padding:2px;
	width:165px;
	border-bottom:1px solid #BACFF1;
	color:#666666;
	text-decoration:none;
}
#secondary .subnav li.onfocus a{
	color:#0066CC;
	font-weight:bold;
	background:#99CCFF;
}
#secondary .subnav li a:hover{
	color:#0066CC;
}
#secondary .SubChildnav{
	list-style:none;
	margin:0 0 0 20px;
}
#secondary .SubChildnav li{
	list-style:none;
	width:70px;
	
}
#secondary .SubChildnav li a,#secondary .SubChildnav li a:visited{
	padding:3px 0 3px 3px;
	width:70px;
	color:#666666;
	text-decoration:none;
	border-bottom:1px solid #BACFF1;
}
#secondary .SubChildnav li a:hover{
	color:#0066CC;
}
#secondary .SubChildnav li.onfocus a{
	color:#0066CC;
	font-weight:bold;
	background:#99CCFF;
}
.TB01{
	margin:15px 0 0 30px;
}
.TB01 tr{
	background:#E1F1FA;
}
.TB01 td{
	padding:8px;
}
.MobileListTB{ /*適用3G手機列表*/
	margin:5px 0 0 0;
	border:1px #CCCCCC solid;
	width:700px;
}
.MobileListTB th{
	background:#E1E1E1;
	padding:5px;
	font-size:bold;
}
.MobileListTB td{ 
	vertical-align:top;
	text-align:left;
	padding:0;
}
#RMA span.step{
	display:block;
	font-weight:bold;
	margin:0 0 0 0;
	padding:7px 0px 5px 6px;
	width:50px;
	background:#E1F0FF;
}
#RMA span.AddressSection{
	display:block;
	padding:6px;
	width:550px;
	border:1px dotted #CCCCCC;
	background:#F7F7F7;
}
#RMA span.address{
	text-decoration:underline;
}
#PartnerFrom{
	margin:0 0 0 50px;
}
#PartnerFrom td{
	background:#F4F4F4;
	padding:5px;
}
#PartnerFrom span.RequiredColumn{
	color:#0066CC;
}
.map{
	vertical-align:middle;
}
#download {
	margin:0;
}
#download table{
	margin:10px 0 0 30px;;
}
#download td{
	padding:5px;
	background:#F4F4F4;
}
#download span.step{
	display:block;
	bold:bold;
	margin:0 0 0px 0;
	padding:3px;
	width:50px;
	background:#E1F0FF;
}
/*FAQ清單
---------------------------------------------*/
#faq{
	margin:10px 0 0 10px;
}
#faq .question{
	color:#6699CC;
	margin:0 15px 15px 30px;
	text-indent:-33px; /*凸排*/
}
#faq .answer{
	margin:5px 15px 0 0px;
	padding:5px 10px 10px 10px;
	border:5px solid #E4E4E4;
	overflow:auto;
}
#faq img{
	margin:8px 0 0 20px;
}
#faq .answer p{
	margin:0;
	text-indent:1em;
}
#faq span{ /*內文*/
	display:block;
	margin:8px 0 0 30px;
}
#faq span.tip { /*內文*/
	display:block;
	margin:0 0 0 20px;
	font-weight:bold;
}
#faq span.imgexplain{
	display:block;
	width:200px;
	background:#D2E9FF;
	margin:30px auto 10px auto;
	padding:5px;
	text-align:center;
	color:#666666;
}
#faq span.FirmwareDownloadWay{ /*"下載方式"標題*/
	margin:15px 0 0 8px;
	font-weight:bold;
	font-size:110%;
	clear:both;
}
#faq ol.addImg{ /*清單中有圖片*/
	margin:8px 0 0 30px;
}
#faq ol.addImg li{
	padding:0 0 30px 0;
}
#faq ol.addImg li img{
	display:block;
	margin:0;
	padding:8px 0 3px 0;
}
#faq ol.SubsetpAddImg{ /*第二層子清單中有圖片*/
	margin:8px 0 0 40px;
	list-style-type:lower-alpha;
}
#faq ol.SubsetpAddImg li{
	padding:0 0 30px 15px;
	padding:0 0 30px 0 \9;
}
#faq ol.SubsetpAddImg li img{
	display:block;
	margin:0;
	padding:8px 0 0 0;
}
#faq ol.NoneImg{ /*清單中無圖片*/
	margin:8px 0 0 30px;
}
#faq ol.NoneImg li{
	padding:0 0 5px 0;
}
#faq ul.sublist li{
	padding:5px;
}
#faq .answer dl{ /*步驟說明區*/
	margin:0 0 0 0px;
}
#faq .answer dl dt{
	display:block;
	margin:5px 10px 5px 0;
	padding:10px;
	color:#666666;
	font-weight:normal;
	font-size:110%;
	background:#ECF5FF;
	border-bottom:2px #B5DAFF solid;
}
#faq .answer dl dd{
	padding:0 0 5px 0;
	text-indent:8px;
}
#faq .answer dl.list dd{/*有序號內文*/
	margin:0 0 0 20px;
	padding:0px 0 10px 0px;
	/*text-indent:-30px;*/
}
#faq .answer dl.list dd.article{/*無序號內文*/
	padding:0px 0 10px 20px;
	text-indent:0px;
}
#faq table{
	margin:0 0 0 25px;
	border-top:2px #E4E4E4 solid;
	border-left:2px #E4E4E4 solid;
}
#faq th{
	padding:5px;
	background:#F4F4F4;
	text-align:center;
	font-weight:normal;
	border-bottom:2px #E4E4E4 solid;
	border-right:2px #E4E4E4 solid;
}
#faq td{
	padding:5px;
	border-bottom:2px #E4E4E4 solid;
	border-right:2px #E4E4E4 solid;
}
/*firmware list
---------------------------------------------*/
#FirmwareList{
	margin:0;
	padding:0;
	}
#FrimwareList ul{
	margin:0;
	padding:0;
	list-style:none;
	width:640px;
}
#FirmwareList li{/*在li元素中設定float屬性，讓它由左向右依序以文繞圖顯示*/
	float:left;
	display:block;
	width:210px;
	margin:3px 0 0 3px;
	padding:0;
	text-align:center;
	border:1px solid #CCCCCC;
	}
#FirmwareList h1{
	display:block;
	width:auto;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:110%;
	}

#FirmwareList h1 span{/*將span元素的display屬性指定為block，讓接在商品圖片之後的商品名稱的文字自動換行到下一列*/
	display:block;
	color:#FFFFFF;
	background-color:#666666;
	margin:0;
	padding:5px 0;
	font-size:75%;
	}
.firmwareListTitle{/*firmware列表表頭*/
	display:block;
	margin:0;
	padding-left:4px;
	border-left:4px #6699FF solid;
	font-size:110%;
	font-weight:bold;
	color:#666666;
}
#FirmwareList .firmwareListTitle a:link{
	display:block;
	margin:0;
	padding-left:4px;
	border-left:4px #6699FF solid;
	font-size:110%;
	font-weight:bold;
	color:#666666;
}
#FirmwareList .firmwareListTitle a:hover{
	color:#0066CC;
	text-decoration:underline;
}
#FirmwareList .notice{
	margin:0 0 0 6px;
	padding-left:4px;
	color:#666666;
}
/*以定有firmware list製作firmware資訊欄，並加入框線和底色等，作適度編排*/
#FirmwareList dl{
	margin:0;
	}
#FirmwareList dt{
	background-color:#F4F4F4;
	margin:0;
	padding:5px 0;
	font-size:85%;
	width:200px;
	}
#FirmwareList dd{
	background-color:#FFFFFF;
	margin:0;
	padding:5px 0;
	vertical-align:0;
	font-size:85%;
	}
	
/*firmware list
---------------------------------------------*/
#FirmwareList02{
	margin:0;
	padding:0;
	display:none;
	
	}
#FrimwareList02 ul{
	margin:0;
	padding:0;
	list-style:none;
	width:630px;
}
#FirmwareList02 li{/*在li元素中設定float屬性，讓它由左向右依序以文繞圖顯示*/
	float:left;
	display:block;
	width:210px;
	margin:3px 0 0 3px;
	padding:0;
	text-align:center;
	border:1px solid #CCCCCC;
	}
#FirmwareList02 h1{
	display:block;
	width:auto;
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:110%;
	}

#FirmwareList02 h1 span{/*將span元素的display屬性指定為block，讓接在商品圖片之後的商品名稱的文字自動換行到下一列*/
	display:block;
	color:#FFFFFF;
	background-color:#666666;
	margin:0;
	padding:5px 0;
	font-size:75%;
	}
.firmwareListTitle02{/*firmware列表表頭*/
	display:block;
	margin:0;
	padding-left:4px;
	border-left:4px #6699FF solid;
	font-size:110%;
	font-weight:bold;
	color:#666666;
}
#FirmwareList02 .firmwareListTitle02 a:link{
	display:block;
	margin:0;
	padding-left:4px;
	border-left:4px #6699FF solid;
	font-size:110%;
	font-weight:bold;
	color:#666666;
}
#FirmwareList02 .firmwareListTitle02 a:hover{
	color:#0066CC;
	text-decoration:underline;
}
#FirmwareList02 .notice{
	margin:0 0 0 6px;
	padding-left:4px;
	color:#666666;
}
/*以定有firmware list製作firmware資訊欄，並加入框線和底色等，作適度編排*/
#FirmwareList02 dl{
	margin:0;
	}
#FirmwareList02 dt{
	background-color:#F4F4F4;
	margin:0;
	padding:5px 0;
	}
#FirmwareList02 dd{
	background-color:#FFFFFF;
	margin:0;
	padding:5px 0;
	vertical-align:0;
	}	
	
/*product list
---------------------------------------------*/
#ProductList{
	position:static;
	*position:relative;/*支持IE6.IE7,不支FF IE8b*/
	margin:0;
	padding:0 0 0 5px;
	_padding:0 0 0 5px;
	height:660px;
	
}
#ProductList img /*png圖檔的長、寬屬性不可設為auto，否則在IE6中，長寬會變型*/
{
	margin:7px 0 0 0;
}
#ProductList ul.list
{
	position:absolute;
	*position:static;/*支持IE6.IE7,不支FF IE8b*/
	list-style:none;
	padding:0;
	margin:0;
	clear:both;
	width:755px;
	_width:755px;
}
#ProductList ul.list li
{	
	width:145px;
	_width:142px;
	height:150px;
	float:left;
	margin:9px 0 55px 6px;
	_margin:9px 0 0 5px;
	padding:0;
	_padding:0;
}
#ProductList ul.list li div
{
	display:table-cell;
	vertical-align:middle;
	width:145px;
	_width:142px;
	height:150px;
	border:1px #CCCCCC solid;
	text-align:center;

}
#ProductList ul.list li span
{
	display:block;
	padding:5px 0;
	width:145px;
	_width:142px;
	text-align:center;
	vertical-align:middle;
	background:url(../image/bg_ProductListName.gif) repeat-x;
	height:43px;
	color:#999999;
	font-weight:bold;
	font-size:100%;
	border-bottom:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
}
#ProductList ul.list li span a
{
	color:#999999;
	text-decoration:none;
}
#ProductList ul.list li span a:visited
{
	color:#999999;
}
#ProductList ul.list li span a:hover
{
	color:#999999;
	text-decoration:underline;

}
/*解決IE6 vertical-align失效hack*/
#ProductList ul.list li div 
*{
	vertical-align:middle;
}
*html #ProductList ul.list li div span
{
	height:100%;
	display:inline-block;/*讓span成為"區塊等級"，可設定寬高*/
	
}
/*product detail-圖片、特色、特色色塊圖
---------------------------------------------*/
#ProductInfo{
	position:relative;
	margin:-12px 0 5px 0px;
	_margin:0px 0 5px 0px;/*支持IE6.IE7,不支FF IE8b*/
	width:767px;
	_width:767px;
	height:387px;
	border-right:4px solid #f3f3f3;
	background:url(../image/bg_ProductInfoOuline.jpg) top left no-repeat;
}
.ProductTitle{
	padding:0 0 0 5px;
	_padding:0 0 0 5px;
}
#featuresPic{
	float:left;
	margin:20px 0 0 10px;
	_margin:20px 0 0 5px;
	width:250px;
	height:350;
}
#featuresList{
	margin:0px 0 0 240px;
	_margin:0px 0 0 235px;/*for IE6*/
	padding:20px 0 0 5px;
	_padding:8px 0 0 0;/*for IE6*/
}
#featuresList li{
	padding:0 0 10px 0;
}
#featuresBlock{ /*產品特色色塊圖*/
	position:absolute;
	top:322px;
	left:256px;
}
.ProductPicZoomIn{
	position:absolute;
	top:350px;
	left:18px;
}

/*product detail-頁籤樣式
---------------------------------------------*/
#ProductDetail{
	margin:5px 0 0 0;
	color:#666666; 
}
#ProductDetail p {/*段落樣式*/
	padding:8px 8px 0 8px;
	margin:0;
}
#ProductDetail p.article {/*段落樣式:首行縮排*/
	text-indent:1em;
}
#ProductDetail td{
	color:#666666;
}
#ProductDetail ul{
	margin:0 0 0 0;
	padding:10px 0 0 30px;
}
#ProductDetail ul li{
	padding:0 0 10px 0;
}
#ProductDetail p.TitleConnetSetp{
	padding:10px 0 30px 0;
	font-weight:bold;
	font-size:130%;
	color:#333333;
}
.active {/* active樣式是給目前所選取頁籤用的*/
	background:url(../image/bg_ProductDetailTag_onfocus.jpg) top left repeat-x;
	border-bottom: 3px solid #F5F5F5;
	width:auto;
	height:40px;
	font-weight:bold;
	cursor:pointer;
}
.inactive {/* inactive樣式是給未選取頁籤用的 */
	border: none;
	border-bottom: 3px solid #F5F5F5;
	background:url(../image/bg_ProductDetailTag_normal.jpg) top left repeat-x;
	width:auto;
	height:42px;
	cursor:pointer;
}
.layer {/* layer樣式是給DIV用的 */
	padding:5px;
	border: 3px solid #F5F5F5;
	border-top: none;
	width:754px;
	height:auto;
}
.layer table{
	margin:15px 0 0 10px;
	border-top:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
}
.layer table th{
	padding:5px;
	background:#F4F4F4;
	border-bottom:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
}
.layer table td{
	padding:5px;
	border-bottom:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
}
/*product detail-頁籤樣式 end !
---------------------------------------------*/


/*mCamView download - start !
---------------------------------------------*/
#mCamView_download
{
	margin:15px;
	font-family:Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#333333;
}
#mCamView_download dl dt, dd{
	margin:0;
}
#mCamView_download dl dt{
	font-size:24px;
	font-weight:bold;
}
#mCamView_download dl dd.content{
	margin:40px 0 30px 0;
}
#mCamView_download dl dd.content p{
	margin:8px 0 0 4px;
}
#mCamView_download dl dd.download{
	margin:10px 0 10px 2px;
}
#mCamView_download hr{
	background:url(../image/bg_line.jpg) no-repeat center ;
	margin:20px 0 0 0;
	height:44px;
	width:749px;
	border:0px;
}
/*download by devices (iPhone / iPad / Android)*/
#mCamView_download #DownloadType dl dt, dd {
	margin:0;
}
#mCamView_download #DownloadType dl dt.title{
	font-size:22px;
	font-weight:bold;
}
#mCamView_download #DownloadType dl dd.content{
	margin:15px 0 0 0;
#mCamView_download #DownloadType dl dd.DownloadBt{
	margin:20px 0 0 0;
}
#mCamView_download #DownloadType dl dd.diagram{
	margin:20px 0 0 0;
	text-align:center;
}
/*mCamView download - end !
---------------------------------------------*/
#PopWindows{
	margin:0 auto;
	width:650px;
}
#PopWindows p{
	padding:0 0 0 12px;
}
#PopWindows h1{
	margin:30px 0 0px 8px;
	padding:0 0 4px 0;
	width:98%;
	border-bottom:1px dotted #999999;
	color:#333333;
	font-weight:bold;
	font-size:112%;
}
#PopWindows h1.toptitle{
	margin:15px 0 0px 8px;
	padding:0 0 4px 0;
	width:98%;
	border-bottom:1px dotted #999999;
	color:#333333;
	font-weight:bold;
	font-size:112%;
}

/*product comparison-表格樣式
---------------------------------------------*/
#ProductComparisonTB{
	margin:10px 0 10px 3px;
	width:98%;
	_width:99.7%;/*for IE6*/
}
#ProductComparisonTB table{
	width:100%;
	border-top:0px #003366 solid;
	border-left:0px #003366 solid;
}
#ProductComparisonTB th.TopRowTitle{
	padding:10px;
	background:#003366;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
}
#ProductComparisonTB th.LeftColumTitle{
	padding:5px 10px 5px 10px;
	background:#014992;
	color:#FFFFFF;
	font-weight:normal;
	text-align:left;
}
#ProductComparisonTB td{
	padding:7px;
	background:#EFEFEF;

}
#ProductComparisonTB td.ProductPic{
	padding:5px;
	text-align:center;
	border:none;
	background:none;
	
}
#ProductComparisonTB a,#ProductComparisonTB a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#ProductComparisonTB a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/*video list
---------------------------------------------*/
#VideoList{
	*height:150px;
	height:150px;
	position:static;
	*position:relative;/*支持IE6 IE7,不支持FF IE8*/
	margin:0 0 0 100px;
	padding:0;
}
#VideoList img
{
	margin:0px 0 0 0;
	cursor:hand;
}
#VideoList ul.list
{
	position:absolute;
	*position:static;/*支持IE6 IE7,不支持FF IE8*/
	list-style:none;
	padding:0;
	margin:0;
	clear:both;
}
#VideoList ul.list li
{	
	width:120px;
	height:120px;
	float:left;
	display:inline;
	margin:8px 0 40px 10px;
	padding:0;
}
#VideoList ul.list li div
{
	display:table-cell;
	vertical-align:middle;
	width:120px;
	height:120px;
	border:1px #CCCCCC solid;
	text-align:center;
}
#VideoList ul.list li span
{
	display:block;
	width:120px;
	text-align:center;
	vertical-align:middle;
	background:url(../image/bg_ProductListName.gif) repeat-x;
	height:37px;
	color:#999999;
	font-weight:bold;
	font-size:100%;
	border-bottom:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
}
#VideoList ul.list li span a,#ProductList ul.list li span a:visited
{
	color:#999999;
	text-decoration:none;
}
#VideoList ul.list li span a:hover
{
	color:#999999;
	text-decoration:underline;
}
.LangVersion{
	display:block;
	width:300px;
	margin:10px 0 10px 10px;
	padding:0 0 0 5px;
	color:#999999;
	font-weight:bold;
	font-size:130%;
	border-left:5px #CCCCCC solid;
}
/*解決IE6 vertical-align失效hack*/
*html #VideoList ul.list li div 
{
	vertical-align:middle;
}
*html #VideoList ul.list li div span
{
	height:100%;
	display:inline-block;/*讓span成為"區塊等級"，可設定寬高*/
	
}

/*live demo
---------------------------------------------*/
.style34 {
	font-family: "Lucida Sans Unicode";
	font-size: 13px;
	color: #999999;
}
#livedemoNotice{
	margin:0;
	padding:10px;
	width:980px;
	background:#efefef;
	}
#livedemoNotice .notice{
	display:block;
	margin:0 0 10px 0;
	font-weight:bold;
	color:#0066CC;
	}
#livedemoNotice ol{
	margin:0px 0 0 25px;
	}
div.Section1 {
	page:Section1;
}
#loading {
	height: 800px;
	width:100%;
	position: absolute;
	background-color: #FFFFFF;
	text-align: center;
	left: 0px;
}
#LiveDemo{
	width:980px;
	overflow:auto;
}
#LiveDemoSecondary{ /*Camera選擇清單*/
	float:left;
	width:260px;/*使用float屬性一定要設定元素的width屬性*/
	height:430px;
	margin:10px 0;
	padding:0;
	overflow:scroll;
	}
#LiveDemoPrimary{
	float:right;
	width:700px;/*使用float屬性一定要設定元素的width屬性*/
	height:430px;
	margin:10px 0;
	border:7px #F4F4F4 solid;
}

#CtrlPanelLeft{ /*左側控制元件*/
	float:left;
	width:150px;
	margin:10px 0;
}
#CtrlPanelLeft .LoginCtrl{
	color:#1DC021;
	font-weight:bold;
}
#CtrlPanelRight{ /*右側camera畫面顯示區*/
	float:right;
	width:500px;
	margin:10px 0;
}
#CtrlToolList{
	list-type:none;
	margin:0;
	padding:0;
}
#CtrlToolList li{
	display:block;
	margin:0 0 10px 0;
	width:200px;
}
.HightNotice{
	font-weight:bold;
	color:#0066CC;
}

/*download camview
---------------------------------------------*/
#CamviewLoginInfo{
	margin:10px 0 0 30px;
}
#CamviewLoginInfo dt{
	background:url(../image/icon_dot.jpg) no-repeat;
	padding:0 0 0 18px;
}
#CamviewLoginInfo dd{
	text-indent:0;
	margin:0 0 0 26px;
}

/*sitemap list
---------------------------------------------*/
#SitemapList{
	position:static;
	height:550px;
	margin:0 0 0 0;
	padding:0;
}
#SitemapList ul.list
{
	position:absolute;
	*position:static;/*支持IE6.IE7,不支FF IE8b*/
	list-style:none;
	padding:0;
	margin:0;
	clear:both;
	overflow:auto;
}
#SitemapList ul.list li
{	
	width:227px;
	height:240px;
	float:left;
	display:inline;
	margin:8px 0 0px 10px;
	padding:0;
	background:url(../image/bg_sitemap.png) top left no-repeat;
}

*html #SitemapList ul.list li { /*解決在ie6中，png無法顯示透明背景*/
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/bg_sitemap.png', sizingMethod='crop');
 }

#SitemapList ul.list li a,#SitemapList ul.list li a:visited
{	
	_position:relative;/*解決ie6中，div中設定png為其背景造成link失效*/
	_top:0px;/*解決ie6中，div中設定png為其背景造成link失效*/
	color:#333333;
	text-decoration:none;
}
#SitemapList ul.list li a:hover
{
	color:#333333;
	text-decoration:underline;

}
#SitemapList dl{
	margin:15px 0 0 10px;
}
#SitemapList dt{
	background:url(../image/icon_SitemapTitle.png) no-repeat;
	padding:0 0 5px 18px;
	color:#009CFF;
	font-weight:bold;
}
*html #SitemapList dt{/*解決在ie6中，png無法顯示透明背景*/
	background:url(../image/icon_SitemapTitle.jpg) no-repeat;
	padding:0 0 5px 18px;
	color:#009CFF;
	font-weight:bold;
}
#SitemapList dd{
	padding:0;
	margin:0 0 0 19px;
}
/*解決IE6 vertical-align失效hack*/
#SitemapList ul.list li div 
*{
	vertical-align:middle;
}
*html #SitemapList ul.list li div span
{
	height:100%;
	display:inline-block;/*讓span成為"區塊等級"，可設定寬高*/
	
}

/*news list
---------------------------------------------*/
#NewsList{
	margin:20px;
}
#NewsList a,#NewsList a:visited{
	color:#FF6600;
	text-decoration:underline;
}
#NewsList a:hover{
	color:#FF9933;
	text-decoration:none;
}
#NewsList dt{
	margin:10px 0 0 0;
	color:#0066CC;
	font-weight:bold;
}
#NewsList dd{
	text-indent:0;
	margin:5px 0 0 10px;
	padding:0 0 10px 0;
	border-bottom:1px #CCCCCC dotted;
}

/*news detail
---------------------------------------------*/
#NewsDetail{
	margin:20px;
}
#NewsDetail h1{
	font-size:115%;
	color:#333;
	margin:0;
}
#NewsDetail h2{
	font-size:100%;
	font-weight:normal;
	color:#999;
	margin:5px 0 0 0;
}
#NewsDetail .content{
	margin:0px;
}
#NewsDetail p{
	margin:12px 15px 0 0px;
	text-indent:8px;
}
#NewsDetail ul{
	list-style:none;
	margin:20px 0 0 0;
	color:#2A3FAA;
}
#NewsDetail hr{
	float:left;
	margin:5px 0 20px 0;
	width:730px;
	height:0;
	border-top:1px solid #CCC;
	border-bottom:0px;
}
#NewsDetail .TextImg{
	float:right;
	display:block;
	margin:0 10px 10px 10px;
}
#NewsDetail .TextImg02{
	text-align:center;
	margin:30px 0 0 0;
}
#NewsDetail .share{
	float:right;
	display:block;
	margin:0 10px 0 0;
	width:730px;
	z-index:200;
}
#NewsDetail .share ul{
	text-align:right;
	margin:0;
	padding:0;
	clear:both;
	list-style:none;
}
#NewsDetail .share ul li{
	display:inline;
		vertical-align:bottom;
}


/*Tradeshow list
---------------------------------------------*/
#Tradeshow{
	overflow:auto;
}
.TradeshowList{
	margin:20px;
	padding:0 0 0px 0;
	width:700px;
	height:180px;
	border-bottom:1px #CCCCCC dotted;
}
.TradeshowList td{
	vertical-align:top;
	padding:3px;
}
.TradeshowList .TradeshowName{
	position:relative;
	font-size:130%;
	font-weight:bold;
	color:#666666;
}
.TradeshowList .TradeshowDetail{
	float:left;
	font-size:95%;
	margin:10px 0 0 0;
	width:445px;
}
.TradeshowList .TradeshowMark{
	float:left;
	margin:10px 0 0 0;
	width:255px;
}
/*內頁樣式---end*/
#logo{
	left:5px;
	margin:5px 0 5px 0;
}
#GoogleSearchBar
{	
	position:absolute;
	top:45px;/*for FF*/
	top:45px \9;/*for IE8*/
	*top:40px;/*for IE7*/
	_top:60px;/*for IE6*/
	left:776px;/*for FF*/
	left:770px \9;/*for IE8*/
	*left:693px;/*for IE7*/
	_left:693spx;/*for IE6*/
	margin:-30px 0 0 0;
	_margin:-50px 0 0;/*for IE6*/
}
#iGoogleSearchBar
{	
	position:absolute;
	top:15px;
	*top:15px;
	right:85px;
}
#GoogleSearchBar input
{	
	size:5;
}
/*導覽列*/
#navigation{
	position:absolute;
	margin:0;
	padding:0 0 0 70px;
	clear:both;
	background:url(../image/bg_nav.png) top left no-repeat;
	width:981px;
	height:41px;
	z-index:200;
}
#navigation ul{
	list-style:none;
	margin:0;
	padding:0;
}
#navigation li{
	float:left;/*使選單橫向排列*/
	width:140px;
}
#navigation li a{
	display:inline;/*屬性設為block才能設定寬度*/
}
#navigation li a:hover{
	width:140px;
}
/*導覽列--下拉式選單*/
#navigation ul ul li{
	margin:0;
	padding:0;
}
#navigation ul ul li a{
	display:block;
	margin:0;
	padding:7px 0 0 10px;
	background:url(../image/bgNavHover.gif) top left repeat-x;
	width:140px;
	height:30px;
	color:#FFFFFF;
	text-decoration:none;
	border-top:1px solid #FFFFFF;
}
#navigation ul ul li a:hover{
	background:url(../image/bgNavLink.gif) top left repeat-x;
	width:140px;
	height:30px;
	color:#FFFFFF;
	text-decoration:none;
}
/*導覽列--下拉式選單隱藏&顯示*/
#navigation ul li.presentOff ul{
	display:none;
}
#navigation ul li.presentOn ul{
	display:block;
}
/*頁尾*/
#footer01{
	border:1px solid #CDDEFF;
	margin:10px 0 0 0;
	padding:7px 0 0 0;
	text-align:center;
	background:#F5F8FF url(../image/bg_bottom.gif) bottom left repeat-x;;
	height:28px;
	clear:both;
}
#footer01 a{
	text-decoration:none;
	color:#666666;
}
#footer01 a:hover{
	text-decoration:underline;
}
#footer02{
	padding:10px 0 0 0;
	text-align:center;
	clear:both;
}
/*頁尾*/
#footerLivedemo{
	border:1px solid #CDDEFF;
	margin:10px 0 0 0;
	padding:7px 0 0 0;
	text-align:center;
	background:#F5F8FF url(../image/bg_bottom.gif) bottom left repeat-x;;
	height:35px;
	clear:both;
}
#footerLivedemo a{
	text-decoration:none;
	color:#666666;
}
#footerLivedemo a:hover{
	text-decoration:underline;
}
/*3G mobile browser*/
#MobileBrowser{
	margin:10px;
	width:800px;;
}
#MobileBrowser h1{
	font-weight:bold;
	font-size:130%;
}
#MobileBrowser ul.menu {
	list-style:none;
}
#MobileBrowser ul.menu li img{
	margin:0;
	padding:0;
}
#MobileBrowser ol{
	margin:0 0 0 40px;
}
#MobileBrowser p{
	margin:0 0 10px 10px;
}
#MobileBrowser dt{
	margin:0 0 0 20px;
}
#MobileBrowser dt{
	padding:10px 0 5px 0;
	font-weight:bold;
	font-size:110%;
}
#MobileBrowser .MobileListTB{ /*Phone list table style*/
	margin:5px 0 0 0;
	border:1px #CCCCCC solid;
	width:700px;
}
#MobileBrowser .MobileListTB th{
	background:#E1E1E1;
	padding:5px;
	font-size:bold;
}
#MobileBrowser .MobileListTB td{ 
	vertical-align:top;
	text-align:left;
	padding:10px 30px;
}

/*live demo 樣式*/
.autoconnet{
	color:#0066cc;
}

/*Create online page樣式*/
#CreateOnlinePage{
}
#CreateOnlinePage p{
	font-weight:bold;
	color:#0066CC;
	}
#CreateOnlinePage ol{
	margin:5px 15px 0 40px;
	}
#CreateOnlinePage .highlight{
	color:#FF6600;
	font-weight:bold;
	}	
/**--hide&show content -start
----------------------------------------------------------------**/
.layer01{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
margin:0;
padding: 0px 5px;
background: #ffffff;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background:#ffffff;
}

.layer02{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 0px 0;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color:#3366CC;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color:#3366CC;
}
/**--hide&show content -end
----------------------------------------------------------------**/	

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 600px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
		width:300px;
		height:600px;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
		
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffbe;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}

/*切換語言 --start */
#LangChange{
	position:absolute;
	top:13px;/*for FF*/
	top:11px \9;/*for IE8*/
	*top:18px;/*for IE7*/
	_top:18px;/*for IE6*/
	right:208px;/*for FF*/
	right:218px \9;/*for IE8*/
	*right:292px;/*for IE7*/
	_right:294px;/*for IE6*/
	z-index:100;/*解決FF、Chrome link效果失效*/
}

.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: white;
border: 1px solid #e0e0e0;
border-width: 5px 2px;
padding: 4px;
font: normal 12px Verdana;
z-index: 100;
}

.megamenu .column{
float: left;
width: 120px; /*width of each menu column*/
margin: 4px 0 0 4px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
}

.megamenu .column h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 5px 5px 0;
color:#666666;
padding:4px 2px 2px 4px;
}

.megamenu .column ul li a{
text-decoration: none;
}

.megamenu .column ul li a:hover{
color:#009900;
}
/*切換語言 --end */

/*切換語言 livedemo --start */
#LangChange_livedemo{
position:absolute;
top:15px;/*for FF*/
top:10px \9;/*for IE8*/
*top:15px;/*for IE7*/
_top:15px;/*for IE6*/
right:215px;/*for FF*/
right:228px \9;/*for IE8*/
*right:290px;/*for IE7*/
_right:290px;/*for IE6*/
z-index:100;/*解決FF、Chrome link效果失效*//
}

.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: white;
border: 1px solid #e0e0e0;
border-width: 5px 2px;
padding: 4px;
font: normal 12px Verdana;
z-index: 100;
}

.megamenu .column{
float: left;
width: 112px; /*width of each menu column*/
margin: 4px 0 0 4px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
}

.megamenu .column h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 5px 5px 0;
color:#666666;
padding:4px 2px 2px 4px;
}

.megamenu .column ul li a{
text-decoration: none;
}

.megamenu .column ul li a:hover{
color:#009900;
}
/*切換語言 livedemo --end */

/*切換語言 index --start */
#LangChange_index{
	position:absolute;
	top:13px;/*for FF*/
	top:11px \9;/*for IE8*/
	*top:12px;/*for IE7*/
	_top:14px;/*for IE6*/
	right:283px;/*for FF*/
	right:283px \9;/*for IE8*/
	*right:303px;/*for IE7*/
	_right:303px;/*for IE6*/
	z-index:100;/*解決FF、Chrome link效果失效*/
}

#FacebookLike{
	position:absolute;
	top:17px;/*for FF*/
	top:15px \9;/*for IE8*/
	*top:16px;/*for IE7*/
	_top:18px;/*for IE6*/
	right:-15px;/*for FF*/
	right:-15px \9;/*for IE8*/
	*right:-15px;/*for IE7*/
	_right:-15px;/*for IE6*/
}

.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: white;
border: 1px solid #e0e0e0;
border-width: 5px 2px;
padding: 4px;
font: normal 12px Verdana;
z-index: 100;
}

.megamenu .column{
float: left;
width: 112px; /*width of each menu column*/
margin: 4px 0 0 4px;
letter-spacing:0px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
}

.megamenu .column h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 5px 5px 0;
color:#666666;
padding:4px 2px 2px 4px;
}

.megamenu .column ul li a{
text-decoration: none;
}

.megamenu .column ul li a:hover{
color:#009900;
}
/*切換語言 index --end */