@charset "utf-8";
/* CSS Document */
body {
	background-color: #ebebeb;
}
#WRAPPER{ display:block; width:auto; height:auto; background-image:url(../images/BBG.jpg); background-repeat:repeat-x; background-position:left top;}
#WRAPPERIN{ display:block; width:auto; height:auto; background-image:url(../contents/C_customer/images/wrapperIN.gif); background-repeat:repeat-x; background-position:left top;}
#OUTTER{ display:block; width:945px; height:auto; margin:0 auto; background-image:url(../images/OUTETRBG.gif); background-repeat:repeat-y;}
#OUTTERIN{ display:block; width:945px; height:auto; margin:0 auto; background-image:url(../contents/C_customer/images/OUTETRINBG.gif); background-repeat:repeat-y;}
#CONTENT{ display:block; width:935px; height:auto; margin:0 auto;}
#TOP{ display:block; width:935px; height:79px; background-image:url(../images/top_bg.gif); background-repeat:repeat-x;}
#BANNER{ display:block; width:935px; height:238px; background-image:url(../images/bg.jpg); background-repeat:le
 top; background-repeat:no-repeat;}
#BANNERIN{ display:block; width:935px; height:205px; background-image:url(../images/bg.jpg); background-repeat:le
 top; background-repeat:no-repeat;}
#MIDDLE{ display:block; width:935px; height:407px; background-image:url(../images/middle_bg.gif); background-repeat:repeat-x;}
#MIDDLEIN{ display:block; width:935px; height:auto; background-image:url(../contents/C_customer/images/contMiddleBG.gif); background-repeat:repeat-x; background-position:left top; background-color:#ededed; padding-top:40px;}
#FOOTER{ display:block; width:935px; height:78px; background-image:url(../images/iifun_ind_44.jpg); }
.LOGO { float:left; display:block; width:233px; height:58px; margin-left:27px;_margin-left:13px;padding-top:13px;}
.LOGO h1 a{ display:block; width:233px; height:58px;background-image:url(../images/iifun_ind_03.jpg); text-indent:-9999px; line-height:24px;}
.LOGIN{ float:right; display:block; width:360px; height:58px; padding-top:13px;font-family:"sө", "Ln", Verdana, Arial; color:#666; font-size:0.6em;}
.LOGIN a{ font-family:"sө", "Ln", Verdana, Arial; color:#777777;text-decoration:none; line-height:24px;}
.LOGIN a:hover{ color:#9C6}
.LOGINFONT{ font-size:1.1em;}
.LOGBTN{ display:block; width:36px; height:20px; background-image:url(../images/iifun_ind_10.jpg); border:none; border:1px thin #999}
.NEWS{ float:left; display:block; width:467px; height:358px; margin-left:43px; _margin-left:22px; margin-top:38px; background-image:url(../images/iifun_ind_26.jpg); background-position:right center; background-repeat:no-repeat;}
.RCONT{ float:right; display:block; width:380px; height:358px; margin-right:35px;_margin-right:18px;margin-top:38px;}
.PROJECT{ display:block; width:380px; height:216px;}
.SERVICE{ display:block; width:380px; height:142px; }
.NEWSTITLE{ display:block; width:437px; height:56px; background-image:url(../images/iifun_ind_19.jpg); background-repeat:no-repeat; background-position:left top;}
.NEWSCONT{ display:block; width:437px; height:auto}
.NEWSLIST{ display:block; width:410px; height:auto; background-image:url(../images/iifun_ind_35.jpg); background-position:bottom; background-repeat:no-repeat; padding-bottom:5px;}
.NEWSLIST_Q{ display:block; width:375px; background-image:url(../images/iifun_ind_29.jpg); background-repeat:no-repeat; background-position:left; line-height:24px; font-family:"sө", "Ln", Verdana, Arial; font-size:0.8em; color:#167095; padding-left:35px;}
.NEWSLIST_Q a{ text-decoration:none;color:#167095}
.NEWSLIST_Q a:hover{ color:#09C}
.NEWSLIST_C{ display:block; width:375px;line-height:18px; font-family:"sө", "Ln", Verdana, Arial; font-size:0.8em; color:#6c6c6c; padding-left:35px; margin-top:3px;}
.NEWSLIST_C a{ text-decoration:none;color:#6c6c6c}
.NEWSLIST_C a:hover{ color:#333}
.NEWSMORE a{ display:block; width:36px; height:19px; background-image:url(../images/iifun_ind_39.jpg); background-repeat:no-repeat; text-indent:-9999px; margin-left:385px; margin-top:10px;}
.PROJECTTITLE{ display:block; width:351px; height:56px; margin:0 auto; background-image:url(../images/iifun_ind_21.jpg); background-position:left top; background-repeat:no-repeat;}
.SERVICETITLE{ display:block; width:351px; height:60px; margin:0 auto; background-image:url(../images/iifun_ind_32.jpg); background-repeat:no-repeat; background-position:left top;}
.SERVICECONTENT{ display:block; width:303px; height:81px; margin:0 auto; background-image:url(../images/serviceBG.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px;}
.ADD{ float:right; display:block; width:780px; height:43px; margin-top:15px; margin-right:15px; background-image:url(../images/footer_LOGO.jpg); background-repeat:no-repeat; background-position:right top;padding-right:108px; }
.ADD p{ font-family:"sө", "Ln", Verdana, Arial; color:#636363; font-size:0.7em; line-height:12px; text-align:right; padding-top:3px; }
.PROJECTCONT{ display:block; width:350px; height:159px; margin:0 auto; background-image:url(../images/csBG.jpg); background-position:center bottom; background-repeat:no-repeat;}
.CASE{ display:block; width:175px; height:122px; margin:0 auto; padding-top:10px}

/* Easy Slider  */
#slider{}	
#slider ul, #slider li {margin:0;padding:0;list-style:none;}
#slider li { 	
/* define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:175px;height:122px;margin:0 auto;overflow:hidden; }	
p#controls {margin:0;position:relative;	} 
#prevBtn, #nextBtn { display:block;margin:0;overflow:hidden;text-indent:-8000px;width:23px;height:51px;position:absolute;left:-48px;top:-80px;}	
#nextBtn { left:200px;}														
#prevBtn a, #nextBtn a {display:block;width:23px;height:51px;background:url(../images/backBTN.jpg) no-repeat 0 0;}	
#nextBtn a { background:url(../images/nextBTN.jpg) no-repeat 0 0;	}	

.ROOT{ clear:both; display:block; width:827px; height:24px; margin:0 auto; margin-top:10px;}
.ROOT a.normal{ display:block; background-image:url(../contents/C_customer/images/root_BG.gif); background-position:right center; padding-right:8px; padding-left:3px; background-repeat:no-repeat; line-height:24px; font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#4d4d4d; text-decoration:none; font-size:0.8em;}
.ROOT a.LASEL{ display:block; padding-right:8px; padding-left:3px;line-height:24px; font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#4d4d4d; text-decoration:none; font-size:0.8em;}
.ROOT a:hover{ color:#09C}
.PAGETITLE{ display:block; width:768px; height:99px; margin:0 auto; margin-top:5px;}
.itemMenu{ font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#7a7a7a; font-size:0.8em; text-align:center; padding-bottom:10px;}
.itemMenu a{color:#7a7a7a; text-decoration:none; padding:0 3px 0 3px; }
.itemMenu a:hover{ color:#6D9A1B}
.CASEBLOCK{ display:block; width:679px; height:auto; margin:0 auto; background-image:url(../contents/C_customer/images/caseBlockBG.png); background-position:left bottom; background-repeat:no-repeat; padding-bottom:15px;}
.CASEBLOCK li{ font-family:"新細明體", "微軟正黑體", Verdana, Arial; font-size:0.8em; color:#545453; background-image:url(../contents/C_customer/images/caseDOt.gif); background-repeat:no-repeat; background-position:left center; padding-left:15px; line-height:24px;}
.CASEBLOCK li a{color:#545453; text-decoration:none;}
.CASEBLOCK li a:hover{ color:#09C}
.pageNumber { display:block; width:600px; height:24px; margin:0 auto; font-family:"新細明體", "微軟正黑體", Verdana, Arial; font-size:0.8em
 color:#555555; text-align:center;}
.pageNumber a{ margin-left:3px; margin-right:3px;font-family:"新細明體", "微軟正黑體", Verdana, Arial;color:#555555; font-size:0.8em; text-decoration:none;}
.pageNumber a:hover{ color:#6D9A1B}
.contWord{ display:block; width:630px; height:14px; margin-left:115px;}
.ABOUT01{display:block; width:550px; height:auto; margin-left:135px; font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#777777; font-size:0.8em; line-height:18px; margin-top:20px;}
.ABOUT03{display:block; width:580px; height:auto; margin-left:135px; font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#777777; font-size:0.8em; line-height:18px; margin-top:20px;}
.ABOUT02{display:block; width:570px; height:0 auto; margin-left:135px; font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#777777; font-size:0.8em; line-height:18px; margin-top:20px; background-image:url(../contents/A_about/images/pic01.gif); background-position:left top; background-repeat:no-repeat; padding-left:15px;}
.ABOUT04{display:block; width:620px; height:auto; margin-left:135px; font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#777777; font-size:0.8em; line-height:18px; margin-top:20px;}
.contBG{ display:block; width:860px; height:360px; background-image:url(../contents/A_about/images/people01.jpg); background-position:right bottom; background-repeat:no-repeat; margin-left:30px; margin-top:30px;}
.contBG2{ display:block; width:860px; height:auto;  margin-left:30px; margin-top:30px;}

.NEWSCONTent{display:block; width:700px; height:auto;margin-left:100px; margin-top:10px; padding-left:30px; margin-bottom:30px;}
.NEWSCONT01{display:block; width:700px; height:auto; margin-top:10px; padding-left:30px; margin-bottom:30px;}
.NEWSCONTent ul{ margin-left:30px;}
.NEWSCONTent li{ background-image:url(../contents/F_news/images/newsList.gif); background-position:left bottom; background-repeat:repeat-x;padding-top:3px;_padding-top:3px;*padding-top:2px; _padding-bottom:7px; *padding-bottom:4px;}
.NEWSCONTent li a{ display:block; width:auto; height:auto; font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#777777; text-decoration:none; font-size:0.8em;line-height:28px;_line-height:20px; padding-left:30px; background-image:url(../contents/F_news/images/newpic.png); background-position:left top; background-repeat:no-repeat; }
.NEWSCONTent li a:hover{ color:#74AB36}
.NEWSLISTTITLE{ display:block; width:630px; height:auto; background-image:url(../contents/F_news/images/newpic.png); background-position:left top; background-repeat:no-repeat; line-height:22px; font-family:"新細明體", "微軟正黑體", Verdana, Arial; font-size:0.8em; color:#444; font-weight:bold; padding-left:30px; margin-left:5px;}
.NEWSARTICLE{ display:block; width:660px;font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#777777;padding-left:35px; line-height:24px; margin-top:10px; font-size:0.8em;}

.NEWSARTICLE2{ display:block; width:660px;font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#777777;padding-left:35px; line-height:24px; margin-top:10px; font-size:0.8em; font-weight:bold;}
.NEWSARTICLE img{ display:block; padding:5px; border:1px solid #BEBEBE; background-color:#CCC; margin:0 10px 10px 10px;}
.NEWSTag{ display:block; width:500px; height:22px; background-image:url(../contents/F_news/images/tag.png); background-position:left; background-repeat:no-repeat; margin-left:35px; margin-top:10px; padding-left:40px; font-family:"新細明體", "微軟正黑體", Verdana, Arial; font-size:0.8em; color:#666; line-height:22px;}
.NEWSOTHER{ display:block; width:650px; height:auto; margin-top:15px; margin-left:30px; border-bottom:2px solid #CCC;border-top:2px solid #CCC;}
.NEWSLInK a{ display:block;font-family:"新細明體", "微軟正黑體", Verdana, Arial; font-size:0.8em; color:#777777;padding-left:85px; line-height:24px; text-decoration:none; background-image:url(../contents/F_news/images/linkBG.gif); background-position:left top; background-repeat:no-repeat; }
.NEWSLInK a:hover{ color:#333}
.NEWSDOWNLOAD a{ display:block;font-family:"新細明體", "微軟正黑體", Verdana, Arial; font-size:0.8em; color:#777777;padding-left:85px; line-height:24px; text-decoration:none; background-image:url(../contents/F_news/images/doenloadBG.gif); background-position:left top; background-repeat:no-repeat; }
.NEWSDOWNLOAD a:hover{ color:#333}
.NEWSvideo a{ display:block;font-family:"新細明體", "微軟正黑體", Verdana, Arial; font-size:0.8em; color:#777777;padding-left:85px; line-height:24px; text-decoration:none; background-image:url(../contents/F_news/images/videoBG.gif); background-position:left top; background-repeat:no-repeat; }
.NEWSvideo a:hover{ color:#333}

.SOLGAN{ display:block; width:631px; height:140px; margin:0 auto; margin-top:15px;}
.select{ color:#6D9A1B}
.NEWSPIC{display:block; width:630px; height:auto; margin-top:15px; margin-left:30px; background-color:#E1E1E1; padding:5px;}
.NEWSPIC img{ display:block; border:1px solid #999;}
.NEWSPIC img:hover{ display:block; border:1px solid #9C0;}
.NEWSPICLINK tr td{ padding:3px;}

/* ===== accroding ====================================================================================================================== */
.NESWCONTOUT {
	display:block;
	width:650px;
	margin:0 auto;
	margin-top:15px;
	padding-left:25px;
}
.serviceARTICLE p{ margin-top:6px;}
.serviceARTICLE a{ color:#C60; text-decoration:none;}
.serviceARTICLE a:hover{ text-decoration:underline}

H2.trigger {
	PADDING-BOTTOM: 0px;
	LINE-HEIGHT:45px;
	MARGIN:0 auto;
	WIDTH: 600px;
	PADDING-RIGHT: 0px;
	BACKGROUND:url(../contents/B_services/images/newsH2.gif) no-repeat;
	FLOAT: left;
	HEIGHT: 46px;
	FONT-SIZE:100%;
	FONT-WEIGHT: normal;
	PADDING-TOP: 0px;
	margin-left:30px;
	_margin-left:20px;
}
H2.trigger A {
	DISPLAY: block;
	COLOR:#666;
	TEXT-DECORATION: none;
	font-weight:bold;
	font-family:"新細明體", "微軟正黑體", Verdana, Arial;
	font-size:0.8em;
	padding-left:20px;
	_cursor:finger;
}
H2.trigger A:hover {
	COLOR:#819e1e;
}
H2.active {
	background-image:url(../contents/B_services/images/newsH2_active.gif);
	background-position:top;
}
.toggle_container {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 600px;
	PADDING-RIGHT: 0px;
	BACKGROUND:url(../contents/B_services/images/CONBG.gif) repeat-y;
	CLEAR: both;
	FONT-SIZE:0.8em;/* OVERFLOW: hidden;*/
	PADDING-TOP: 0px;
	_margin-left:120px;
	margin-left:30px;
}
.toggle_container .block {
	PADDING-RIGHT: 20px;
	BACKGROUND:url(../contents/B_services/images/CONFOOTBG.gif) no-repeat left bottom;
}
.toggle_container H3 {
	BORDER-BOTTOM: #ccc 1px dashed;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px 0px 10px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FONT: 2.5em normal Georgia, "Times New Roman", Times, serif;
	PADDING-TOP: 0px
}
.toggle_container IMG {
	BORDER-BOTTOM: #ccc 1px solid;
	BORDER-LEFT: #ccc 1px solid;
	PADDING-BOTTOM: 5px;
	MARGIN: 10px 15px 15px 0px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	BACKGROUND: #ddd;
	FLOAT: left;
	BORDER-TOP: #ccc 1px solid;
	BORDER-RIGHT: #ccc 1px solid;
	PADDING-TOP: 5px
}
table.serviceARTICLE tr td {
	padding:10px 20px 0 25px;
	font-family:"新細明體", "微軟正黑體", Verdana, Arial;
	color:#666;
	line-height:25px;
}
.siteTitle{ display:block; width:135px; height:48px; font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#666; font-size:0.8em; line-height:48px; padding-left:35px; background-image:url(../contents/H_sitemap/images/sitemaptop.gif); background-position:left top; background-repeat:no-repeat;}
.siteTitle a{ text-decoration:none;font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#666;}
.siteTitle a:hover{ color:#690}
.siteMapBottom{display:block; width:130px; height:110px; font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#666; font-size:0.8em;padding-left:40px; background-image:url(../contents/H_sitemap/images/sitemapbottom.gif); background-position:left bottom; background-repeat:no-repeat; padding-bottom:10px; padding-top:5px;}
.siteMapBottom a{ text-decoration:none;font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#666; line-height:20px;}
.siteMapBottom a:hover{ color:#690}

/* ===== accroding ====================================================================================================================== */
#enable{ position:absolute; display:block; width:20px; height:20px; z-index:5; color:#666; margin-left:3px; }
#enable2{position:absolute;display:block;width:20px;	height:20px;	z-index:5;	color:#666;	margin-left:3px;	top: 304px;}
.REQUEST{ display:blockl; width:760px; height:auto; margin-left:120px}
.RELINE{ display:block; width:300px; height:22px; background-image:url(../contents/D_request/images/lineBG.gif); background-position:left top; background-repeat:no-repeat; padding-left:12px; font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#333; font-size:0.8em; line-height:22px; background-color:#cacaca; margin-bottom:20px;}
.requestForm tr td{ padding:6px;}
.REQ01{ display:block; width:540px; height:auto; margin-left:180px;_margin-left:60px;*margin-left:60px;background-image:url(../contents/D_request/images/reBG.gif); background-position:right bottom; background-repeat:no-repeat; padding:15px 50px 15px 25px; line-height:24px; margin-top:10px; text-align:left; }
.SER01{ display:block; width:490px; height:auto;  margin-left:170px; background-image:url(../contents/B_services/images/seBG.gif); background-position:right bottom; background-repeat:no-repeat; padding:15px 120px 15px 15px; line-height:24px; margin-top:10px; text-align:left; font-family:"新細明體", "微軟正黑體", Verdana, Arial; color:#7a7a7a; font-size:0.8em; background-image:}
.SITETABLE tr td{ vertical-align:top;}
.support tr td{ font-family:"新細明體", "微軟正黑體", Verdana, Arial; font-size:0.8em; color:#777777; vertical-align:top;}
.support a{ color:#693; text-decoration:none;}
.support a:hover{ color:#333;}
.memberlog{ display:block; width:94px; height:43px; background-image:url(../contents/G_login/images/logBtn.gif); background-position:left top; background-repeat:no-repeat; border:1px solid #7a7a7a; cursor:pointer; border:none}
.LOGINTABLE{margin-left:295px; margin-top:40px;}

.cusTable tr td{ vertical-align:top;}
#enable a{ color:#666; text-decoration:none;}
#enable2 a{ color:#666; text-decoration:none;}
.font001{ color:#528e0b}
.CLEAR {clear:both;}