a:link {
	color: #292929;
	text-decoration: none;
}
a:visited {
	color: #2b2c2e;
	text-decoration: none;
}
a:hover {
	color: #292929;
	text-decoration: underline;
}
a:active {
	color: #292929;
	text-decoration: none;
}
body {
	margin: 0px;
	background-color: #ffffff;
}
body,td,th {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #292929;
	line-height: 1.5em;
}
p {
	margin-top:0px;	
	margin-bottom:15px;
}
ul{
	padding:0px ; margin:0 ; list-style:none
}
a img{
	border: 0px solid #000000;
}
map,form{ margin:0px}
.clear{
height: 0;
clear: both;
}
.justify{
	text-align:justify; text-justify: inter-ideograph;
}
.cursor{ cursor:pointer; }

/* Index */
.hotnews-date-div { height:74px}
.hotnews-date { font-family:Tahoma, Arial, Helvetica, sans-serif ; color:#626262 ; font-size:11px ; padding-top:42px ; width:110px ; text-align:right ; float:left}
.hotnews-content { padding-top:18px ; margin-left:22px ; width:730px ; float:left}
.hotnews-more {float:right ; margin-top:20px ; margin-right:15px ;  margin-left:15px}

/* Background */
.pagebackground {background:url(../images/background.jpg) center top repeat-x #e0e0e0}
.bottombg {background:url(../images/inner-bottom.jpg) center bottom no-repeat; _height:225px ; min-height:225px}
.bottombgex{ background:url(../images/inner-bottom-ex.jpg) center bottom repeat-x}

.bottomstructurebg {background:url(../images/structure/bottom.jpg) center bottom no-repeat; _height:225px ; min-height:225px}
.bottomstructurebgex {background:url(../images/structure/backgroundex.jpg) center repeat-y }
.bottomactivitiesbg {background:url(../images/activities/bottom.jpg) center bottom no-repeat; _height:225px ; min-height:225px}
.bottomactivitiesbgex {background:url(../images/activities/backgroundex.jpg) center repeat-y }

.bottomprivacybg {background:url(../images/privacy/bottom.jpg) center bottom no-repeat; _height:225px ; min-height:225px}
.bottomprivacybgex {background:url(../images/privacy/backgroundex.jpg) center repeat-y }


/* Common */
.hkmdta-frame { width:980px ; margin:0 auto ; }
.hkmdta-header { padding-left:18px ; padding-right:18px ; height:62px}
.hkmdta-header img{ margin-top:8px}
.hkmdta-header .iconlink{ float:right}
.hkmdta-header .iconlink img{ margin-top:16px}
.hkmdta-menu { padding-left:130px ; height:21px; }
.hkmdta-menu img{margin-top:4px ; margin-right:40px}
.min-height { _height:650px ; min-height:650px}

.floatrt { float:right}

.inner-frame{ padding-top:245px ; padding-bottom:40px ; width:870px ; margin:0 auto}
ol { margin:0 ; padding:0}
ol li { margin-left:1.8em ; margin-bottom:20px}

.pagingshadow {background:url(../images/shadow-white.gif) center top no-repeat ; padding-top:25px}
.pagingactivitesshadow {background:url(../images/activities/paging.jpg) center top no-repeat ; padding-top:25px}
.pagingclass { text-align:center }
.pagingclass img{ vertical-align:middle ; margin:0 18px}
.pagingclass a{ vertical-align:middle ; margin:0 3px}


.pagingclass .menuselect{ font-size:14px ; color:#333333 ; font-weight:bold}
.pagingclass .menuselect:link, .pagingclass .menuselect:hover, .pagingclass .menuselect:visited, .pagingclass .menuselect:active{ color:#333333}

.clearfix:after {
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */


/* Main Page */

.main-copy { background:url(../images/copyright-bg.gif) repeat-x #FFF ; padding:35px 17px ; font-family:Tahoma ,Verdana, Arial, Helvetica, sans-serif ; font-size:11px ; color:#424641}
.main-copy div.content{width:980px ; margin:0 auto}

/* Download */
.downloadul { margin:0 ; padding:0 ; list-style:none}
.downloadul li{ display:block ; width:169px ; margin:0 2px; float:left ; text-align:center ; }
.downloadul li img{ display:block ; margin-bottom:15px ; margin-left: auto ; margin-right: auto }

/* Message */
.messagediv { width:700px ; margin-left:152px ; padding:50px 0 35px 0}
.messageul { margin:0 ; padding:0 ; list-style:none}
.messageul li{ display:block ; width:158px ; height:192px ; float:left ; text-align:left ; }
.messageul li img{ border:1px #b3b3b3 solid }

/* Member */
.member-frame{ padding-top:310px ; padding-bottom:40px ; width:900px ; margin-left: 56px}
.memberdiv { width:700px ; margin-left:152px}
.member-services { padding:8px 0}
.memberul { margin:0 ; padding:0 ; list-style:none}
.memberul li.membermenu { width:166px ; display:block ; float:left ; margin-right:3px ; padding-top:45px }
.memberul li.membercontent { width:725px ; display:block ; float:left ;}
.memberul li.membercontent div.white{ background:#FFFFFF ; zoom: 1; }

.memberaz-menu { text-align:center ; font-size:12px ; color:#9c9c9c}
.memberaz-menu p{ margin-bottom:10px}
.memberaz-menu a:link, .memberaz-menu a:hover, .memberaz-menu a:visited, .memberaz-menu a:active{ color:#9c9c9c ; margin:0 30px}
.memberaz-menu .menuselect{ font-size:14px ; color:#333333 ; font-weight:bold}
.memberaz-menu .menuselect:link, .memberaz-menu .menuselect:hover, .memberaz-menu .menuselect:visited, .memberaz-menu .menuselect:active{ color:#333333}

.member-lastupdate { background:url(../images/member/update.gif) left top no-repeat ; height:29px ; margin-top:25px ; font-size:11px ; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif}
.member-lastupdate div{ padding-left:92px ; padding-top:5px}

.membercontentdiv { width:360px ; float:left}
.membercontentdiv strong{ color:#023370}
.membercontentdiv div.padding { padding:12px 18px}

/* Activities */
.activities-frame{ padding-top:295px ; padding-bottom:40px ; padding-left:55px }
.activitiesul { margin:0 ; padding:0 ; list-style:none}
.activitiesul li.activitiesmenu { width:164px ; display:block ; float:left ; padding-top:60px }
.activitiesul li.activitiescontent { width:720px ; display:block ; float:left  ; margin-left:40px}
.activitiesul li.activitiescontent img.title{ margin-bottom:12px ; display:block}
.activitiesul li.activitiescontent div.white{ background:#FFFFFF ; zoom: 1; }

.activities-shadow{ background:url(../images/activities/shadow.gif) left bottom no-repeat ; padding-bottom:20px ; margin-bottom:12px ; line-height:1.5em ; font-family: "新細明體"}
.activities-shadow img.seldate{ margin:12px 5px 0 2px}

.activities-menu { text-align:center ; font-size:12px ; color:#9c9c9c}
.activities-menu p{ margin-bottom:10px}
.activities-menu a:link, .activities-menu a:hover, .activities-menu a:visited, .activities-menu a:active{ color:#9c9c9c ; margin:0 30px}
.activities-menu .menuselect{ font-size:14px ; color:#333333 ; font-weight:bold}
.activities-menu .menuselect:link, .activities-menu .menuselect:hover, .activities-menu .menuselect:visited, .activities-menu .menuselect:active{ color:#333333}

.activities-selectiondiv { width:395px ; margin-left:2px ; min-height:270px ; _height:270px ; margin-bottom:15px}
.activities-selection { margin:0 ; padding:0 ; list-style:none}
.activity-photo{ float:right ; padding:2px ; border:1px #999 solid ; background-color:#FFFFFF ; visibility:hidden}
.activities-selection li { line-height:1.8em}
.activities-selection li.date{ width:55px ; float:left ; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif ; font-size:11px ; margin-top:1px}
.activities-selection li.content{ width:330px ; float:left}

.activities-detaildate{ width:70px ; float:right ; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif ; font-size:11px ;}
.activities-detaildate img{ margin:12px 5px 0 2px }
.activities-shadow strong{ color:#023370}
.activities-detaildiv { width:600px ; min-height:270px ; _height:270px ; margin-bottom:15px}

.act-photo{ background:url(../images/activities/photo-div.jpg) repeat-y }
.act-photo-top{ background:url(../images/activities/photo-top.jpg) left top no-repeat }
.act-photo-bottom{ background:url(../images/activities/photo-bottom.jpg) left bottom no-repeat ; min-height:192px ; _height:192px }
.act-photo img{padding:2px ; border:1px #999 solid ; background-color:#FFFFFF ; margin-bottom:3px}
.act-photo-padding { padding:20px 15px ; }
.act-photo ul{ margin:0px auto ; padding:0 ; list-style:none ; text-align:center}
.act-photo ul li{  height:85px ; margin-bottom:15px ; margin-left:5px ; margin-right:5px ; display:block ; float:left}


.act-attach { padding-top:12px ; text-align:center ; color:#023370 ; font-weight:bold }
.act-attach img{ margin-right:10px ; vertical-align:middle}
.act-attach span{ margin-right:35px}

/* Structure */
.structure-frame{ padding-top:285px ; padding-bottom:40px ; width:785px ; margin-left: 86px ; color:#333333}
.structure-frame td{ color:#333333}
.structureul { margin:0 ; padding:0 ; list-style:none}
.structureul li.structuremenu { width:180px ; display:block ; float:left ; margin-right:3px ; padding-top:75px }
.structureul li.structurecontent { width:570px ; display:block ; float:left ;}
.structureul li.structurecontent div.padding { padding-left:10px}
.structureul li.structurecontent img.book{ position:absolute ; margin-left:-35px ; margin-top:-20px}
.structureul li.structurecontent img.title{ margin-bottom:15px ; margin-left:50px ; display:block}
.structureul li.structurecontent div.white{ background:#FFFFFF ; zoom: 1; }
.structuretable { width:540px}
.structurediv {padding:8px 0 ; width:545px}
.structuredivwhite{ background:url(../images/structure/structure-tdbg.jpg) center #FFF repeat-x ; padding:8px 0 ; width:545px}
.structure-mapdiv {padding:8px 0 ; width:545px}
.structure-mapdivwhite{ background:#FFF ; padding:8px 0 ; width:545px}
.structure-mapdiv table, .structure-mapdivwhite table{ margin-left:15px}
.structuretd { padding:0 6px ; font-family:Arial, Helvetica, sans-serif}
.structure-maptd { padding:0 20px}

.structure-frame h2{ color:#325785 ; margin-bottom:12px ; line-height:1.2em; font-size:15px}
.structure-introdiv {width:545px}
.structure-introdiv div.intropadding{ padding:45px 40px}
.structure-introdivwhite {width:545px ; background-color:#FFFFFF}
.structure-introdivwhite div.intropadding{ padding:45px 40px}

/*.structure-introdiv img, .structure-introdivwhite img { padding:2px ; border:1px #999 solid} */

.intro-pic{ float:right ; margin-top:-13px}
.intro-content{ text-indent:2em }

/* Contact */
.contact-frame{ padding-top:270px ; padding-bottom:40px ; width:870px ; margin-left:85px ; text-align:center}
.contactul { width:215px ; margin:0 auto ; padding: 0 ; list-style:none}
.contactul li.title { float:left ; width:75px ; text-align:left }
.contactul li.content { float:left ; width:135px ; text-align:left }
.contactul1 { width:215px ; margin:0 auto ; padding: 0 ; list-style:none ;}
.contactul1 li.title { float:left ; width:75px ; text-align:left }
.contactul1 li.content { float:left ; width:135px ; text-align:left }
.contactul1 li.content1 { float:left ; width:210px ; text-align:left ; margin-top:10px}
.contactul2 {width:240px ;  margin:0 auto ; padding: 0 ; list-style:none ;}
.contactul2 li.title { float:left ; width:40px ; text-align:left }
.contactul2 li.content { float:left ; width:175px ; text-align:left }
.contactul2 li.content1 { float:left ; width:230px ; text-align:left ; margin-top:10px ; padding-bottom:5px}
.contactul2 li.content1 span { font-size:12px ; line-height:1.2em }
.contact-attach { width:165px ; text-align:left ; margin:0 auto}
.contact-attach img{ display:block ; margin:5px 0}

.contact-attach2 { text-align:left ; position:absolute ; margin-top:325px ; margin-left:100px}
.contact-attach2 p{ margin:0 0 8px 0}
.contact-attach2 img{ margin-right:15px}

/* Links */
.links-frame{ padding-top:270px ; padding-bottom:40px ; width:870px ; margin-left:85px ; text-align:center}
.linksul { margin:0 ; padding: 0 ; list-style:none}
.linksul li.content { float:left ; width:265px ; display:block ; text-align:center ; margin:10px 0 ; line-height:14px }
.linksul li.content div.img{ height:50px ; width:265px ; display:table-cell ;  text-align:center ; vertical-align:middle; }
.linksul li.content div.img *{ vertical-align:middle;}
.linksul li.content div.img span{ height:100% ; display:inline-block;}
.linksul li.content span.eng{ font-size:11px ; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif ; line-height:11px}

/* Advertising */
.advertisingul { margin:0 ; padding: 0 ; list-style:none ; min-height:280px ; _height:280px}
.advertisingul li { width:268px ; height:70px ; border:1px #b1b1b1 solid ; background-color:#FFFFFF ; float:left ; display: block ; margin-right:5px ; margin-bottom: 9px ; margin-top: 9px ; }
.advertisingul li div.img{ height:45px ; width:258px ; display:table-cell ;  text-align:center ; vertical-align:middle; }
.advertisingul li div.img *{ vertical-align:middle;}
.advertisingul li div.img span{ height:100% ; display:inline-block;}
.advertisingul li div.padding { padding:5px ; text-align:center}

/* Sitemap */
.sitemap-frame{ padding-top:340px ; padding-left:260px ; margin-left:85px ; text-align:left}
.sitemapul { margin:0 ; padding: 0 ; list-style:none}
.sitemapul li.left { background:url(../images/sitemap/dotted.gif) right repeat-y  ; width:198px ; display:block ; float:left}
.sitemapul li.right { width:165px ; margin-left:105px ; display:block ; float:left}
.sitemapul li.left img.sitemap { background:url(../images/sitemap/arrow.gif) 0 2px no-repeat ; padding-left:28px ; display:block ; margin:17px 0 20px 0}
.sitemapul li.right img.sitemap { background:url(../images/sitemap/arrow.gif) 0 2px no-repeat ; padding-left:28px ; display:block ; margin:17px 0 32px 0}
.sitemapul ul { margin:-10px 0 20px 40px ; padding: 0 ; list-style:none}

/* privacy */
.privacy-frame{ padding-top:300px ; padding-bottom:40px ; width:600px ; margin-left:215px ; text-align:left}


/* Copyright */
.idxcopy{ background:url(../images/copyright/copyrightbg.gif) center top repeat-x ; padding-top:17px}
.copydiv {width:935px ; margin:10px auto 0 auto}
.copydiv .links { padding-top:7px ; padding-bottom:14px}
.copydiv .webdesign {float:right}