@charset "utf-8";
/* CSS Document */

/* 2014-07-08 wending modify */
@font-face {
    font-family: "Wen";
    src: url('https://www.chcgroup.com.tw/fonts/kaiu.eot'); /* For IE */
    src: url('https://www.chcgroup.com.tw/fonts/kaiu.woff') format('woff'); /* non IE */
    src: local('kaiu'), url('https://www.chcgroup.com.tw/fonts/kaiu.ttf') format('truetype');  /* non IE*/
    }

body, ul, a, li, img, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, input, p, form, textarea {margin: 0px;padding: 0px; }
body {background: #FFF;font-family: "Arial", "微軟正黑體";color: #666;font-size: 13px;line-height: 180%;
/* background: url(../images/homeheader_2015.jpg) top center no-repeat; */
 }
img {z-index:1; vertical-align: top;border: none; }
ul {list-style: none; z-index: 999;}
a {text-decoration: none;color: #666;}
.img {z-index: 1}
a:hover {color: #F90;}
.w_960 {width: 960px;margin: auto;overflow: hidden;}
.title { position:relative; background: url(../images/titleline.jpg) 0 34px repeat-x;height: 36px;line-height: 32px;padding: 0 0 10px 10px;	overflow: hidden;}
.title span {display: inline-block;	border-bottom: 4px solid #ffea8c;font-size: 19px;color: #242731;height: 32px;}
.title a {background: url(../images/more.jpg) right 14px no-repeat;	float: right;font-size: 12px;color: #999;padding: 0 13px 0 0;}
select{ border:1px solid #c3c3c3;font-family: "Arial", "微軟正黑體";color: #666;font-size: 13px; height:26px; line-height:26px; padding:3px 0 0 0;}
input.input{ border:1px solid #c3c3c3; width:258px; height:28px; line-height:28px;font-family: "Arial", "微軟正黑體";color: #666;font-size: 13px;}
textarea{border:1px solid #c3c3c3; width:598px; height:108px; line-height:28px;font-family: "Arial", "微軟正黑體";color: #666;font-size: 13px;}
/*header*/
.header {height: 99px;width: 960px;	margin: auto;}

/* 2014-07-08 wending modify */
/* .logo {float: left;padding: 30px 0 0 0;} */
.logo {float: left;padding: 30px 0 0 0; font-family: "Arial", "BiauKai", "DFKai-SB", "Wen";}
.linkstyle-1 { color: white; }
.linkstyle-1 a { color: white; ont-size:32px; }
.linkstyle-1 a:hover { color: white; }
.linkstyle-2 { color: white; ont-size:14px; }
.linkstyle-2 a { color: white; }
.linkstyle-2 a:hover { color: white; }


.headerright {float: right;	height: 30px;padding: 40px 0 0 0;font-style: italic;font-weight: bold;}
.joban {float: left;display: inline-block;background: url(../images/job.png) no-repeat;	width: 70px;height: 30px;line-height: 30px;	padding: 0 10px 0 35px;}
.joban:hover {color: #242631;}
.lang {background: url(../images/langbg.png) no-repeat;	float: left;width: 92px;height: 30px;line-height: 30px;	padding: 0 0 0 38px;}
.lang ul li {background: none;z-index: 9999;}
.lang ul li>a {	color: #FFF;border: none;height: 30px;line-height: 30px;}
.lang ul li>a:hover {color: #fff6ce;}
.lang ul a.sf-with-ul {}
.lang ul ul {border: 1px solid #6d7a8a;	background: #7d8999;left: -38px;top: 28px;min-width: 128px;	z-index: 9999;}
.lang ul ul li a {color: #FFF;line-height: 26px;height: 26px;text-align: center;font-weight: normal;}
.lang ul ul li a:hover {color: #fff6ce;font-weight: bold;}
.bannerbody {background: url(../images/bannerbg.png) bottom center no-repeat;padding: 0 0 37px 0;}
/*menu*/
.header-menu li {position: relative;z-index: 9990;font-size: 12px;line-height: 1.7em;color: #666;}
.header-menu li.homeico a {	width: 45px;width: 40px;border: none;padding: 0; z-index: 9990;}
.header-menu li.homeico a:hover {border: none;	padding: 0; z-index: 9999;}
.header-menu ul {position: absolute;display: none; z-index: 9990;	top: 100%;	left: 0;}
.header-menu > li {	float: left; z-index: 9990;}
.header-menu li:hover > ul, .header-menu li.header-menu-hover > ul {display: block;}
.header-menu a {display: block;position: relative;z-index: 9990;}
.header-menu ul ul {top: 0;	left: 100%;z-index: 9990;}
.menu {border: 1px solid #2A3036;background: url(../images/menubg.jpg) repeat-x; z-index: 9990; width: 958px;height: 35px;margin: auto auto 14px auto;}
.menu li.homeico a { float:left; width: 45px;width: 40px;border: none;padding: 0; z-index: 9990;}
.menu li.homeico a:hover {border: none;	padding: 0; z-index: 9990;}
.menu ul li.w170 a {	width: 167px; z-index: 9990;}
.nav {	line-height:	1.0; z-index: 9990;}
.nav ul {position:absolute;top:-888em;	width:10em; z-index: 9990; /* left offset of submenus need to match (see below) */}
/* .nav ul ul ul ul {top:-1888em; display:none; z-index: 9990;} */
.nav ul li {width:100%; z-index: 9990;}
.nav li:hover {	visibility:		inherit; /* fixes IE7 'sticky bug' */ z-index: 9990;}
.nav li {float:left;position:relative; z-index: 9990;}
.nav a {display:block;	position:relative; z-index: 9990;}
.nav li:hover ul,.nav li.sfHover ul {left:0;top:35px; /* match top ul list item height */z-index:9990;}
ul.nav li:hover li ul,ul.nav li.sfHover li ul {	top:-999em;}
ul.nav li li:hover ul,ul.nav li li.sfHover ul {	left:150px; /* match ul width */top:0;}
ul.nav li li:hover li ul,ul.nav li li.sfHover li ul {top:-999em;}
ul.nav li li li:hover ul,ul.nav li li li.sfHover ul {	left:150px; /* match ul width */top:0;}
/*** DEMO SKIN ***/
.nav ul ul {min-width: 150px;}
.menu ul li a{border-left: 1px solid #0c0e10;width: 186.5px; line-height:35px;font-size: 15px; color:#FFF; text-align:center;}
.nav li li a{ border:none; background:url(../images/menubg2.jpg) repeat-x; height:30px; line-height:30px; font-size:13px; text-align:left; padding:0 20px 0 10px; width:120px; overflow:hidden;text-overflow: ellipsis;  white-space: nowrap;}
.nav li li li a{ padding:0 10px 0 10px; width:130px;}
.nav li li a:hover{ background:url(../images/menubg2.jpg) 0 -30px repeat-x; color:#FFF;}
.nav li li li a{background: url(../images/menubg3.jpg) 0 0 repeat-x; border:none;}
.nav li li li a:hover {background:#727a85;}
.nav li:hover, .nav li.sfHover,.nav a:focus, .nav a:hover, .nav a:active ,.nav li a.now{ background:url(../images/menuhover.jpg) repeat-x; color:#000;}
.nav li:hover > a{ color:#393b3c;}
.nav li:hover ul li:hover > a{background:url(../images/menubg2.jpg) 0 -30px repeat-x; color:#FFF;}
.nav li:hover ul li:hover ul li:hover > a{background:#727a85; color:#FFF;}
/*** arrows **/
.nav a.sf-with-ul {	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position:absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */top:			.8em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator {	background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.nav ul .sf-sub-indicator { background-position:  -10px 0; }
.nav ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.nav ul a:focus > .sf-sub-indicator,
.nav ul a:hover > .sf-sub-indicator,
.nav ul a:active > .sf-sub-indicator,
.nav ul li:hover > a > .sf-sub-indicator,
.nav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*footer*/
.footer {background: #242831;height: 70px;color: #AAA;line-height: 150%;font-size: 12px; z-index: 99;width:100%;position:fixed;bottom:0;}
.footerbody {padding: 20px 0 0 0;}
.footerbody a {	color: #aaa;}
.footerbody a:hover {color: #FFF;}
.footer span.oz {float: right;}
/*首頁*/
/*
.homeheader {background: url(../images/homeheader.jpg) top center no-repeat;}
*/
/*
.homeheader {background: url(../images/homeheader_2015.jpg) top center no-repeat; }
*/
.homebanner {position: relative;height: 360px;overflow: hidden;}
#img img {border: 0;}
#SwitchNav {position: absolute;right: 10px;	bottom: 11px;}
#SwitchNav .nocurrent {	display: block;	width: 50px;height: 4px;}
#SwitchNav li {	background: #FFF;float: left;width: 50px;height: 4px;cursor: pointer;text-indent: 999px;margin: 0 5px 0 0;overflow: hidden;	box-shadow: 0 0 2px rgba(0,0,0,0.3);}
#SwitchNav .current {display: block;background: #ffeb8d;}
.Marquee {background: url(../images/Marquee.jpg) repeat-x;height: 40px;line-height: 40px;padding: 0 10px 0 48px;font-size: 15px;}
.Marquee a {color: #FF5C26;padding-right: 50px;}
.Marquee a:hover {text-decoration: underline;}
.homebody {	height: auto;padding: 3px 0 20px 0;}
.homenews {	float: left;width: 560px;padding: 0 20px 0 0;} /* @01 **/
.homelist {	height: auto;padding: 3px 0 0 0;}
.homelist li {background: url(../images/newsico.jpg) 5px 14px no-repeat;height: 31px;line-height: 31px;	padding: 0 0 0 22px;}
.homelist li a {color: #666;font-size: 15px;}
.homelist li a:hover {color: #F60;}

.homeright {float: left;width: 380px;} /* @01 **/
.homejs {position: relative;padding: 0 0 1px 0;}
.homejs h3 {color: #333;font-size: 15px;padding: 0 0 0 23px;height: 36px;	line-height: 36px;	font-weight: bold;}


.link {	height: auto;}
.link ul {	width: 980px;overflow: hidden;}
.link ul li {float: left;width: 225px;	padding: 0 20px 20px 0;}
/*內頁*/
/*
.centerheader {	background: url(../images/centerheader.jpg) top center no-repeat;}
*/
/*
.centerheader {	background: url(../images/homeheader_2015.jpg) top center no-repeat;}
*/
.banner {height: 200px;}
.Position {	background: #f6f6f6 url(../images/ico2.png) 13px 15px no-repeat;height: 40px;	line-height: 40px;	color: #0B0D12;	font-size: 11px;padding: 0 0 0 21px;}
.Position a {background: url(../images/PositionIco.jpg) right 4px no-repeat;	color: #949494;	padding: 0 16px 0 11px;}
.Position a:hover {color: #0B0D12;}
.Position span {padding: 0 0 0 11px;}
.centerbody {height: auto;padding: 0 0 80px 0; min-height:550px;}
/* .leftbody {float: left;width: 300px;padding: 0;} */
.leftmenu {background: url(../images/menubottom.png) left bottom no-repeat;padding: 0 0 30px 0;height: auto;}
.sf-menu {border: 1px solid #d6d6d6;border-bottom: none;}
.sf-menu ul {display: none;	border: none;}
.leftmenu ul li {/*border-bottom: 1px solid #d6d6d6;*/	font-size: 15px;}
.leftmenu ul li a { line-height:20px;zoom: 1; /* IE7 */	display: block;	position: relative;	padding: 9px 0 9px 12px;color: #747474;	border-bottom: 1px solid #d6d6d6;}
.leftmenu ul li a:hover {background: url(../images/menuhover2.jpg) repeat-x;color: #FFF;}
.leftmenu ul li a.now {background: url(../images/menuhover2.jpg) repeat-x;	color: #FFF;font-weight: bold;/*border-bottom: 1px solid #D6D6D6;*/}
.leftmenu ul li a:hover span {	background: url(../images/ico3.jpg) right top no-repeat;color: #FFF;}
.leftmenu ul li a span{ position:absolute; top:14px; right:14px; display:block; background:url(../images/arrow-list.png) 0 0 no-repeat; width:10px; height:10px;}
.leftmenu ul li>a:hover span,.leftmenu ul li a.now span{ background:url(../images/ico3.png) no-repeat;}
.leftmenu ul li ul { padding: 5px 0; background: #f9f9f9; border-bottom: 1px solid #d6d6d6;}
.leftmenu ul li ul ul { padding: 0; background: #f9f9f9; border-bottom: none;}
.leftmenu ul li ul li {background: #f9f9f9;border: none;border-top: 1px solid #f9f9f9;	font-size: 13px;}
.sf-menu li ul li a { position:relative; margin-left: 12px; padding:5px 20px 5px 20px;background: #f9f9f9 url(../images/ico1.jpg) no-repeat 0 11px; line-height:20px;color: #777;	border-bottom: none;}
.sf-menu li ul li a:hover, .sf-menu li ul li a.now {background: #f9f9f9 url(../images/ico1hover.jpg) no-repeat 0 11px;color: #181818;}
.sf-menu li ul li a.now { border-bottom: none;}
.sf-menu li ul li a span{ background:url(../images/ico6.jpg) 0 0 no-repeat; right:12px; top:11px;}
.sf-menu li ul li a:hover span,.sf-menu li ul li a.now span{ background:url(../images/ico4.jpg) 0 0 no-repeat; top:12px;}
.sf-menu li ul li ul li {padding: 0;background: #f9f9f9;}
.sf-menu li ul li ul li a span{ background:url(../images/ico9.jpg) -1px 3px no-repeat; right:9px; top:10px;}
.sf-menu li ul li ul li a:hover span,.sf-menu li ul li ul li  a.now span{ background:url(../images/ico9.jpg) 0 -64px no-repeat;}
.sf-menu li ul li ul li a {	margin: 0;	background: #f9f9f9 url(../images/ico5.png) 32px 13px no-repeat;color: #666; padding: 5px 20px 5px 46px;border-bottom: none;}
.sf-menu li ul li ul li a:hover, .sf-menu li ul li ul li a.now {background: #f9f9f9 url(../images/ico5.png) 32px -54px no-repeat;color: #FF7F00;}
.sf-menu li ul li ul li ul li a{ background:url(../images/ico8.png) 46px 11px no-repeat; padding:4px 20px 4px 56px;}
.sf-menu li ul li ul li ul li a:hover,.sf-menu li ul li ul li ul li a.now{background:url(../images/ico8.png) 46px -90px no-repeat; color:#e6ad00;}
/* .rightbody {float: left;width: 960px;} */ 
.rightbody {float: left;width: 640px;padding: 0 0 0 20px;}
/* End */
.Code {	background: #f8f8f8;height: 30px;line-height: 30px;padding: 0 0 0 12px;color: #242631;}
.Code span {color: #FF0000;}
.bottomcontact {line-height: 20px;	padding: 16px 0 0 0;}
.bottomcontact h3 {border-bottom: 1px solid #e4e4e4;font-size: 15px;color: #111;font-weight: normal;height: 40px;line-height: 40px;	padding: 0 0 0 12px;}
.bottomcontact ul {	padding: 8px 0 0 12px;}
.bottomcontact span {padding: 0 10px 0 0;}
.bottomcontact a {color: #006CD8;text-decoration: underline;}
.infotitle {border-bottom: 1px solid #e4e4e4;color: #666;font-size: 21px;padding: 16px 10px 13px 13px;height: 40px; line-height: 40px;margin: 0 0 30px 0;	overflow: hidden;}
a.pdfDownload {	display: inline-block;	background: url(../images/reportitle1.jpg) repeat-x;float: right;border: 1px solid #e4e4e4;border-bottom: 1px solid #b6b6b6;border-right: 1px solid #b6b6b6;height: 28px;line-height: 28px;	font-size: 13px;margin: 10px 0 0 0;}
a.pdfDownload span {background: url(../images/pdf.png) 9px 6px no-repeat;display: inline-block;height: 28px;line-height: 28px;	padding: 0 16px 0 37px;}
/*財務資訊*/
.Search { position:absolute; top:0; right: 0;overflow: hidden;}
.Search ul {padding: 0;	height: 28px;overflow: hidden;}
.Search ul li {float: right;}
.Report {height: auto;padding: 20px 0;}
.Reportlist {height: auto;padding: 0 0 30px 0;}
.Reportlist dl {overflow: hidden;}
.Reportlist dt {float: left;width: 138px;text-align: center; line-height:30px;}
.Reportlist dd {float: left;border-left: 1px solid #CCC;width: 579px;overflow: hidden;}
.Reporttitle {height: 50px;line-height: 50px;	padding: 0 0 20px 13px;	font-size: 21px;color: #666;font-weight: normal;}
.reportReport {	height: 50px;line-height: 50px;padding: 0 0 20px 13px;	font-size: 21px;color: #666;font-weight: normal;text-align: center;}
.Reporttitle2 {	display: none;background: url(../images/reportitle1.jpg) repeat-x;border: 1px solid #e4e4e4;border-bottom: 1px solid #b6b6b6;border-right: 1px solid #b6b6b6;height: 28px;line-height: 28px;	margin: 0 0 20px 0;	color: #333;text-align: center;	overflow: hidden;}
.Reporttitle2 dd {	border-left: 1px solid #c1c1c1;}
.Reporttitle2 dd.filename {	width: 479px;}
.Reporttitle2 dd.update {width: 99px;}
.Reporttitle3 {	background: url(../images/reportitle1.jpg) repeat-x;border: 1px solid #e4e4e4;border-bottom: 1px solid #b6b6b6;border-right: 1px solid #b6b6b6;height: 28px;line-height: 28px;	margin: 0 0 20px 0;	color: #333;text-align: center;	overflow: hidden;}
.Reporttitle3 dd {border-left: 1px solid #c1c1c1;}
.Reporttitle3 dd.filename {	width: 479px;}
.Reporttitle3 dd.update {width: 99px;}
.Reportbody {border: 1px solid #e4e4e4;	border-bottom: none;border-right: 1px solid #b6b6b6;overflow: hidden;}
.Reportbody dt{ padding:3px 0; line-height:24px;}
.Reportbody dl {border-bottom: 1px solid #CCC;}
.Reportbody dd {line-height: 24px;padding: 3px 0 3px 10px; width:569px;}
.Reportbody dd.filename {width: 468px;border: 1px solid #CCC; border-bottom:none; border-top:none;}
.Reportbody dd.update {padding:3px 0; border:none;width: 100px;text-align: center;}
.Reportbody dd ul li {float: left;width:50%;}
.Reportbody dd a {color: #000fd1;	background: url(../images/pdf.png) 0 0 no-repeat;padding: 0 0 0 27px;}
dl.Yellow {	background: #FCFAEB;	border-bottom: 1px solid #ccc7b2;}
dl.Yellow dd.filename {	width: 468px;}
dl.Yellow dd.update {padding: 0;width: 99px;text-align: center;}
/*新聞列表*/
.newslist{ width:720px; padding:12px 0 20px 0; overflow:hidden;}
.newslist ul li{ background:url(../images/newsico.jpg) 8px 17px no-repeat; border-bottom:1px solid #e4e4e4; height:40px; line-height:40px; padding:0 0 0 22px; overflow:hidden;}
.newslist ul li span{ color:#999; display:inline-block; width:86px; font-style:italic;}
/*新聞詳細*/
.newstitle{ border-bottom:1px solid #e4e4e4; font-size:25px; line-height:140%; padding:13px 0 15px 16px; margin:0 0 30px 0;}
.newstitle span{ display:block; font-size:13px; color:#999; font-style:italic; line-height:100%; padding:0 0 0 4px;}
.Share{ background-color: #f5f5f5; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin-top: 40px; padding:15px; overflow:hidden;}
.Share ul{ float:right;}
.Share ul li{ float:left; padding:0 0 0 11px;}
.Return{ text-align:center; padding:20px 0 0 0; overflow:hidden;}
.Return a{ border:1px solid #e4e4e4; display:inline-block; height:38px; line-height:38px; padding:0 15px; font-size:15px;}
/*分頁*/
.Paging{ width:720px; text-align:center; font-size:15px; overflow:hidden;}
.Paging a{ border:1px solid #e4e4e4; display:inline-block; width:38px; height:38px; line-height:38px; margin:0 5px;}
.Paging a:hover,.Paging a.now{ background:url(../images/Paginghover.jpg) repeat-x; padding:1px; border:none; width:38px; height:38px; line-height:38px; color:#FFF;}
/*聯絡我們*/
.contactleft{background: url(../images/menubottom.png) left bottom no-repeat;padding: 0 0 30px 0;height: auto; line-height:20px;}
.contactleft h3 {border: 1px solid #d6d6d6; color:#747474; font-size:15px; font-weight:normal; height:39px; line-height:39px; padding:0 0 0 13px;}
.contactleft ul{ background:#f9f9f9; border: 1px solid #d6d6d6; border-top:none; padding:10px 0 4px 0;}
.contactleft ul li{ background:url(../images/ico1.jpg) 12px 6px no-repeat; padding:0 15px 10px 30px; color:#777;}
.contactleft ul li a{ text-decoration:underline; color:#777;}
.contactleft ul li a:hover {color: #F90;}
.contactform{ height:auto; padding:25px 0 0 0;}
.contactform td{ padding:0 0 14px 0; line-height:30px;}
.contactform td td{ padding:0 10px 0 0; }
.contactan{ border:1px solid #000; background:#333; color:#c3c3c3; padding:0 10px; height:28px; line-height:28px; display:inline-block;}
.submit{ background:url(../images/submitbg.jpg) repeat-x; border:1px solid #c3c3c3; color:#333; font-size:15px; cursor:pointer; width:98px; height:38px; line-height:38px; text-align:center;font-family: "Arial", "微軟正黑體";}
/*EVEZONE ADD*/
.reportbody1 {margin-top: 20px;}


label.error{
    margin-left:5px;
    background: url('../js/validate/cross.png') no-repeat 3% 50%;
    font-size:12px;
    background-color: #FFFCEF;
      border: 1px solid #FFBB76;
      border-radius: 5px;
      box-shadow: 0 0 3px #DDDDDD;
      color: #DB7C22;
      padding: 5px 10px 5px 25px;
      padding-left: 25px;
      color: #ff0000;
  }
  .homelist li {
    background: url("../images/newsico.jpg") no-repeat scroll 5px 14px rgba(0, 0, 0, 0);
    height: 31px;
    line-height: 31px;
    padding: 0 0 0 22px;
	white-space:nowrap;text-overflow:ellipsis;	-o-text-overflow:ellipsis;	overflow: hidden;
}
.homelist li a {
    color: #666666;
    font-size: 15px;
}
.homelist li a:hover {
    color: #FF6600;
}
.homelist li span.Date {
    color: #999999;
    font-size: 14px;
    padding: 0 10px 0 0;
}
.homelist li span.newtitle {
    color: #FFFFFF;
    display: inline-block;
    height: 20px;
    line-height: 20px; font-size: 12px;
    margin: 0 10px 0 0; padding: 0 6px;
    text-align: center;
    width: 70px; border-radius: 2px;
}
.homelist li span.Gray {
    background: none repeat scroll 0 0 #6E7786;
}
.homelist li span.Orange {
    background: none repeat scroll 0 0 #FF5C26;
}
.homelist li span.Blue {background:#0f1fba;}



.icoList span {	float: left;padding: 0 5px 0 0;}
.icoList span {background: url(../images/ico.png) -15px 0 no-repeat;display: block;	width: 10px;height: 10px;}
.icoList span:hover, .icoList span.current {background: url(../images/ico.png) 0 0 no-repeat;}



.leftbody {float: left;width: 300px;padding: 0;}
.leftmenu {background: url(../images/menubottom.png) left bottom no-repeat;padding: 0 0 30px 0;height: auto;}
.sf-menu {border: 1px solid #d6d6d6;border-bottom: none;}
.sf-menu ul {display: none; border: none;}
.leftmenu ul li {/*border-bottom: 1px solid #d6d6d6;*/  font-size: 15px;}
.leftmenu ul li a { line-height:20px;zoom: 1; /* IE7 */ display: block; position: relative; padding: 9px 20px 9px 12px;color: #747474; border-bottom: 1px solid #d6d6d6;}
.leftmenu ul li a:hover {background: #000 url(../images/menuhover2.jpg) repeat-x;color: #FFF;}
.leftmenu ul li a.now {background:#000 url(../images/menuhover2.jpg) repeat-x;  color: #FFF;font-weight: bold;/*border-bottom: 1px solid #D6D6D6;*/}
.leftmenu ul li a:hover span {  background: url(../images/ico3.jpg) right top no-repeat;color: #FFF;}
.leftmenu ul li a span{ position:absolute; top:14px; right:14px; display:block; background:url(../images/arrow-list.png) 0 0 no-repeat; width:10px; height:10px;}
.leftmenu ul li>a:hover span,.leftmenu ul li a.now span{ background:url(../images/ico3.png) no-repeat;}
.leftmenu ul li ul { padding: 5px 0; background: #f9f9f9; border-bottom: 1px solid #d6d6d6;}
.leftmenu ul li ul ul { padding: 0; background: #f9f9f9; border-bottom: none;}
.leftmenu ul li ul li {background: #f9f9f9;border: none;border-top: 1px solid #f9f9f9;  font-size: 15px;}
.sf-menu li ul li a { position:relative; margin-left: 12px; padding:5px 10px 5px 10px;background: #f9f9f9 url(../images/ico1.jpg) no-repeat 0 11px; line-height:20px;color: #777; border-bottom: none;}
.sf-menu li ul li a:hover, .sf-menu li ul li a.now {background: #f9f9f9 url(../images/ico1hover.jpg) no-repeat 0 11px;color: #181818;}
.sf-menu li ul li a.now { border-bottom: none;}
.sf-menu li ul li a span{ background:url(../images/ico6.jpg) 0 0 no-repeat; right:12px; top:11px;}
.sf-menu li ul li a:hover span,.sf-menu li ul li a.now span{ background:url(../images/ico4.jpg) 0 0 no-repeat; top:12px;}
.sf-menu li ul li ul li {padding: 0;background: #f9f9f9;}
.sf-menu li ul li ul li a span{ background:url(../images/ico9.jpg) -1px 3px no-repeat; right:9px; top:10px;}
.sf-menu li ul li ul li a:hover span,.sf-menu li ul li ul li  a.now span{ background:url(../images/ico9.jpg) 0 -64px no-repeat;}
.sf-menu li ul li ul li a { margin: 0;  background: #f9f9f9 url(../images/ico5.png) 32px 13px no-repeat;color: #666; padding: 5px 20px 5px 46px;border-bottom: none;}
.sf-menu li ul li ul li a:hover, .sf-menu li ul li ul li a.now {background: #f9f9f9 url(../images/ico5.png) 32px -54px no-repeat;color: #FF7F00;}
.sf-menu li ul li ul li ul li a{ background:url(../images/ico8.png) 46px 11px no-repeat; padding:4px 20px 4px 56px;}
.sf-menu li ul li ul li ul li a:hover,.sf-menu li ul li ul li ul li a.now{background:url(../images/ico8.png) 46px -90px no-repeat; color:#e6ad00;}

.graytocolor {
    -webkit-filter: grayscale(100%) !important;
	filter: grayscale(100%) !important;
}
.graytocolor:hover {
	-webkit-filter: grayscale(0) !important;
	filter: grayscale(0) !important;
}
.gemcare-official {
    position: absolute;
    height: 150px;
    width: 150px;
    right: 62%;
    bottom: 20%;
}
.gemcare-fb {
    position: absolute;
    height: 50px;
    width: 220px;
    right: 59%;
    bottom: 15%;
}
.collective-element-fb {
    position: absolute;
    height: 220px;
    width: 220px;
    right: 19%;
    bottom: 16%;
}
.exhale-spa-fb {
    position: absolute;
    height: 100px;
    width: 220px;
    right: 59%;
    bottom: 3%;
}
.fit-collective-fb {
    position: absolute;
    height: 100px;
    width: 220px;
    right: 19%;
    bottom: 3%;
}
.hotel-collective-official {
    position: absolute;
    height: 110px;
    width: 220px;
    right: 60%;
    bottom: 10%;
}
.hotel-collective-fb {
    position: absolute;
    height: 50px;
    width: 220px;
    right: 60%;
    bottom: 6%;
}
.aRoma-official {
    position: absolute;
    height: 110px;
    width: 195px;
    right: 21%;
    bottom: 10%;
}
.aRoma-fb {
    position: absolute;
    height: 50px;
    width: 270px;
    right: 18%;
    bottom: 6%;
}
.system95 {
    position: absolute;
    height: 22px;
    width: 100px;
    right: 50%;
    bottom: 40%;
}
.system95en {
    position: absolute;
    height: 22px;
    width: 100px;
    right: 49%;
    bottom: 43%;
}
.system97 {
    position: absolute;
    height: 22px;
    width: 65px;
    right: 68%;
    bottom: 38%;
}
.system97en {
    position: absolute;
    height: 22px;
    width: 56px;
    right: 72%;
    bottom: 39%;
}
.system94 {
    position: absolute;
    height: 35px;
    width: 91px;
    right: 26%;
    bottom: 61%;
}
.system94en {
    position: absolute;
    height: 35px;
    width: 91px;
    right: 25%;
    bottom: 62%;
}
.system96 {
    position: absolute;
    height: 35px;
    width: 91px;
    right: 44%;
    bottom: 57%;
}
.system96en {
    position: absolute;
    height: 35px;
    width: 136px;
    right: 41%;
    bottom: 57%;
}