@charset "UTF-8";
/* english version */

html, body { width:100%; margin:0; background:url(../images/menu-bg.jpg) repeat-x #FFF; font-family: Arial, Helvetica, sans-serif; font-size:0.93em; line-height:1.45em; color:#726037; letter-spacing:0.01em; text-align:justify; }
a:link { text-decoration: none; color: #E64282; }
a:visited { text-decoration: none; color: #E64282; }
a:hover { text-decoration: none; color: #dcb24f; }
a:active { text-decoration: none; color: #E64282; }

p { margin:1px 0; padding:1px 0; }
h1, h2, h3, h4, h5, h6 { text-align:left; }
h1 { color:#E64282; font-size:22px; font-weight:bold; padding:2px 0 0 0; margin:15px 0; line-height: 25px; } /*pink header*/
h2 { color:#78C12C; font-size:22px; font-weight:bold; padding:2px 0 0 0; margin:15px 0; line-height: 25px; } /*green header*/
h3 { color:#22AAA2; font-size:22px; font-weight:bold; padding:2px 0 0 0; margin:15px 0; line-height: 25px; } /*blue header*/
h4 { color:#E27F1D; font-size:22px; font-weight:bold; padding:2px 0 0 0; margin:15px 0; line-height: 25px; } /*orange header*/
h4 a:link, h4 a:visited { color:#E27F1D; }
h4 a:hover { color: #dcb24f; }
h5 { color:#CA2B2F; font-size:22px; font-weight:bold; padding:2px 0 0 0; margin:15px 0; line-height: 25px; } /*red header*/
h6 { color:#726037; font-size:17px; font-weight:bold; padding:2px 0 0 0; margin:6px 0; line-height: 25px; } /* brown color*/

/*button*/
a.play-btn { width:20px; height:20px; display: block; background:url(../images/play-btn.png) no-repeat 0 0; }
a.play-btn:hover { background-position: 0 -20px; }

/* index page */
#main-banner-color { width:100%; height:450px; 
background: #ffffff; 
background: -moz-linear-gradient(top,  #ffffff 5%, #FFD16C 70%, #ffc000 90%, #ffc000 98%, #F7931D 100%); 
background: -webkit-linear-gradient(top,  #ffffff 5%,#FFD16C 70%,#ffc000 90%,#ffc000 98%,#F7931D 100%); 
background: linear-gradient(to bottom,  #ffffff 5%,#FFD16C 70%,#ffc000 90%,#ffc000 98%,#F7931D 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F7931D',GradientType=0 ); 
}

#main-banner-wrapper { /*background:url(../images/banner-img-bg.png) bottom no-repeat;*/ width:100%; height:450px; }
#main-banner { margin:0 auto; width:1000px; height:450px; position:relative; }
#main-banner-img { width:730px; float:left; } 
#main-video-box { width:250px; margin-top:25px;float:left; }
#main-video-box p { display:inline-block; color:#FFF; font-size:14px; margin:2px 0; padding:4px 6px; -webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px;background-color:#DA137A; }
.video-box { width:250px; margin-bottom:10px; float:left; }
.video-box img { border:#FFF 4px solid; box-shadow:0 2px 2px #960; }


/* FAQ */
dl, dt { margin:0;padding:0; }
dt			{ color:#726037; margin-bottom:1em; cursor:pointer; line-height:20px; background: url(../images/arrow-sprite1.png) no-repeat; padding-left:25px; }
dt:hover	{ color:#E27F1D; background: url(../images/arrow-sprite3.png) no-repeat; }
dt.open		{ color:#E27F1D; background: url(../images/arrow-sprite3.png) no-repeat; }
dt.open:hover	{ background: url(../images/arrow-sprite4.png) no-repeat;}
dd			{  }
dd *:first-child	{ margin-top:0;padding-top:0; }

.star-list { list-style-image:url(../images/star.png) !important; }
.to-top{ position:fixed; right:10px; bottom:150px; width:27px; height:28px; background:url(../images/to-top.png) no-repeat; cursor:pointer; z-index:998; }
.hor-line { border-bottom:#726037 1px dotted; width:100%; margin: 25px 0; }

/* content */
#container { margin:0 auto; padding:0; width:960px; }
#content-wrapper { width:960px; min-height:250px; }

#content { width:651px; min-height:250px; position:relative; float:left; background:url(../images/content-bg.png) top left repeat-y; padding:0 60px 30px 40px; }
#content ul { list-style-type:disc; padding:0 0 0 20px; margin:0; }
#content li { padding:4px; }
#content-bottom { width:960px; height:40px; position:relative; float:left; background:url(../images/content-bottom.png) top right no-repeat; padding-bottom:140px; }

#content2 { width:790px; min-height:250px; position:relative; float:left; background:url(../images/bg-960-2.png) top left repeat-y; padding:0 85px 30px 85px; }
#content2 ul { list-style-type:disc; padding:0 0 0 20px; margin:0; }
#content2 li { padding:4px; }
#content2-bottom { width:960px; height:40px; position:relative; float:left; background:url(../images/content2-bottom.png) top no-repeat; padding-bottom:140px; }

/*news*/
.news-box { width: 788px; position:relative; float:left; border-top:solid 1px #d0cbc2; border-bottom: 5px #E3E0C8 solid !important; border-radius: 0 0 10px 10px; 
-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border:#E3E0C8 1px solid; margin-bottom:20px; }
.news-date { width: 738px; position:relative; float:left; border-bottom:solid 1px #d0cbc2; border-top:solid 1px #FFF; 
vertical-align:middle; padding:0 25px; line-height:2.1em; font-weight:bold; letter-spacing:1px; background: url(../images/pattern.jpg); font-size:18px; color:#E64282; }
.news-detail { width: 738px; position:relative; float:left; padding:5px 25px 30px 25px; border-top:solid 1px #FFF; background:#fffcdd; 
border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; }
.news-detail img { border: #FFF 1px solid; box-shadow: 0 1px 2px #726037; }

.news-box2 { width: 788px; position:relative; float:left; border-top:solid 1px #d0cbc2; border-bottom: 5px #E3E0C8 solid !important; border-radius: 10px; 
-moz-border-radius: 10px; -webkit-border-radius: 10px; border:#E3E0C8 1px solid; margin-bottom:20px; }
.news-detail2 { width: 738px; position:relative; float:left; padding:5px 25px 30px 25px; border-top:solid 1px #FFF; background:#fffcdd; 
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.news-detail2 img { border: #FFF 1px solid; box-shadow: 0 1px 2px #726037; margin-right:10px; margin-bottom:10px; }


/*google map*/
#map { width:648px; height:350px; border:#726037 solid 1px; position:relative; float:left; }
.office { color: #FFF; padding: 5px; background: #726037; opacity: 0.8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0;}

/*table style*/
table td { padding: 1px 0 1px 0; vertical-align:top; }

.white-bg { background:#f8f7ef !important;}

table.table-style1 { width: 100%; margin:10px 0; border-collapse:collapse; border:#726037 2px solid; }
table.table-style1 th { background:#726037; color:#FFF; padding: 8px; border:#FFF 1px solid; border-bottom:none !important; font-size:15px; letter-spacing:1px; text-align:left; }
table.table-style1 td { padding: 5px 8px 5px 8px; vertical-align:top; border:#726037 1px solid; background:#fffacb; text-align:left; }

table.table-style2 { width: 100%; margin:10px 0; border-collapse:collapse; border-top:#E3E0C8 1px solid; }
table.table-style2 td { padding: 5px 0 5px 0; vertical-align:top; border-bottom:#E3E0C8 1px solid; }

table.media-table { width: 100%; margin:10px 0; border-collapse:collapse; }
table.media-table tr { border-bottom:#E3E0C8 1px solid; }
table.media-table th { text-align:left; font-size:15px; letter-spacing:1px; border-bottom:#726037 2px solid; padding:5px 0; }
table.media-table td { padding: 5px 0; vertical-align:top; }

/* seminar style*/
.seminar-wrap { width:100%; width:auto; background:#FFFACB; border:#726037 2px solid; } 
.seminar-header { width:100%; width:auto; background:#726037; color:#FFF; font-size:17px; line-height:2.2em; text-align:center; font-weight:bold; }
.seminar-content { width:100%; width:auto; background:#FFFACB; padding:8px;}

/* site-map link style*/
#sitemap li a { color:#726037; text-decoration:none; text-align:left;}
#sitemap li a:hover { color:#dcb24f; text-decoration:none; }

/*image header style*/
#header-wrapper { width:960px; height:204px; position:relative; }
#header-common { width:960px; height:204px; background:url(../images/bg-960-1.png); position:relative; }

#header-magenta { width:960px; height:204px; background:url(../images/top-about-header.png); position:relative; }
#header-green { width:960px; height:204px; background:url(../images/top-PNC-header.png); position:relative; }
#header-blue { width:960px; height:204px; background:url(../images/top-ICC-header.png); position:relative; }
#header-orange { width:960px; height:204px; background:url(../images/top-employer-header.png); position:relative; }
#header-red { width:960px; height:204px; background:url(../images/top-helper-header.png); position:relative; }

.SBC-logo { width: 165px; height: 75px; position:relative; float:left; margin: 20px 20px 99px 25px; background:url(../images/SBC-logo.png) top left no-repeat; }
.header-txt { width: 500px; height: 100px; position:relative; float:left; margin: 40px 0 0 20px; }
.header-txt2 { width: 500px; height: 100px; position:relative; float:left; margin: 40px 0 0 80px; }

/*Main nav style*/
#top-wrapper { width:920px; height:48px; padding:0 20px 0 20px; }
#icon-wrapper { width:185px; height:48px; position:relative; float:left; padding-left:5px;}
#icon-wrapper img{ padding:5px 2px; border: 0; text-decoration:none;}

#nav-wrapper { width:730px; height:48px; position:relative; float:left; }

#nav { margin:0; padding:0; list-style-type:none; color:#FFF; font-size:12px; line-height:15px; text-align:left; letter-spacing:0.05em; } 
#nav a{ display:block; text-decoration:none; color:#FFF;  }
#nav a:hover{ color:#dcb24f; }
#nav ul{ margin:-4px 0 0 0; padding:5px 0 0 0;  position:absolute; display:none; z-index:1001; list-style-type:none;  }
#nav ul li { width:134px; padding: 8px 0 8px 12px;} /* 134+12=146 submenu width */
#nav li { float:left; position:relative; }
#nav li ul a{ height:auto; float:left; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }

.magenta-bg, .green-bg, .blue-bg, .orange-bg, .red-bg { width:146px; border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; border: 0; }
.magenta-bg { background:#76114C; }
.green-bg { background:#2E570D; }
.blue-bg { background:#0C5650; }
.orange-bg { background:#6A420D; }
.red-bg { background:#6C0005; }

/* submenu dashed line style*/
.magenta-bg li:first-child, .green-bg li:first-child, .blue-bg li:first-child, .orange-bg li:first-child, .red-bg li:first-child { border:none; }
.magenta-bg li { border-top: 1px #b22272 dashed; }
.green-bg li { border-top: 1px #499348 dashed; }
.blue-bg li { border-top: 1px #0a9288 dashed; }
.orange-bg li { border-top: 1px #a26223 dashed; }
.red-bg li { border-top: 1px #a3282b dashed; }

#m1,#m2,#m3,#m4,#m5 { width:146px; height:48px; }
#m1 { background:url(../images/top-nav1.jpg); }
#m2 { background:url(../images/top-nav2.jpg); }
#m3 { background:url(../images/top-nav3.jpg); }
#m4 { background:url(../images/top-nav4.jpg); }
#m5 { background:url(../images/top-nav5.jpg); }


/*Sub nav style*/
#sub-nav-wrapper { width:209px; position:relative; float:left; background:url(../images/left-nav-bg2.png) top left repeat-y; color:#FFF; font-size:13px; line-height:16px; text-align:left; } 
#sub-nav-wrapper a { text-decoration:none; color:#FFF; }
#sub-nav-wrapper a:hover{ color:#dcb24f; }
#sub-nav-wrapper ul { list-style-type:none; padding:0; margin:0; }
#sub-nav-wrapper li { list-style-type:none; padding:8px 10px 8px 70px; margin:0; }
.sub-active { background:url(../images/sub-active.png)0 -3px no-repeat; }
.sub-top { background:url(../images/left-nav-bg1.png) top left no-repeat; width:209px; height:20px; }
.sub-bottom { background:url(../images/left-nav-bg3.png) top left no-repeat; width:209px; height:29px; }


/*Quick nav style*/
#quick-wrapper { width:100%; bottom:0; position:fixed;  z-index:999; background:#FFF;
border-bottom:#CCC 1px solid;border-top:#CCC 1px solid;
-webkit-box-shadow: 0px 0px 4px 0px rgba(189,187,189,1);
-moz-box-shadow: 0px 0px 4px 0px rgba(189,187,189,1);
box-shadow: 0px 0px 4px 0px rgba(189,187,189,1); }
#quick-wrapper-index { width:100%; bottom:0;  background:#FFF; }

#main-quick-wrapper { width:980px; margin:0 auto; }
/*#main-quick-wrapper { width:100%; border-bottom:#CCC 1px solid;border-top:#CCC 1px solid; 
-webkit-box-shadow: 0px 0px 4px 0px rgba(189,187,189,1);
-moz-box-shadow: 0px 0px 4px 0px rgba(189,187,189,1);
box-shadow: 0px 0px 4px 0px rgba(189,187,189,1);
}*/
#main-quick { margin:0 auto; display: table; }

#main-quick ul, #main-quick li { padding:0; margin:0; text-decoration:none; list-style:none; float:left; }
#main-quick li a:hover {
-webkit-box-shadow: inset 0px 0px 20px 0px rgba(156,199,214,0.8);
-moz-box-shadow: inset 0px 0px 20px 0px rgba(156,199,214,0.8);
box-shadow: inset 0px 0px 20px 0px rgba(156,199,214,0.8); }
#main-quick ul ul { margin-top:20px; margin-left:90px;}
#main-quick ul ul li { list-style:disc; }
#main-quick ul ul li a:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }


.main-box1,.main-box2,.main-box3,.main-box4,.main-box5 { height:100px; float:left;  }

.main-box1 { width:140px; background:url(../images/quick-btn-profile.png) no-repeat center center; border-left:#CCC 1px solid; }
.main-box2 { width:148px; background:url(../images/quick-btn-empolyer-slos.png) no-repeat center center; border-left:#CCC 1px solid; }
.main-box3 { width:145px; background:url(../images/quick-btn-helper-slos.png) no-repeat center center;  border-left:#CCC 1px solid;}
.main-box4 { width:220px; background:url(../images/quick-btn-news.png) no-repeat 12px center; border-left:#CCC 1px solid; }
li.main-box4 ul { margin-left:82px !important;} 
.main-box5 { width:162px; background:url(../images/quick-btn-EC.png) no-repeat center center; border-left:#CCC 1px solid; border-right:#CCC 1px solid;}
/*.main-box-erblogo { width:145px; background:url(../images/erblogo.png) no-repeat left center; height:100px; float:left;  }*/
.main-box-erblogo { width:145px; background:url(../images/erb-logo.png) no-repeat left center; height:100px; float:left;  }
a.main-box-erblogo:hover { -webkit-box-shadow: none !important;
-moz-box-shadow:none !important;
box-shadow: none !important; }


/* footer style*/
#main-footer { width:100%; padding:8px 0; text-align:center; font-size:12px; background:#F3F3F3; color:#666;
-webkit-box-shadow: inset 0px 2px 1px 0px rgba(189,187,189,1);
-moz-box-shadow: inset 0px 2px 1px 0px rgba(189,187,189,1);
box-shadow: inset 0px 2px 1px 0px rgba(189,187,189,1);
 }
#main-footer a { color:#666; text-decoration:none; }
#main-footer a:hover { color:#333; }

#main-footer-index { width:100%; padding:8px 0; text-align:center; font-size:12px; background:#FFF; color:#666;
-webkit-box-shadow: inset 0px 2px 1px 0px rgba(189,187,189,1);
-moz-box-shadow: inset 0px 2px 1px 0px rgba(189,187,189,1);
box-shadow: inset 0px 2px 1px 0px rgba(189,187,189,1);
 }
#main-footer-index a { color:#666; text-decoration:none; }
#main-footer-index a:hover { color:#333; }


/* button */
.click-btn {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e64281), color-stop(1, #b3166f) );
	background:-moz-linear-gradient( center top, #e64281 5%, #b3166f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e64281', endColorstr='#b3166f');
	background-color:#e64281;
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
	text-indent:0;
	border:1px solid #b30978;
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	padding: 3px 10px;
}
a.click-btn { color:#FFF; text-decoration:none; }
.click-btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b3166f), color-stop(1, #e64281) );
	background:-moz-linear-gradient( center top, #b3166f 5%, #e64281 100% );
}

/* opinion & pagination style */
#content-opinion { width:820px; min-height:200px; position:relative; float:left; background:url(../images/bg-960-2.png) top left repeat-y; padding:0 70px 20px 70px; }
.opinion-box { width:380px; position:relative; float:left; margin:5px 12px 15px 12px;}
.opinion-box-main { width:348px; position:relative; float:left; background:url(../images/UO-bg.jpg); border:#e0e0e0 solid 1px; padding:15px; }
.opinion-box-base { width:380px; height:10px; position:relative; float:left; background:url(../images/user-opinion-shadow.png) top no-repeat; }

.opinion-employer, .opinion-helper, .opinion-period { color:#FFF; line-height:2.1em; padding-left:45px; font-size:14px; }
.opinion-employer { width:303px; background:url(../images/opinion-page-icon1.png) bottom left no-repeat #E6861F; margin-bottom:3px; }
.opinion-helper { width:303px; background:url(../images/opinion-page-icon2.png) bottom left no-repeat #f89e3d;  margin-bottom:3px; }
.opinion-period { width:303px; background:url(../images/opinion-page-icon3.png) bottom left no-repeat #a8a8a8; margin-bottom:15px; }
.opinion-content { width:250px; height:115px;  text-align:left; font-size:14px; letter-spacing:0.05em; float:left; padding-left:5px; line-height:1.45em;}
.opinion-pdf { width: 60px; height:100px; float:right; text-align:center; font-size:13px; line-height:15px; color:#666; padding:5px 5px 5px 8px; border-left:#CCC solid 1px; }
.opinion-pdf img { border:0 !important; }

.pagination { font-size: 80%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; float:right; margin-right:20px; margin-bottom:5px; }
        
.pagination a {
    text-decoration: none;
	border:1px solid #e64281;
	color: #e64281;
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding:0.2em 0.65em;
    margin-right: 5px;
	margin-bottom: 5px;
	min-width:1em;
	text-align:center;
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}

.pagination .current {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e64281), color-stop(1, #b3166f) );
	background:-moz-linear-gradient( center top, #e64281 5%, #b3166f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e64281', endColorstr='#b3166f');
	background-color:#e64281;
    color: #fff;
	border:1px solid #e64281;
}

.pagination .current.prev, .pagination .current.next{
	color:#BBB;
	border-color:#BBB;
	background:#EDEDED;
}