@charset "UTF-8"; .bg-overall{ background:#fff;} .color-overall{ color:#f58025;} /*About Us Overview*/ #content #integra-it-about-logo{ display:block; float:left; margin:0 20px 30px 20px; width:194px; height:65px; background:url(../images/about/integra-it-about-logo.png) left top no-repeat; text-indent:-9999px; overflow:hidden;} #content .lft #about-integra-it{ background:url(../images/about/serv-bg.png) left top repeat-y; margin-left:-8px; width:628px; clear:both;} #content .lft #about-integra-it>ul{ background:url(../images/about/serv-top.png) left top no-repeat; min-height:60px; padding-top:20px; list-style:none;} #content .lft #about-integra-it>ul>li{ float:left; width:155px; vertical-align:top;} #content .lft #about-integra-it ul li a{ display:block; height:54px; font-size:1.6em; font-weight:300; font-weight:normal\9; font-style:normal; padding:0 10px 0 14px; font-family:Lato, Arial, Helvetica, sans-serif, "LiHei Pro", "微軟中黑體";} #content .lft #about-integra-it ul li p{ font-size:1.1em; line-height:1.273em; color:#4d4d4d; padding:0 9px 0 14px; height:100px;} #content .lft #about-integra-it ul li a.btn-more{ display:block; background-image:url(../images/about/serv-btm.png); height:34px; overflow:hidden; text-indent:-9999px;} #content .lft #about-integra-it ul li#desc-resourcing{ width:161px; padding:0} #content .lft #about-integra-it ul li#desc-resourcing a, #content .lft #about-integra-it ul li#desc-resourcing p{ padding:0 14px 0 15px} #content .lft #about-integra-it ul li#desc-resourcing a.btn-more { background-position:0px top} #content .lft #about-integra-it ul li#desc-consultancy a.btn-more { background-position:-161px top} #content .lft #about-integra-it ul li#desc-technical_support a.btn-more { background-position:-316px top} #content .lft #about-integra-it ul li#desc-integrated_moves a.btn-more { background-position:-471px top} #content .lft #about-integra-it ul li ul { margin:0 5px 0 25px; list-style:square; height:220px} #content .lft #about-integra-it ul li ul li span{color:#4d4d4d} #content .rht nav a:hover, #content .rht nav a.selected{ color:#f58025; border-left:5px solid #f58025;} /*Our Team*/ #content .rht #widget-our-team{ background:url(../images/share/widget-bg-org.png) center top no-repeat; padding-top:20px;} #content .rht #widget-our-team h1{ font-size:1.8em; color:#f58025; font-weight:normal; padding:0 15px; margin-bottom:0.5em;} #content .rht #widget-our-team p{ font-size:1.1em; line-height:1.273em; padding:0 15px;} #content .rht #widget-our-team ul{ margin:16px 9px; list-style:none;} #content .rht #widget-our-team ul li{ display:block; float:left; margin:3px;} #content .rht #widget-our-team ul li div.img{ border:1px solid #dcdcdc; width:83px; height:83px; overflow:hidden;} #content .rht #widget-our-team ul li a span{ display:none; position:absolute; width:77px; height:77px; background: #f58025; color:#fff;border:1px solid #dcdcdc; padding:3px;} #content .rht #widget-our-team ul li a:hover span{display:block;} #content .rht #widget-our-team ul li a span strong{font-size:1.2em;display:block;} /*Case Category*/ .category{ height:5px; text-align:left;} .category a{ display:inline-block; *+float:left; width:14.285714285714%; height:5px; text-indent:-9999px; overflow:hidden; background:#f58025; text-align:left; vertical-align:top; opacity:0.05; filter:alpha(opacity=5);-moz-opacity:0.05;} .category a.selected{opacity:1; filter:alpha(opacity=100);-moz-opacity:1;} .category a#btn-case-resourcing{ background:#97005e;} #hd-bar a#btn-hd-resourcing{ background:#97005e;} .color-resourcing{ color:#97005e;} a.color-resourcing:hover, a.color-resourcing.selected, a.color-resourcing.highlight{ color:#97005e;} .bg-resourcing{ background:#97005e; color:#fff;} .bg-resourcing a{ color:#fff; text-decoration:none} .wrap header>nav>ul>li>ul>li.color-resourcing a.selected, .wrap header>nav>ul>li>ul>li.color-resourcing a:hover{color:#97005e;} /*Right Navigation*/ #content .rht nav a.color-resourcing:hover, #content .rht nav a.color-resourcing.selected, #content .rht nav a.color-resourcing.highlight{ color:#97005e; border-left:5px solid #97005e;} #content .rht nav.color-resourcing a:hover, #content .rht nav.color-resourcing a.selected, #content .rht nav.color-resourcing a.highlight{ color:#97005e; border-left:5px solid #97005e;} #content .rht .widget-box-resourcing{ background:url(../images/share/widget-bg-resourcing.png) center top no-repeat; padding-top:20px;} #content .rht .widget-box-resourcing h1{ font-size:1.8em; color:#97005e; font-weight:normal; padding:0 15px; margin-bottom:0.5em;} #content .rht .widget-box-resourcing p{ font-size:1.2em; line-height:1.667em; padding:0 15px;} #content .rht .widget-box-resourcing ul{ margin:16px 9px; list-style:none;} #content .rht .widget-box-resourcing ul li{ display:block; float:left; margin:3px;} #content .rht .widget-box-resourcing ul li div.img{ border:1px solid #dcdcdc; width:83px; height:83px; overflow:hidden;} #content .rht .widget-box-resourcing>a{ display:block; font-size:1.2em; margin:10px 15px;} .category a#btn-case-consultancy{ background:#f1cb00;} #hd-bar a#btn-hd-consultancy{ background:#f1cb00;} .color-consultancy{ color:#f1cb00;} a.color-consultancy:hover, a.color-consultancy.selected, a.color-consultancy.highlight{ color:#f1cb00;} .bg-consultancy{ background:#f1cb00; color:#fff;} .bg-consultancy a{ color:#fff; text-decoration:none} .wrap header>nav>ul>li>ul>li.color-consultancy a.selected, .wrap header>nav>ul>li>ul>li.color-consultancy a:hover{color:#f1cb00;} /*Right Navigation*/ #content .rht nav a.color-consultancy:hover, #content .rht nav a.color-consultancy.selected, #content .rht nav a.color-consultancy.highlight{ color:#f1cb00; border-left:5px solid #f1cb00;} #content .rht nav.color-consultancy a:hover, #content .rht nav.color-consultancy a.selected, #content .rht nav.color-consultancy a.highlight{ color:#f1cb00; border-left:5px solid #f1cb00;} #content .rht .widget-box-consultancy{ background:url(../images/share/widget-bg-consultancy.png) center top no-repeat; padding-top:20px;} #content .rht .widget-box-consultancy h1{ font-size:1.8em; color:#f1cb00; font-weight:normal; padding:0 15px; margin-bottom:0.5em;} #content .rht .widget-box-consultancy p{ font-size:1.2em; line-height:1.667em; padding:0 15px;} #content .rht .widget-box-consultancy ul{ margin:16px 9px; list-style:none;} #content .rht .widget-box-consultancy ul li{ display:block; float:left; margin:3px;} #content .rht .widget-box-consultancy ul li div.img{ border:1px solid #dcdcdc; width:83px; height:83px; overflow:hidden;} #content .rht .widget-box-consultancy>a{ display:block; font-size:1.2em; margin:10px 15px;} .category a#btn-case-technical-support{ background:#00788a;} #hd-bar a#btn-hd-technical-support{ background:#00788a;} .color-technical-support{ color:#00788a;} a.color-technical-support:hover, a.color-technical-support.selected, a.color-technical-support.highlight{ color:#00788a;} .bg-technical-support{ background:#00788a; color:#fff;} .bg-technical-support a{ color:#fff; text-decoration:none} .wrap header>nav>ul>li>ul>li.color-technical-support a.selected, .wrap header>nav>ul>li>ul>li.color-technical-support a:hover{color:#00788a;} /*Right Navigation*/ #content .rht nav a.color-technical-support:hover, #content .rht nav a.color-technical-support.selected, #content .rht nav a.color-technical-support.highlight{ color:#00788a; border-left:5px solid #00788a;} #content .rht nav.color-technical-support a:hover, #content .rht nav.color-technical-support a.selected, #content .rht nav.color-technical-support a.highlight{ color:#00788a; border-left:5px solid #00788a;} #content .rht .widget-box-technical-support{ background:url(../images/share/widget-bg-technical-support.png) center top no-repeat; padding-top:20px;} #content .rht .widget-box-technical-support h1{ font-size:1.8em; color:#00788a; font-weight:normal; padding:0 15px; margin-bottom:0.5em;} #content .rht .widget-box-technical-support p{ font-size:1.2em; line-height:1.667em; padding:0 15px;} #content .rht .widget-box-technical-support ul{ margin:16px 9px; list-style:none;} #content .rht .widget-box-technical-support ul li{ display:block; float:left; margin:3px;} #content .rht .widget-box-technical-support ul li div.img{ border:1px solid #dcdcdc; width:83px; height:83px; overflow:hidden;} #content .rht .widget-box-technical-support>a{ display:block; font-size:1.2em; margin:10px 15px;} .category a#btn-case-integrated-moves{ background:#f58025;} #hd-bar a#btn-hd-integrated-moves{ background:#f58025;} .color-integrated-moves{ color:#f58025;} a.color-integrated-moves:hover, a.color-integrated-moves.selected, a.color-integrated-moves.highlight{ color:#f58025;} .bg-integrated-moves{ background:#f58025; color:#fff;} .bg-integrated-moves a{ color:#fff; text-decoration:none} .wrap header>nav>ul>li>ul>li.color-integrated-moves a.selected, .wrap header>nav>ul>li>ul>li.color-integrated-moves a:hover{color:#f58025;} /*Right Navigation*/ #content .rht nav a.color-integrated-moves:hover, #content .rht nav a.color-integrated-moves.selected, #content .rht nav a.color-integrated-moves.highlight{ color:#f58025; border-left:5px solid #f58025;} #content .rht nav.color-integrated-moves a:hover, #content .rht nav.color-integrated-moves a.selected, #content .rht nav.color-integrated-moves a.highlight{ color:#f58025; border-left:5px solid #f58025;} #content .rht .widget-box-integrated-moves{ background:url(../images/share/widget-bg-integrated-moves.png) center top no-repeat; padding-top:20px;} #content .rht .widget-box-integrated-moves h1{ font-size:1.8em; color:#f58025; font-weight:normal; padding:0 15px; margin-bottom:0.5em;} #content .rht .widget-box-integrated-moves p{ font-size:1.2em; line-height:1.667em; padding:0 15px;} #content .rht .widget-box-integrated-moves ul{ margin:16px 9px; list-style:none;} #content .rht .widget-box-integrated-moves ul li{ display:block; float:left; margin:3px;} #content .rht .widget-box-integrated-moves ul li div.img{ border:1px solid #dcdcdc; width:83px; height:83px; overflow:hidden;} #content .rht .widget-box-integrated-moves>a{ display:block; font-size:1.2em; margin:10px 15px;} .category a#btn-case-home-services{ background:#007360;} #hd-bar a#btn-hd-home-services{ background:#007360;} .color-home-services{ color:#007360;} a.color-home-services:hover, a.color-home-services.selected, a.color-home-services.highlight{ color:#007360;} .bg-home-services{ background:#007360; color:#fff;} .bg-home-services a{ color:#fff; text-decoration:none} .wrap header>nav>ul>li>ul>li.color-home-services a.selected, .wrap header>nav>ul>li>ul>li.color-home-services a:hover{color:#007360;} /*Right Navigation*/ #content .rht nav a.color-home-services:hover, #content .rht nav a.color-home-services.selected, #content .rht nav a.color-home-services.highlight{ color:#007360; border-left:5px solid #007360;} #content .rht nav.color-home-services a:hover, #content .rht nav.color-home-services a.selected, #content .rht nav.color-home-services a.highlight{ color:#007360; border-left:5px solid #007360;} #content .rht .widget-box-home-services{ background:url(../images/share/widget-bg-home-services.png) center top no-repeat; padding-top:20px;} #content .rht .widget-box-home-services h1{ font-size:1.8em; color:#007360; font-weight:normal; padding:0 15px; margin-bottom:0.5em;} #content .rht .widget-box-home-services p{ font-size:1.2em; line-height:1.667em; padding:0 15px;} #content .rht .widget-box-home-services ul{ margin:16px 9px; list-style:none;} #content .rht .widget-box-home-services ul li{ display:block; float:left; margin:3px;} #content .rht .widget-box-home-services ul li div.img{ border:1px solid #dcdcdc; width:83px; height:83px; overflow:hidden;} #content .rht .widget-box-home-services>a{ display:block; font-size:1.2em; margin:10px 15px;} .category a#btn-case-application-development-support{ background:#d81f37;} #hd-bar a#btn-hd-application-development-support{ background:#d81f37;} .color-application-development-support{ color:#d81f37;} a.color-application-development-support:hover, a.color-application-development-support.selected, a.color-application-development-support.highlight{ color:#d81f37;} .bg-application-development-support{ background:#d81f37; color:#fff;} .bg-application-development-support a{ color:#fff; text-decoration:none} .wrap header>nav>ul>li>ul>li.color-application-development-support a.selected, .wrap header>nav>ul>li>ul>li.color-application-development-support a:hover{color:#d81f37;} /*Right Navigation*/ #content .rht nav a.color-application-development-support:hover, #content .rht nav a.color-application-development-support.selected, #content .rht nav a.color-application-development-support.highlight{ color:#d81f37; border-left:5px solid #d81f37;} #content .rht nav.color-application-development-support a:hover, #content .rht nav.color-application-development-support a.selected, #content .rht nav.color-application-development-support a.highlight{ color:#d81f37; border-left:5px solid #d81f37;} #content .rht .widget-box-application-development-support{ background:url(../images/share/widget-bg-application-development-support.png) center top no-repeat; padding-top:20px;} #content .rht .widget-box-application-development-support h1{ font-size:1.8em; color:#d81f37; font-weight:normal; padding:0 15px; margin-bottom:0.5em;} #content .rht .widget-box-application-development-support p{ font-size:1.2em; line-height:1.667em; padding:0 15px;} #content .rht .widget-box-application-development-support ul{ margin:16px 9px; list-style:none;} #content .rht .widget-box-application-development-support ul li{ display:block; float:left; margin:3px;} #content .rht .widget-box-application-development-support ul li div.img{ border:1px solid #dcdcdc; width:83px; height:83px; overflow:hidden;} #content .rht .widget-box-application-development-support>a{ display:block; font-size:1.2em; margin:10px 15px;} .category a#btn-case-bcp-and{ background:#f1cb00;} #hd-bar a#btn-hd-bcp-and{ background:#f1cb00;} .color-bcp-and{ color:#f1cb00;} a.color-bcp-and:hover, a.color-bcp-and.selected, a.color-bcp-and.highlight{ color:#f1cb00;} .bg-bcp-and{ background:#f1cb00; color:#fff;} .bg-bcp-and a{ color:#fff; text-decoration:none} .wrap header>nav>ul>li>ul>li.color-bcp-and a.selected, .wrap header>nav>ul>li>ul>li.color-bcp-and a:hover{color:#f1cb00;} /*Right Navigation*/ #content .rht nav a.color-bcp-and:hover, #content .rht nav a.color-bcp-and.selected, #content .rht nav a.color-bcp-and.highlight{ color:#f1cb00; border-left:5px solid #f1cb00;} #content .rht nav.color-bcp-and a:hover, #content .rht nav.color-bcp-and a.selected, #content .rht nav.color-bcp-and a.highlight{ color:#f1cb00; border-left:5px solid #f1cb00;} #content .rht .widget-box-bcp-and{ background:url(../images/share/widget-bg-bcp-and.png) center top no-repeat; padding-top:20px;} #content .rht .widget-box-bcp-and h1{ font-size:1.8em; color:#f1cb00; font-weight:normal; padding:0 15px; margin-bottom:0.5em;} #content .rht .widget-box-bcp-and p{ font-size:1.2em; line-height:1.667em; padding:0 15px;} #content .rht .widget-box-bcp-and ul{ margin:16px 9px; list-style:none;} #content .rht .widget-box-bcp-and ul li{ display:block; float:left; margin:3px;} #content .rht .widget-box-bcp-and ul li div.img{ border:1px solid #dcdcdc; width:83px; height:83px; overflow:hidden;} #content .rht .widget-box-bcp-and>a{ display:block; font-size:1.2em; margin:10px 15px;} #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;}