@charset "utf-8";
/* CSS Document */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }

.container { width: 950px; margin: 0 auto; }

#banner { width: 950px; height: 150px; }

#content { width: 940px; height: 100%; padding: 30px 5px; line-height: 150%; position: relative; }

#sidebar { width: 200px; height: 280px; padding-top: 32px; left: 0; position: absolute; }
#sidebar #side_menu { width: 150px; height: 280px; }
#sidebar #side_menu li a { background-image: url(img/sidebar.png); background-repeat: no-repeat; height: 40px; float: left; }
#sidebar li span { display: none; }

#sidebar li#sm_1 a { background-position: 0px 0px; width: 200px; height: 40px; }
#sidebar li#sm_2 a { background-position: 0px -40px; width: 200px; height: 40px; }
#sidebar li#sm_3 a { background-position: 0px -80px; width: 200px; height: 40px; }
#sidebar li#sm_4 a { background-position: 0px -120px; width: 200px; height: 40px; }
#sidebar li#sm_5 a { background-position: 0px -160px; width: 200px; height: 40px; }
#sidebar li#sm_6 a { background-position: 0px -200px; width: 200px; height: 40px; }
#sidebar li#sm_7 a { background-position: 0px -240px; width: 200px; height: 40px; }

#sidebar li#sm_1 a:hover { background-position: -200px 0px; }
#sidebar li#sm_2 a:hover { background-position: -200px -40px; }
#sidebar li#sm_3 a:hover { background-position: -200px -80px; }
#sidebar li#sm_4 a:hover { background-position: -200px -120px; }
#sidebar li#sm_5 a:hover { background-position: -200px -160px; }
#sidebar li#sm_6 a:hover { background-position: -200px -200px; }
#sidebar li#sm_7 a:hover { background-position: -200px -240px; }

#sub_side { display: none; }
#sub_side li a { background-image: url(img/subside.png) !important; background-repeat: no-repeat; height: 40px; float: left; }

#slide { width: 675px; height: 450px; padding-left: 260px; }

#slider {
	width: 675px;
	height: 450px;
	position: relative;
	overflow: hidden;
}

#slideshow {
	width: 675px;
	position: relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#main_content { width: 700px; min-height: 450px; margin: 0 0 0 auto; }

#text_content { width: 680px; min-height: 450px; border-bottom: 1px solid #CCC; padding: 30px 20px; }

#title { width: 700px; height: 30px; border-top: 1px solid #B6A478; border-bottom: 1px solid #B6A478; }

.tabs { width: 700px; height: 40px; margin-top: 20px; }

.t1 li { background: url(img/tabs.png) no-repeat; height: 40px; float: left; }
.t1 li a { background: url(img/tabs.png) no-repeat; height: 40px; float: left; }

.t2 li { background: url(img/tabs_2.png) no-repeat; height: 40px; float: left; }
.t2 li a { background: url(img/tabs_2.png) no-repeat; height: 40px; float: left; }

.tabs li.tab1 { background-position: 0px 0px; width: 350px; }
.tabs li.tab1 a { background-position: 0px -80px; width: 350px; }
.tabs li.tab1 a:hover { background-position: 0px -120px; }

.tabs li.tab2 { background-position: -350px -80px; width: 350px; }
.tabs li.tab2 a { background-position: -350px 0px; width: 350px; }
.tabs li.tab2 a:hover { background-position: -350px -40px; }

.tab_group { width: 680px; height: 39px; border-bottom: 1px solid #CCC; padding: 0 10px; margin-top: 20px; position: relative; }
.tab_group li a { background: url(img/tab_background.jpg) repeat-x; border: 1px solid #CCC; padding: 11px 15px 9px; margin-right: 10px; float: left; }
.tab_group li a:hover { color: #000; }
.tab_group li a.active { background: url(img/tab_background_active.jpg) repeat-x; height: 18px; color: #B6A478; border-bottom: 1px solid #FFF; }

.t3 { width: 700px; height: 40px; margin-top: 20px; }
.t3 li a { background: url(img/tabs_3.png) no-repeat; height: 40px; float: left; }
.t3 span { display: none; }

.t3 li.tab1 a { background-position: 0px 0px; width: 80px; }
.t3 li.tab2 a { background-position: -80px 0px; width: 75px; }
.t3 li.tab3 a { background-position: -155px 0px; width: 80px; }
.t3 li.tab4 a { background-position: -235px 0px; width: 210px; }
.t3 li.tab5 a { background-position: -445px 0px; width: 180px; }
.t3 li.tab6 a { background-position: -625px 0px; width: 75px; }

.t3 li.tab1 a:hover { background-position: 0px -40px; width: 80px; }
.t3 li.tab2 a:hover { background-position: -80px -40px; width: 75px; }
.t3 li.tab3 a:hover { background-position: -155px -40px; width: 80px; }
.t3 li.tab4 a:hover { background-position: -235px -40px; width: 210px; }
.t3 li.tab5 a:hover { background-position: -445px -40px; width: 180px; }
.t3 li.tab6 a:hover { background-position: -625px -40px; width: 75px; }

.t4 { width: 700px; height: 40px; margin-top: 20px; }
.t4 li a { background: url(img/tabs_4.png) no-repeat; height: 40px; float: left; }
.t4 span { display: none; }

.t4 li.tab1 a { background-position: 0px 0px; width: 85px; }
.t4 li.tab2 a { background-position: -85px 0px; width: 75px; }
.t4 li.tab3 a { background-position: -160px 0px; width: 250px; }
.t4 li.tab4 { background: url(img/tabs_4.png) no-repeat; background-position: -410px 0px; width: 290px; height: 40px; float: left; }

.t4 li.tab1 a:hover { background-position: 0px -40px; width: 85px; }
.t4 li.tab2 a:hover { background-position: -85px -40px; width: 75px; }
.t4 li.tab3 a:hover { background-position: -160px -40px; width: 250px; }

.table { width: 100%; }
.table th { text-align: left; padding: 5px 0; }
.table td { padding: 10px 0; }

.job { width: 100%; }
.job th { text-align: left; border-bottom: 1px solid #CCC; padding: 0 3px 8px; }
.job td { padding: 10px 3px; }

.job a { color: #B6A478; }
.job a:hover { color: #999; }

.main_bk { background: url(img/main_bk.png) no-repeat; background-position: 440px 80px; }

#hk_macau { width: 600px; margin: auto; padding-top: 10px; }

#hk a { background: url(img/hk_mc.png) no-repeat top left; width: 600px; height: 200px; float: left; }
#hk a:hover { background: url(img/hk_mc.png) no-repeat top right; width: 600px; height: 200px; float: left; }
#hk span { display: none; }
#mc a { background: url(img/hk_mc.png) no-repeat bottom left; width: 600px; height: 200px; float: left; }
#mc a:hover { background: url(img/hk_mc.png) no-repeat bottom right; width: 600px; height: 200px; float: left; }
#mc span { display: none; }

#copyright { background: url(img/slogo.png) no-repeat right center; width: 950px; height: 35px; padding-top: 25px; font-size: 10px; }

.wd120 { width: 120px; }
.wd130 { width: 130px; }
.wd550 { width: 550px; }

h2 { font-size: 15px; }
h3 { font-size: 15px; color: #F00; }
h4 { font-size: 15px; font-weight: bold; }
h5 { font-size: 13px; font-weight: bold; margin-top: 15px; }

a { text-decoration: none; color: #999; }
a:hover { color: #B6A478; }

.none { display: none; }