/* CSS Document */
body{margin:0px 0px 0px 0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;}
td{font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	line-height:13px;}
img{border:none;}

#topbar { position: relative; left:813px; top:450px; width:20px;	height:43px; z-index:100;}

#indexbg{background:url(images/indexbg.gif) top repeat-x;}
#indexbg2{background:url(images/indexbg.jpg) top no-repeat;}
#bodybg1{ background:url(images/main_bg.png) repeat-x #FFFFFF;}
#bodybg2{ background:url(images/main_bg2.png) repeat-x #FFFFFF;}/*no footer*/
#bodybg3{ background:url(images/main_bg1.png) repeat-x #FFFFFF;}/*footer*/
#bodyabout{background:url(images/main_bg3.png) bottom repeat-x;}
#inf{ font-family:Arial, Verdana, Helvetica, sans-serif;text-align:center; font-size:9px; color:#666666;}
#lng{position: relative; top:500px; left:0px; text-align:center; z-index:100;}
#lng a{text-decoration:none; color:#333333;}
#lng a:hover{border-bottom:dotted 1px; color:#e4662b;}
#lng2 {font-size:10px; color:#999999; line-height:18px; padding-top:5px; width:219px; text-align:right;}
#lng2 a{color:#999999; text-decoration:none;}
#lng2 a:hover{color:#e4662b; border-bottom:2px #e4662b solid; }

.bfont{color:#e4662b; font-size:13px; font-weight:bold; line-height:24px;}

/*首頁*/
.textdiv1{ padding:10px 10px 5px 10px;}
.textdiv1 td{line-height:22px; color:#333333;}
.textdiv1 a{text-decoration:none; color:#e4662b; font-size:13px;}
.textdiv1 a:hover{text-decoration:underline;}
.tdborder{ border-bottom:1px #cecece dotted;}
.textdiv2{ padding:10px 10px 10px 10px;}
.textdiv2 td{line-height:22px;}
.titleb{ color:#278f73; font-size:15px; font-weight:bold; line-height:24px;}
#textpic{background:url(images/main_text.gif) top right no-repeat;}
#textpic a{text-decoration:none; color:#278f73;}
.market1{ background:url(images/market_bg.gif);font-size:11px; font-weight:bold; color:#ffffff; text-align:center;}
.market2{font-size:9px;cursor:pointer;}

/*Banner*/
#ban_n1{ background:url(images/news_banner.jpg) no-repeat top;}
#ban_a1{ background:url(images/about_banner1_cn.jpg) no-repeat top;}
#ban_a2{ background:url(images/about_banner2_cn.jpg) no-repeat top;}
#ban_a3{ background:url(images/about_banner3_cn.jpg) no-repeat top;}
#ban_a4{ background:url(images/about_banner4_cn.jpg) no-repeat top;}
#ban_a5{ background:url(images/about_banner5_cn.jpg) no-repeat top;}
#ban_p1{ background:url(images/product_banner1_cn.jpg) no-repeat top;}
#ban_p2{ background:url(images/product_banner2_cn.jpg) no-repeat top;}
#ban_p3{ background:url(images/product_banner3_cn.jpg) no-repeat top;}
#ban_p4{ background:url(images/product_banner4_cn.jpg) no-repeat top;}
#ban_i0{ background:url(images/instr_banner0.jpg) no-repeat top;}
#ban_i1{ background:url(images/instr_banner1_cn.jpg) no-repeat top;}
#ban_i2{ background:url(images/instr_banner2_cn.jpg) no-repeat top;}
#ban_i3{ background:url(images/instr_banner3_cn.jpg) no-repeat top;}
#ban_i4{ background:url(images/instr_banner4_cn.jpg) no-repeat top;}
#ban_cu1{ background:url(images/customer_banner1.jpg) no-repeat top;}
#ban_co1{ background:url(images/contact_banner_cn.jpg) no-repeat top;}
#ban_co2{ background:url(images/contact_banner2_cn.jpg) no-repeat top;}

/*共用*/
#path{ text-align:right; padding-right:20px; padding-top:5px; font-size:11px; color:#195e4a;}
#path a{color:#195e4a; text-decoration:none;}
#path a:hover{color:#195e4a; text-decoration:underline;}
.download1 a{text-decoration:none; color:#e4662b;}
.download1 a:hover{ text-decoration:underline; border-bottom:1px;}
.back{ background:url(images/back_c.gif) no-repeat; width:72px; height:23px; display:block;}
.textdiv3{ padding:10px 20px 10px 20px;}
.textdiv3 td{line-height:22px; font-size:13px; }
.textdiv3 a{color:#333333; text-decoration:none;}
.textdiv3 a:hover{color:#e4662b; text-decoration:none; border-bottom:1px solid;}
.space1{letter-spacing:1px; }
.font13{font-size:13px;}

.textdiv4{ padding:10px 20px 10px 20px;}
.textdiv4 td{line-height:22px; }
/*.textdiv4 a{color:#e4662b; text-decoration:none;}
.textdiv4 a:hover{color:#e4662b; text-decoration: underline;}*/

.links{color:#333333; text-decoration:none; border-bottom:1px dotted;}

/*關於我們*/
.no123{ color:#e4662b; padding-right:10px;}

/*客戶專區*/
.smallfont{font-size:9px;}
.lohide{display:none;}
.loinput{border: 1px solid #f7d4c4; background-color:#fff6e8; font-size:11px;}
#cub1{background:url(images/customer_btn1_c.gif) no-repeat; width:40px; height:21px;border:0px; cursor:pointer;}
#cub2{background:url(images/customer_btn2_c.gif) no-repeat; width:40px; height:21px;border:0px; cursor:pointer;}
.cubtn{ background:url(images/customer_btn4.gif) repeat center; width:73px; height:24px; border:0px;}

/*產品*/
.textdivp{ padding:10px 15px 10px 15px;}
.proborder{ width:650px; margin-left:0px; vertical-align:top; }
.proborder div{width:158px; padding:0 2px 0 0; margin-right:2px; float:left;}
.proborder a{width:158px; text-decoration:none; color:#666666; display:block; cursor:pointer;}
.proborder a:hover{ text-decoration:none; color:#f14f03; background:#ffebde; border:none;}
.proborder img{padding:0; border:1px #DDD solid; margin:0 2px 0 0; float:left;}
.proborder span{font-size:11px; line-height:12px; font-weight: bold;}

#probar{background:url(images/product_bar1.gif); height:28px;}
.prodownload{text-decoration:none;}
.prodownload a{text-decoration:none; font-size:10px; line-height:12px; color:#e4662b}
.prodownload a:hover{text-decoration:underline;}

.pro4 td{font-size:13px; line-height:22px;}
.pro4_table {margin:10px 0 15px 0;}
.pro4_table th{ font-size:12px; background:#edf8f8; text-align:left; line-height:22px; border-bottom:1px #bed5d5 solid;}
.pro4_table td{ font-size:11px; line-height:18px; border-bottom:1px #ddd solid;}

/*聯絡我們*/
.coninput{ border: 1px solid #f7d4c4; background-color:#fff6e8;}
.conlineh{ line-height:30px;}
.conbtn03{ background:url(images/contact_btn03.gif) repeat center; width:110px; height:24px; border:0px;}
.conbtn04{ background:url(images/contact_btn04.gif) repeat center; width:62px; height:24px; border:0px;}
.icontel{ background:url(images/contact_icon03.gif) no-repeat left; padding-top:3px; padding-left:20px;}
.iconfax{ background:url(images/contact_icon02.gif) no-repeat left; padding-top:3px; padding-left:20px;}
.iconmail{ background:url(images/contact_icon01.gif) no-repeat left; padding-top:3px; padding-left:20px;}

/*材料研究*/
#instrt1{background:url(images/instr_t1_cn.gif); width:650px; height:29px;}
#instrbar1{background:url(images/instr_bar1_cn.gif); width:650px; height:30px;}
#material_p1{background:url(images/material_p1_c.gif) top no-repeat; width:191px; height:210px}
#material_p2{background:url(images/material_p2_c.gif) top no-repeat; width:191px; height:210px}
#material_p3{background:url(images/material_p3_c.gif) top no-repeat; width:191px; height:210px}
.material_p ul{padding-top:85px; list-style-image:url(images/icon0.gif); line-height:18px;}
#material_p4{background:url(images/material_p4_c.gif) top right no-repeat;}

/*產品介紹*/
#protitle{background:url(images/product_title_cn.gif); width:95px; height:66px;}
.pro_04{font-size:10px;}

/*==================================================================================================================*/
/*活動花絮列表*/
#gallery ul{list-style-type:none; margin:0px; padding-left:15px; line-height:20px;}
#gallery a{border-bottom: #cccccc 1px dotted; 
			width:195px; 
			background: url(images/icon0.gif) no-repeat left center;
			padding-left:15px; 
			display: block; 
			text-decoration: none; 
			color:#666666;}
#gallery a:hover{background: url(images/icon.gif) no-repeat left center;color:#73A643; background-color:#ede9c4;}
/*活動花小圖*/
.pborder{ width:650px; margin-left:10px;}
.shadow {float: left; width: auto; background: url(images/shadow.png) no-repeat bottom right;  margin:8px}
.shadow div { background: url(images/shadow1.png) no-repeat right top; }
.shadow div a { background: url(images/shadow2.png) no-repeat left bottom; padding: 0 6px 6px 0; display: block; }
.shadow img { background-color: #ffffff; border: 1px solid #aaaaaa; padding: 4px; vertical-align: bottom;;}

/*new̷s表格列*/
#newst1{background:url(images/news_t1_cn.gif); width:650px; height:29px;}
#newst2{background:url(images/news_t2_cn.gif); width:650px; height:29px;}
#newsbar1{background:url(images/news_bar1_cn.gif); width:650px; height:30px;}
#newsbar2{background:url(images/news_bar2_cn.gif); width:650px; height:30px;}
.textdivn{ padding:10px 20px 10px 20px;}
.textdivn td{line-height:24px; font-size:13px;}
.textdivn a{color:#333333; text-decoration:none;}
.textdivn a:hover{color:#e4662b; text-decoration:none; border-bottom:1px solid;}
.newstd1{color:#333333;}
.newstd2{color:#333333; background: #EEEEEE;}
.messagetd1{ padding:2px 0 2px 0; }
.messagetd2{ padding:2px 0 2px 0; background: #EEEEEE;}
.supporttd1{padding:2px 0 2px 0;color:#333333;}
.supporttd2{padding:2px 0 2px 0;color:#333333; background: #EEEEEE;}

/*新聞瀏灠*/
#newsbox{padding-left:5px; padding-right:5px; font-size:12px;}
#newshader{border-bottom:1px #b3b3b3 solid;	padding-bottom:10px;font-family:'標楷體'; font-size:20px; color:#e4662b; font-weight:bold; }
#newsbg{background-color:#eaeaea; text-align:center; margin-bottom:10px;}
#newsauthor{font-size:10px; color:#195e4a; padding-right:30px;}
#newsdate{font-size:10px; color:#195e4a;padding-right:30px;}
#newsupdate{font-size:10px; font-style:italic; text-align:right; }
#newsupdate span{color:#000000;}

/*(Start)*/

/*登入畫面文字方塊*/
#logindiv{	position:relative;	top:105px;	left:180px;	width:265px;	height:60px;	z-index: 10;}
#loginid{position:relative; top:2px; left:12px; z-index:100;}
#loginpw{position:relative; top:1px; left:12px; z-index:101;}
.logininput{border: 0px; color:#941020; background-color:#fff6e8;}
#loginback a{text-decoration:none; color:#ff6600; font-size:10px;}
#loginback a:hover{text-decoration: underline; color:#ff6600; font-size:10px;}

/*系統選項*/
#menu1{color:#FFFFFF; line-height:18px;}
#menu1 a{text-decoration:none; color:#FFFFFF;}
#menu1 a:hover{text-decoration:underline; color:#FFCC00;}

#menu2{color:#FFFFFF; line-height:18px; font-size:13px;}
#menu2 a{text-decoration:none; color:#FFFFFF;}
#menu2 a:hover{text-decoration:underline; color:#FFCC00;}

.boxtitle{font-size:13px;color:#FFFFFF; line-height:14px; }


/* 1*/
.bk1th{background-color:#5B8233; color:#FFFFFF; line-height:24px; border-bottom:1px #CCCCCC;}
.bk1td2{ background-color:#FFFFFF; line-height:24px; border-bottom:1px dotted #CCCCCC;}
.bk1td3{ background-color:#F1F4D2; line-height:24px; border-bottom:1px dotted #CCCCCC;}
.bk1over{background-color:#9ACB4E; line-height:24px; border-bottom:1px dotted #CCCCCC;}
.bk1down{background-color:#97CA4A; color:#FFFFFF; line-height:24px; border-bottom:1px dotted #CCCCCC;}

/* 2*/
.bk2th{background-color:#9C9C9C; color:#FFFFFF; line-height:24px; border-bottom:1px #CCCCCC;}
.bk2td2{ background-color:#FFFFFF; line-height:24px; border-bottom:1px dotted #CCCCCC;}
.bk2td3{ background-color:#E9E9E9; line-height:24px; border-bottom:1px dotted #CCCCCC;}
.bk2over{background-color:#CACF3D; line-height:24px; border-bottom:1px dotted #CCCCCC;}
.bk2down{background-color:#99CC66; color:#FFFFFF; line-height:24px; border-bottom:1px dotted #CCCCCC;}

/* 3*/
.bk3th{background-color:#7A3922; color:#FFFFFF; line-height:24px; border-bottom:1px #CCCCCC;}
.bk3td2{ background-color:#FFFFFF; line-height:24px; border-bottom:1px dotted #CCCCCC;}
.bk3td3{ background-color:#FFF0CF; line-height:24px; border-bottom:1px dotted #CCCCCC;}
.bk3over{background-color:#FFF9B5; line-height:24px; border-bottom:1px dotted #CCCCCC;}
.bk3down{background-color:#99CC66; color:#FFFFFF; line-height:24px; border-bottom:1px dotted #CCCCCC;}
/*(End)*/

.textsmall{font-size:10px;}
.tdline{border-bottom:1px dotted #CCCCCC; line-height:18px; }  /*表格底線*/
/*程式主清單的連結*/
.product_link { text-decoration:none; color:#666666; }
.product_link a{ text-decoration:none; color:#666666; }
.product_link a:hover{ text-decoration:underline; color:#0099FF; }

/*地圖滑動*/
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 650px; 
	height: 340px;
	overflow: hidden;
	border:0px;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:650px;
		height:340px;
		overflow:hidden;
		float:left;
		padding:0em;		
		}
	div.scroller div.content {
		width: 10000px;
		}

	div#section2 {
		}