@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
html { font-size:62.5%;}
body { background:url(../images/share/bg.png) left top repeat-x #f7f7f7; color:#000; direction: ltr; font-size: 1.0em; font-family: Arial, Helvetica, sans-serif, "LiHei Pro", "微軟中黑體"; padding: 0; margin:0; -webkit-text-size-adjust:none; word-wrap:break-word;}
form, input, select, textarea{margin:0; padding:0; font-family: Arial, Helvetica, sans-serif, "LiHei Pro", "微軟中黑體"; color:#343434}
textarea, input{ font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img{ border:0; -ms-interpolation-mode: bicubic;}
p, ul, li, h1, h2, h3, h4, h5, h6{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-family: Lato, Arial, Helvetica, sans-serif, "LiHei Pro", "微軟中黑體"}
h2{ font-size:1.4em;}
a{ color:#f58025; text-decoration:none;}
a:hover{ color:#f59b56; text-decoration:underline}
.error { height:24px; background-color:#ee2e24;border:1px solid #ee2e24; font-size:12px; line-height:24px; color:#fff;padding:0px 10px; margin-left:-50px; margin-top:20px;
-moz-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;
-moz-box-shadow:0 0 6px #f12759;-webkit-box-shadow:0 0 6px #f12759;
}
details summary::-webkit-details-marker { display:none; }
details summary{display:none;}
.clear{ display:block; clear:both;}

.wrap{width:992px; margin:0 auto; clear:both; background:#fff;}

.wrap>header{ height:165px; background:url(../images/share/hd-bg.png) left top repeat-x #011947;font-family: Lato, Arial, Helvetica, sans-serif, "LiHei Pro", "微軟中黑體"}
.wrap>header.inner{ height:64px; *+position:relative;}
	.wrap header #hd-bar{ height:5px; text-align:right; *+float:right;}
		#hd-bar a{ display:inline-block; width:50px; height:5px; text-indent:-9999px; overflow:hidden; background:#f58025; text-align:left; vertical-align:top;}
	.wrap header>nav{ text-align:right; padding-right:14px; *+float:right; *+width:800px;}
	.wrap header.inner>nav{ *+margin-top:-60px;}
		.wrap header>nav>ul{ list-style:none; *+float:right;}
		.wrap header>nav>ul>li{display:inline-block; text-align:left; margin:0 14px; *+float:left; *+position:relative; *+z-index:9999;}
		.wrap header>nav a{ display:inline-block; font-size:1.1em; line-height:60px; color:#fff; text-transform:uppercase; text-decoration:none;}
			.wrap header>nav a.selected, .wrap header>nav a:hover{color:#f58025;}
		.wrap header>nav>ul>li>ul{ position:absolute; display:none; list-style:none; width:120px; background:#011947; margin:-10px 0 0 -14px; *+margin:0; *+left:0; *+top:46px; padding:0 14px; z-index:9999; border:1px solid #172f5a;}
			.wrap header>nav>ul>li:hover>ul{display:block;*+ z-index:9999;}
			.wrap header>nav>ul>li>ul>li{ line-height:1.5em;}
				.wrap header>nav>ul>li>ul>li a{ line-height:1em; padding:1em 0;}
	.wrap header #integra-it-logo{ display:block; float:left; margin:0 45px 0 50px; width:231px; height:70px; background:url(../images/main/integra-it-logo.png) left top no-repeat; text-indent:-9999px; overflow:hidden}
	.wrap header.inner #integra-it-logo{ display:block; float:left; margin-left:17px; width:140px; height:64px; background:url(../images/share/integra-it-in-logo.png) 10px 21px no-repeat; text-indent:-9999px; overflow:hidden}
	.wrap header #who-is-integra-it p{ font-size:1.8em; line-height:1.555em; color:#e8ecf4; display:block; font-weight:300; font-weight:normal\9; font-style:normal; padding-top:1.5em;}
	.wrap header #who-is-integra-it p strong{ font-weight:normal; color:#f58025}

#breadcrumb{ height:64px;}
	.default{ background:#ebebeb;}
	#breadcrumb h1{ font-size:2.4em; line-height:64px; color:#011947; margin-left:27px; font-weight:normal; float:left;}
	#breadcrumb nav{ color:#7d7d7d; text-align:right; font-size:1.1em; line-height:1em; padding:30px 28px 0 0}
		#breadcrumb nav a{ color:#7d7d7d; text-decoration:none;}
			#breadcrumb nav a:hover{ color:#f58025}
		#breadcrumb nav strong{ font-weight:normal; color:#f58025}

#banner{ background:#fff; z-index:20;}
	#banner ul{ list-style:none;width:992px; height:239px; overflow:hidden;}
		#banner ul li{ width:992px; height:239px;} 
			#banner ul li .lft{ width:506px; height:239px;}
				#banner ul li .lft .contnt{ padding:20px 25px 0;}
			#banner ul li .rht{ float:right; width:486px; height:239px;}
				#banner ul li .rht .contnt{ padding:20px 25px 0;}
			#banner ul li h2{ line-height:33px; font-weight:normal; margin-bottom:0.5em; padding-right:1em}
			#banner ul li p{ font-size:1.2em; line-height:1.75em;}
	#banner nav{ clear:both; height:70px; font-size:1.3em; line-height:1em;}
		#banner nav a{ width:174px; line-height:1.3em; height:50px; padding:10px 12px; display:block; float:left; color:#fff; text-decoration:none; font-weight:300; font-weight:normal\9; font-style:normal;}
		#banner h1{ display:block; float:left; width:176px; height:35px; font-size:1em; padding:10px 12px; color:#011947; font-weight:normal;}
		
#latest-news{ height:43px; background:#f7f7f7}
	#latest-news h1{ width:105px; height:43px; background:url(../images/main/tit-latest-news.png) left top no-repeat; float:left; text-indent:-9999px; overflow:hidden;}
	#latest-news nav{ width:63px; padding-top:16px; float:left;}
		#latest-news nav a{ background-image:url(../images/main/btn-news.png); display:inline-block; height:16px; text-indent:-9999px; overflow:hidden;}
		#latest-news nav a.btn-up{ width:25px; background-position:left top;}
			#latest-news nav a.btn-up:hover{ width:25px; background-position:left bottom;}
		#latest-news nav a.btn-down{ width:24px; background-position:right top;}
			#latest-news nav a.btn-down:hover{ width:24px; background-position:right bottom;}
	#latest-news ul{ width:588px; list-style:none; float:left; height:43px; overflow:hidden;}
		#latest-news ul li{ font-size:1.2em; color:#808080; color:#000; padding-top:18px; height:25px; line-height:1em; font-weight:300; font-weight:normal\9; font-style:normal;}
		#latest-news ul li a{ color:#808080; color:#000;}
	#latest-news #btn-share{ float:left; margin-top:7px}
		#btn-share a{ display:inline-block; *+float:left; text-indent:-9999px; overflow:hidden; background-image:url(../images/share/btn-share.png);}
		#btn-share a.btn-twitter{width:147px; height:27px; background-position:left top;}
			#btn-share a.btn-twitter:hover{ background-position:left bottom;}
		#btn-share a.btn-linkedin{width:80px; height:27px; background-position:right top;}
			#btn-share a.btn-linkedin:hover{ background-position:right bottom;}

#latest-resourcing{ float:right; margin:25px 25px 0 0; width:349px; padding:0 16px; background:url(../images/main/latest-news-bg.png) center top no-repeat;}
	#latest-resourcing h1{ height:50px; font-size:1.2em; color:#808080; line-height:50px; font-weight:normal;}
	#latest-resourcing a.btn-more{ float:right; margin-top:20px; font-size:1.1em;}
	#latest-resourcing ul{ list-style:none;}
		#latest-resourcing ul li{ margin-bottom:10px;}
			#latest-resourcing ul li h2{ font-size:1.5em; line-height:1em; font-weight:normal; margin-bottom:0.6em;}
			#latest-resourcing ul li p{ font-size:1.1em; line-height:1.455em;}
			
#introduction{ margin:25px 15px 14px 19px;}
	#introduction p{  width:540px; display:block; font-size:1.2em; line-height:1.75em; padding-left:8px}
	#introduction ul{ margin-top:16px; width:550px; height:68px; padding:18px 0 18px 4px; list-style:none; background:url(../images/main/integra-bg.png) center top no-repeat}
		#introduction ul li{ width:155px; padding:0 14px; float:left; display:block;}
			#introduction ul li h2{ font-size:1.8em; color:#f58025; font-weight:normal; margin-bottom:0.5em;}
			#introduction ul li p{ width:100%; font-size:1.1em; line-height:1.455em; padding-left:0; color:#4d4d4d}

#partners-logo{ margin-left:25px; width:941px; background:url(../images/main/partner-bg.png) center top repeat-y; margin-bottom:24px;}
	#partners-logo .top{ display:block; width:100%; height:10px; background:url(../images/main/partner-top.png) center top no-repeat;}
	#partners-logo .btm{ display:block; width:100%; height:10px; background:url(../images/main/partner-btm.png) center bottom no-repeat;}
	#partners-logo h1{ display:block; float: left; width:73px; height:11px; background:url(../images/main/tit-partners.png) left top no-repeat; margin:5px 0 0 17px; text-indent:-9999px; overflow:hidden;}
	#partners-logo ul{ margin:5px 0 0 176px; height:60px; list-style:none;}
		#partners-logo ul li{ display:inline-block; *+float:left; *+line-height:60px; margin-right:40px; vertical-align:middle;}

#content{ padding:25px; min-height:520px;}
	#content .lft{ display:inline-block; vertical-align:top; *+float:left; width:620px; margin-right:17px;}
		#content .lft article>h1{ font-size:1.9em; line-height:1.579em; font-weight:normal; margin-bottom:0.842em;}
		#content .lft article h1 span { padding-bottom:0.6em;}
		 #content .lft article h2{ padding-bottom:0.6em;}
		  #application_ul{
			  padding:0px;
			  margin:0px;
		 	font-size: 1.2em;
			line-height: 1.75em;
			margin-bottom: 1.75em;
		  }
		  #application_ul li{  margin-left:15px; margin-bottom:10px;}
		#content .lft article>strong{ font-size:1.4em; color:#f58025; line-height:1.5em; font-weight:normal; margin-bottom:0.5em;}
			#content .lft article>h1 strong{ font-weight:normal;}
		#content .lft article span.date{ font-size:1.1em; line-height:1.75em; margin-bottom:1.75em; margin-top:-1em}
		#content .lft p{ font-size:1.2em; line-height:1.75em; margin-bottom:1.75em;}
		#content .lft article>div{ margin:26px 0;}
	
	#content .rht{ display:inline-block; vertical-align:top; *+float:left; width:302px;}
		#content .rht nav{ border-top:1px solid #000; font-family:Lato, Arial, Helvetica, sans-serif, "LiHei Pro", "微軟中黑體"; margin-bottom:30px;}
		#content .rht nav.submenu{ border-top:1px solid #e5e5e5; font-family:Lato, Arial, Helvetica, sans-serif, "LiHei Pro", "微軟中黑體"; margin-bottom:30px;}
			#content .rht nav a{ display:block; border-left:5px solid #011947; color:#011947; text-decoration:none;}
				#content .rht nav a:hover, #content .rht nav a.selected, #content .rht nav a.highlight{ color:#f58025; border-left:5px solid #f58025;}
				#content .rht nav a span{ display:block; font-size:1.3em; line-height:1.231em; padding:9px 0 9px 10px; border-bottom:1px solid #e5e5e5;}
	
		#content .rht>section{ margin-bottom:30px; clear:both;}

		#content .rht .widget-box{ background:url(../images/share/widget-bg-org.png) center top no-repeat; padding-top:20px;}
			#content .rht .widget-box h1{ font-size:1.8em; color:#f58025; font-weight:normal; padding:0 15px; margin-bottom:0.5em;}
			#content .rht .widget-box p{ font-size:1.1em; line-height:1.273em; padding:0 15px;}
				#content .rht .widget-box ul{ margin:16px 9px; list-style:none;}
					#content .rht .widget-box ul li{ display:block; float:left; margin:3px;}
						#content .rht .widget-box ul li div.img{ width:83px; height:83px; overflow:hidden;}

/*Case Studies*/
#case-studies{ width:992px; overflow:hidden}
#case-studies>header{ height:75px; background:#f7f7f7;}
	#case-studies>header h1{ float:left; width:140px; padding-left:28px; font-size:1.8em; color:#444; line-height:75px; font-weight:normal;}
	#case-studies>header ul{ list-style:none; height:75px; overflow:hidden;}
		#case-studies>header ul li{ display:inline-block; *+float:left; *+margin-top:20px;line-height:82px; margin-right:36px; vertical-align:middle;}
			#case-studies>header ul li a{ display:block; opacity:0.7; filter:alpha(opacity=70);-moz-opacity:0.7;}
			#case-studies>header ul li a:hover{ display:block; opacity:1; filter:alpha(opacity=100);-moz-opacity:1.0;}
			#case-studies>header ul li a.selected{ display:block; opacity:1; filter:alpha(opacity=100);-moz-opacity:1.0;}
	#case-studies>div{width:992px; overflow:hidden}
	#case-studies>div>div{ white-space:nowrap;}
	#case-studies>div>div>details{ padding:40px 50px 40px 80px; width:862px; float:left; display:block; white-space:normal}
		#case-studies>div>div>details .case-name{width:220px; display:inline-block; vertical-align:top; *+float:left; margin-right:35px;}
			#case-studies>div>div>details .case-name .img{ width:220px; height:200px; text-align:center;}
			#case-studies>div>div>details .case-name .logo{ height:125px; text-align:center;}
			
		#case-studies>div>div>details article{ display:inline-block; vertical-align:top; *+float:left; width:604px;}
			#case-studies>div>div>details article h1{ font-size:1.9em; line-height:1.579em; color:#011947; font-weight:normal; margin-bottom:0.5em;}
			#case-studies>div>div>details article .col{ width:282px; font-size:1.2em; line-height:1.75em; display:inline-block; *+float:left; vertical-align:top; margin-right:15px}
				#case-studies>div>div>details article .col p{ margin-bottom:1.25em;}
				#case-studies>div>div>details article .col h2{ font-size:1.25em; line-height:1em; margin-bottom:0.6em; font-weight:normal; color:#011947;}
				#case-studies>div>div>details article .col ul{ margin-bottom:0.75em;}
					#case-studies>div>div>details article .col ul li{ margin-left:1.5em;}
				#case-studies>div>div>details article .col .box{ background:#f2f3f6; padding:10px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
				#case-studies>nav .btn-prev{ position:absolute; display:block; width:24px; height:88px; background:url(../images/share/btn-case.png) left top no-repeat; text-indent:-9999px; overflow:hidden; margin:170px 0 0 32px}
					#case-studies>nav .btn-prev:hover{ background-position:left bottom}
				#case-studies>nav .btn-next{ position:absolute; display:block; width:24px; height:88px; background:url(../images/share/btn-case.png) right top no-repeat; text-indent:-9999px; overflow:hidden; margin:170px 0 0 940px}
					#case-studies>nav .btn-next:hover{ background-position:right bottom}

/*List*/
	.ui-button { margin-left: -1px;}
	.ui-button-icon-only .ui-button-text { padding: 0.35em; *+padding:0.22em;} 
	.ui-autocomplete-input { margin: 0; font-size:1.2em; line-height:1em; padding: 0.457em 0 0.417em 0.45em;background: #ffffff url(integra-it-theme/images/ui-bg_highlight-soft_75_e5e5e5_1x100.png) 50% 50% repeat-x; color: #222222;}
	#frmSearch { border-bottom:1px solid #d3d3d3; padding-bottom: 18px; clear:both;}
	#frmSearch #keyword{ width:186px; font-size:1.2em; line-height:1em; padding: 0.457em 0 0.417em 0.45em; border:1px solid #c8c8c8;background: #ffffff url(integra-it-theme/images/ui-bg_highlight-soft_75_e5e5e5_1x100.png) 50% 50% repeat-x;
						 -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	#frmSearch>label{ display:inline-block; vertical-align:top; margin-right:28px; margin-right:26px\9;}
		#frmSearch>label>span{ display:block; font-size:1.2em; line-height:1.75em; font-weight:bold;}
			#frmSearch> #btn-search{ margin-top:2.1em;}
	#content #list{ background:#ebebeb; padding:20px 20px; clear:both;}
		#content #list h1{ float:left; width:110px; font-size:1.6em; line-height:1.25em; color:#333333; font-weight:bold; vertical-align:top; font-family:Arial, Helvetica, sans-serif;}
			#content #list>span{ font-size:1.2em; line-height:2em; display:block; float:left; margin-bottom:20px}
			
	#list-tbl{ border-top:1px solid #fff; padding-top:18px; width:100%;}
		#list-tbl th{ font-size:1.4em; line-height:2em; text-align:left; padding:0 10px; text-align:center;}
		#list-tbl td{ font-size:1.2em; vertical-align:middle; background:#fff; border-bottom:25px solid #ebebeb; text-align:center; padding:10px}
		#list-tbl th.desc, #list-tbl td.desc{ text-align:left;}
				#list-tbl td.desc>a{ display:block; font-weight:bold; font-size:1.333em; line-height:1em; margin-bottom:0.5em; text-decoration:none;}
				#list-tbl td.desc>span{ display:block; font-weight:bold; font-size:1em; line-height:1em; margin-bottom:0.666em; color:#001947;}
				#list-tbl td.desc p{ font-size:1.167em;}

/*Detail*/
#content .detail{ background:#ebebeb; padding:20px}
	#content .detail .detail-cntnt{ background:#fff; padding:30px 20px}
	#content .detail .lft{ width:540px;}
	#content .detail #btn-back-list{ font-size:1.6em; float:right; line-height:1.5em;font-weight:bold; margin:0 10px 0.5em}
	#content .detail>hr{ height:0; border:0; border-bottom:1px solid #d3d3d3; padding:0; margin:0; clear:both; margin:0 10px; overflow:hidden; display:block; *+margin:-7px 10px;}
	#content .detail>header{ border-top:1px solid #fff; font-size:1.4em; line-height:1.5em; font-weight:bold; padding:20px 0 10px; margin:0 10px}
		#content .detail>header .lft{ width:568px;}
		#content .detail>header .rht{ width:292px; text-align:right;}
			#content .detail .lft article>h1{ font-size:2.4em; line-height:1.25em; font-weight:bold; color:#f58026; margin-bottom:0.875em; font-family:Arial, Helvetica, sans-serif}
			#content .detail .lft article>span.job-desc{ display:block; font-size:1.4em; line-height:1em; margin-bottom:0.571em; color:#333; font-weight:bold;}
			#content .detail .lft p{ font-size:1.2em; line-height:1.25em; margin-bottom:1.5em; color:#333;}
			#content .detail .lft ul{ margin-left:1.333em; font-size:1.2em; line-height:; color:#333; margin-bottom:1.25em;}
			#content .detail .lft ul li{ margin-bottom:0.75em;}
			#content .detail .lft .links{ clear:both; font-size:1.2em; color:#333; margin-bottom:1.25em;}
			#content .detail .lft .links span{ font-weight:bold;}
			#btn-apply-linkedIn{ background:url(../images/job/btn-linkedin-apply.png) left top no-repeat; *float:left; width:188px; height:33px; display:inline-block; vertical-align:middle; *+vertical-align:top; text-indent:-9999px; overflow:hidden; margin-right:20px;}
			#btn-refer{ background:url(../images/job/btn-refer.png) left top no-repeat; width:127px; height:27px; display:inline-block; vertical-align:middle; *+vertical-align:top; text-indent:-9999px; overflow:hidden;}

		#content .detail .rht h1{ font-size:1.4em; line-height:1.5em; margin-bottom:0.5em; font-family:Arial, Helvetica, sans-serif; color:#333}
		#content .detail .rht #item-list{ border-top:1px solid #000; font-family:Lato, Arial, Helvetica, sans-serif, "LiHei Pro", "微軟中黑體"; margin-bottom:30px;}
			#content .detail .rht #item-list>div{ display:block; border-left:5px solid #011947; color:#011947; text-decoration:none;}
				#content .detail .rht #item-list div span{ display:inline-block; vertical-align:top; font-size:1.3em; line-height:1.231em; width:125px; color:#f58025; padding:9px 0 9px 10px; border-bottom:1px solid #e5e5e5;}
				#content .detail .rht #item-list div strong{ display:inline-block; vertical-align:top; font-size:1.3em; line-height:1.231em; width:152px; font-weight:normal; padding:9px 0 9px 10px; border-bottom:1px solid #e5e5e5;}

	#apply-form{ display:block; margin-top:30px;}
		#apply-form h1{ font-size:1.4em; color:#f58026; font-family:Arial, Helvetica, sans-serif; margin-bottom:16px;}
		details b{ color:#333; font-size:1.2em; display:block; margin-top:24px;}
		#apply-form label{display:block; padding-bottom:4px; font-size:1.167em}
			#apply-form label span{display:inline-block; width:100px; font-weight:bold; line-height:2.143em; color:#333; vertical-align:top}
			#apply-form label input.checkbox{ width:auto; height:auto; margin:0 5px 10px 60px; border:0}
			#apply-form label input{ width:200px; padding:0 8px; border:1px solid #c8c8c8; font-size:1.167em; line-height:1.571em; height:1.571em; background:url(../images/cont/fd-bg.png) left top repeat-x #fff;}
			#apply-form label select{ width:216px; border:1px solid #c8c8c8; font-size:1.167em; line-height:1.571em; height:1.571em; background:url(../images/cont/fd-bg.png) left top repeat-x #fff;}
			#apply-form label textarea{ width:250px; padding-left:8px; margin-bottom:10px; border:1px solid #c8c8c8; font-size:1.167em; line-height:1.571em; height:7.142em; background:url(../images/cont/fd-bg.png) left top repeat-x #fff;height:110px\0/; *+height:110px; overflow:auto;}
			.btn-reset{ width:69px; height:27px; background:url(../images/job/btn-reset.png) center no-repeat; border:none; text-indent:-9999px; overflow:hidden; display:block; *+font-size:0; text-align:left; color: transparent;line-height: 0; float:left; margin:0 10px 0 175px;color: transparent;}
			.btn-submit{ width:69px; height:27px; background:url(../images/job/btn-submit.png) center no-repeat; border:none; text-indent:-9999px; overflow:hidden; display:block; *+font-size:0; text-align:left; color: transparent;line-height: 0; float:left;color: transparent;}

	#enq-form{ display:block; padding:20px 0; clear:both;}
		#enq-form h1{ font-size:1.4em; color:#f58026; font-family:Arial, Helvetica, sans-serif; margin-bottom:16px;}
		#enq-form b{ color:#333; font-size:1.2em; display:block; margin-top:24px;}
		#enq-form label{display:block; padding-bottom:4px; font-size:1.167em}
			#enq-form label span{display:inline-block; width:80px; font-weight:bold; line-height:2.143em; color:#333; vertical-align:top}
			#enq-form label input.checkbox{ width:auto; height:auto; margin:0 5px 10px 60px; border:0}
			#enq-form label input{ width:200px; padding:0 8px; border:1px solid #c8c8c8; font-size:1.167em; line-height:1.571em; height:1.571em; background:url(../images/cont/fd-bg.png) left top repeat-x #fff;}
			#enq-form label textarea{ width:250px; padding-left:8px; margin-bottom:10px; border:1px solid #c8c8c8; font-size:1.167em; line-height:1.571em; height:7.142em; background:url(../images/cont/fd-bg.png) left top repeat-x #fff;height:110px\0/; *+height:110px; overflow:auto;}
	#enq-form .btn-reset{margin:0 10px 0 195px;}

/*List item*/
	#item-list ul{ list-style:none;}
		#item-list ul li{ margin-bottom:10px; clear:both; padding-bottom:10px;}
			#item-list ul li h2{ font-size:1.5em; line-height:1em; font-weight:normal; margin-bottom:0.6em; color:#f58025}
			#item-list ul li div{ font-size:1em; line-height:1.333em; width:620px;}
			#item-list ul li div.img{ float:left; width:auto; margin-right:10px; text-align:center; width:220px; height:200px; line-height:200px;}
			#item-list ul li div.s-img{ float:left; width:auto; margin-right:10px; text-align:center; width:90px; height:80px; line-height:80px;}
			#item-list ul li div.img img{vertical-align:middle;}
			#item-list ul li>a{ display: block; font-size:1.2em; text-align:right;}
			#item-list ul li ul li { font-size:1.2em; list-style:disc; margin-left:16px;}
			#item-list ul li span.date{ font-size:1.1em; line-height:1.75em; margin-bottom:0.5em; margin-top:-0.3em; display:block;}

/*Logo item*/
	#fancybox-outer{ *+border:1px solid #ccc;}
	#logo-list{ *+position:relative; }
	#logo-list ul{ list-style:none; margin-left:-16px; display:block; *+position:relative; *+left:-16px; *+margin:0}
		#logo-list ul li{ float:left; width:140px; *+width:137px; height:100px; margin:0 0 16px 16px; overflow:hidden; border:1px solid #ccc; white-space:nowrap}
			#logo-list ul li a.img{ height:100px; text-align:center; font-size:0.5em; display:block;}
			#logo-list ul li a.img img{vertical-align:middle; cursor:pointer;}
	#logo-detail { display:none; position:absolute;}
	.logo-detail { width:620px; padding:25px}
	.logo-detail h2{ font-size:1.5em; line-height:1em; font-weight:normal; margin-bottom:0.6em; color:#f58025}
	.logo-detail div.img{ float:left; width:auto; margin:2.1em 10px 10px 0; text-align:center; width:220px;/* height:200px; line-height:200px;*/}
	.logo-detail div.s-img{ float:left; width:auto; margin-right:10px; text-align:center; width:90px; height:80px; line-height:80px;}
	.logo-detail div.img img{vertical-align:top;}
	.logo-detail>a{ display: block; font-size:1.2em; text-align:right;}
	.logo-detail p{font-size:1.2em; margin-bottom:1em;}

	#address-list ul{ list-style:none;}
		#address-list ul li{ margin-bottom:10px; clear:both; padding-bottom:10px;}
			#address-list ul li h2{ font-size:1.5em; line-height:1em; margin-bottom:0.6em; color:#f58025}
			#address-list ul li>div{ font-size:1em; line-height:1.333em; width:300px; height:200px; float:right;}
			#address-list ul li>a{ display: block; font-size:1.2em; text-align:right; clear:both;}

/*Notice*/
#notice{ width:992px; height:40px; background:#f1cb00; font-size:1.2em; line-height:40px;}
	#notice #btn-notice-close{ position:absolute; margin:11px 0 0 960px; *+margin:11px 0 0 810px;display:block; width:18px; height:18px; background:url(../images/share/btm-close.png) center top no-repeat; text-indent:-9999px; overflow:hidden; z-index:50}
	#notice h1{ width:140px; float:left; background:#000; color:#fff; font-size:1.166em; font-weight:normal; text-align:center; margin-right:14px;}
	#notice strong{ display:block; line-height:40px; font-weight:normal;}

footer{ clear:both; height:63px; padding:19px 27px 0 27px; font-size:1.1em; color:#999; background:#ebebeb; line-height:34px;}
	footer a{ color:#999;}
	footer #integra-it-ft-logo{ display:block; float:right; width:112px; height:34px; background:url(../images/share/integra-it-ft-logo.png) center top no-repeat; text-indent:-9999px; overflow:hidden;}
	footer nav{ float:right; margin-right:14px;}
		footer nav a{ display:inline-block; margin-left:8px; text-decoration:none;}
			footer nav a:hover{ text-decoration:none;}

/*Sitemap*/
#sitemap{ font-size:1.4em; color:#555;}
	#sitemap ul{ list-style:none;}
		#sitemap>ul{ margin-left:-20px;}
		#sitemap>ul>li{ width:180px; float:left; margin-left:20px; height:240px}
			#sitemap ul li>a{ color:#555;}
			#sitemap>ul>li>a{ display:block; background:#f58025; padding:5px 10px; color:#fff;}
				#sitemap>ul>li>a:hover{ text-decoration:none; background:#f59b56}
				#sitemap>ul>li>ul>li{ padding:5px 10px 5px;}

#pagination{ text-align:right; padding:20px 0 0; font-size:1.2em; line-height:1.833em; clear:both}
#pagination strong { color:#fff; background:#b7b7b7; padding:0 0.666em; display:inline-block; height:1.833em; border:1px solid #d9d9d9; margin:2px; text-align:center}
#pagination a { color:#555; background:#fff; display:inline-block; padding:0 0.666em; height:1.833em; border:1px solid #d9d9d9; margin:2px; text-align:center; text-decoration:none;}
#pagination a:hover{ color:#fff; background:#b7b7b7;}

@media only screen and (max-width: 999px) {
  /* rules that only apply for canvases narrower than 1000px */
  #frmSearch>label{ margin-right:18px;}
}


		#refer_fd_form h1{ font-size:1.4em; color:#f58026; font-family:Arial, Helvetica, sans-serif; margin-bottom:16px;}
		
		#refer_fd_form {display:block; padding-bottom:4px; font-size:1.167em}
			#refer_fd_form  span{display:inline-block; width:130px; font-weight:bold; line-height:2.143em; color:#333; vertical-align:top}
			#refer_fd_form  input.checkbox{ width:auto; height:auto; margin:0 5px 10px 60px; border:0}
			#refer_fd_form  input{ width:200px; padding:0 8px; border:1px solid #c8c8c8; font-size:1.167em; line-height:1.571em; height:1.571em; background:url(../images/cont/fd-bg.png) left top repeat-x #fff;}
			#refer_fd_form  select{ width:216px; border:1px solid #c8c8c8; font-size:1.167em; line-height:1.571em; height:1.571em; background:url(../images/cont/fd-bg.png) left top repeat-x #fff;}
			#refer_fd_form  textarea{ width:250px; padding-left:8px; margin-bottom:10px; border:1px solid #c8c8c8; font-size:1.167em; line-height:1.571em; height:7.142em; background:url(../images/cont/fd-bg.png) left top repeat-x #fff;height:110px\0/; *+height:110px; overflow:auto;}
			#refer_fd_form .btn-submit{ width:69px; height:27px; background:url(../images/job/btn-submit.png) center no-repeat; border:0; text-indent:-9999px; overflow:hidden; display:block; float:left;color: transparent;}