@charset "UTF-8";
/*****************************************************
layout.css
Last Modified: 2010-11-17
******************************************************/

/*Container
=========================================*/
#container {
	width: 964px;
	margin: 0 auto;
	text-align: left;
}



/*header
=========================================*/

#header {
	clear: both;
}


#header #header-inner{
	position: relative;
	height: 80px;
	line-height: 0;
	font-size: 0;
}


#header #logo {
	position: absolute;
	top: 35px;
	left: 46px;
	width: 274px;
	margin: 0;
	padding: 0;
}


#header-nav-1 {
	position: absolute;
	top: 42px;
	left: 329px;
	width: 135px;
}


#header-nav-1 ul li{
	padding: 0px 0px 5px;
}



#header-nav-2 {
	
}


#header-nav-2 ul li{
	float: left;
	width: 113px;
}


#header-nav-2 ul li.english{
	float: left;
	width: 72px;
}

#header-nav-2 ul li.hk{
	float: left;
	width: 71px;
}



#site-search {
	position: absolute;
	top: 50px;
	left: 483px;
	width: 240px;
}






#site-search #search-keywords {
	float: left;
	width: 159px;
	min-height: 14px;
	line-height: 1;
	margin: 0;
	padding: 2px 5px !important;
	border: 1px solid #aaaaaa !important;
	color: #666666;
}


* html #site-search #search-keywords {
	float: left;
	width: 129px;
	min-height: 14px;
	line-height: 1.2;
	margin: 0;
	padding: 1px 5px;
	border: 1px solid #aaaaaa;
	color: #666666;
}


*:first-child+html #site-search #search-keywords {
	float: left;
	width: 129px;
	min-height: 14px;
	line-height: 1.2;
	margin: 0;
	padding: 1px 5px;
	border: 1px solid #aaaaaa;
	color: #666666;
}



#site-search #search-submit{
	float: left;
	margin: 0;
	padding: 0px 0px 0px 5px;
}




#site-search #search-icon{
	float: left;
	margin: 0;
	padding: 0px;
}







/*----- fontsize-selector -----*/

#fontsize-selector {
	position: absolute;
	top: 51px;
	left: 738px;
	width: 205px;
	margin: 0;
	padding: 0;
}


#fontsize-selector dl dt{
	float: left;
	width: 122px;
}


#fontsize-selector dl dd{
	float: left;
	width: 83px;
}


#fontsize-selector dl dd ul li{
	float: left;
	width: 41px;
	text-align: right;
}

#fontsize-selector dl dd ul li span{
	cursor: pointer;
}




/* global-navi
=========================================*/
#global-nav {
	clear: both;
	width: 960px;
	line-height: 0;
	margin: 0px 0px 0px 2px;
	padding: 5px 0px 2px;
	
	font-size: 0;
	zoom: 1;
	
}

#global-nav ul li{
	float: left;
	zoom: 1;
}






/* topic-path
=========================================*/
#topic-path {
	clear: both;
	width: 964px;
	line-height: 1.4;
	margin: 0;
	padding: 12px 0;
/*	font-size: 80%;*/
}



#topic-path ol {
	padding: 0px 12px 0px 22px;
	white-space: nowrap;
}


#topic-path ol li {
	float: left;
	margin: 0px 7px 0px 0px;
	padding: 0px 13px 0px 0px;
	background: url(../images/com_ic03.gif) no-repeat right 0.2em;
	white-space: nowrap;
}


#topic-path ol li.stay {
	float: left;
	margin: 0px;
	padding: 0px 11px 0px 0px;
	background: url(none);
	white-space: nowrap;
}




/* contents-area
=========================================*/

#contents {
	clear: both;
	margin: 0px auto;
	padding: 0px 22px 18px;
	text-align: left;
}







/* main
=========================================*/

#main {
	float: left;
	width: 695px;
	line-height: 1.4;
	background: #FFFFFF;
}





/* sub
=========================================*/

#sub {
	float: right;
	width: 200px;
}



/* side-navi */
#sub #side-navi {
	width: 200px;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}




#sub #side-navi li {
	vertical-align: baseline;
	margin: 0;
	padding: 0px 0px 3px 0px;
	background: #eeeeee url(../images/com_hr02.gif) no-repeat left bottom;
	zoom: 1;
}




/* sub-nav */
#sub #side-navi li ul.sub-nav {
	line-height: 1.4;
	margin: 0;
	padding: 0 10px 10px;
}



#sub #side-navi li ul.sub-nav li {
	margin: 1px 0px 0px;
	padding: 5px 5px 5px 19px;
	border: 1px solid #dddddd;
	background: #FFFFFF url(../images/com_ic02.gif) no-repeat 10px 0.9em;
	zoom: 1;
}


#sub #side-navi li ul.sub-nav a{
	display: block;
}
#business #sub #side-navi li ul.sub-nav li.on{
	margin: 1px 0px 0px;
	padding: 5px 5px 5px 19px;
	border: 1px solid #dddddd;
	background: #b5d0f8 url(../images/com_ic02.gif) no-repeat 10px 0.9em;
	font-weight: bold;
	zoom: 1;
}
#consumer #sub #side-navi li ul.sub-nav li.on{
	margin: 1px 0px 0px;
	padding: 5px 5px 5px 19px;
	border: 1px solid #dddddd;
	background: #ffeea1 url(../images/com_ic02.gif) no-repeat 10px 0.9em;
	font-weight: bold;
	zoom: 1;
}
#consumer #sub #side-navi li ul.sub-nav li.open{
	margin: 1px 0px 0px;
	padding: 5px 5px 5px 19px;
	border: 1px solid #dddddd;
	background: #ffeea1 url(../images/com_ic06.gif) no-repeat 10px 0.9em;
	font-weight: bold;
	zoom: 1;
}
#consumer #sub #side-navi li ul.sub-nav li.open ul li{
	margin: 1px 0px 0px;
	padding: 0px 0px 0px 10px;
	border: 1px solid #ffeea1;
	background: url(../images/com_ic07.gif) no-repeat left 0.6em;
	font-weight: normal;
	zoom: 1;
}
#consumer #sub #side-navi li ul.sub-nav li.open ul li.stay{
	margin: 1px 0px 0px;
	padding: 0px 0px 0px 10px;
	border: 1px solid #ffeea1;
	background: url(../images/com_ic07.gif) no-repeat left 0.6em;
	font-weight: bold;
	zoom: 1;
}


img.linkType {
    margin: 0 0 0 5px;
    vertical-align: text-top;
}


/* contact */
#sub #contact{
	width: 200px;
	margin: 9px 0px 0px;
	padding: 0px 0px 15px;
	background: #eeeeee;
}

#sub #contact .contact-title{
	margin: 0;
}

#sub #contact .text{
	margin: 0;
	padding: 10px;
}



#sub #contact .contact-btn{
	margin: 0;
	padding: 11px 0 10px;
	background: url(../images/com_hr02.gif) no-repeat left top;
	text-align: center;
	zoom: 1;
}


#sub #contact .contact-tel{
	margin: 0;
	padding: 11px 0 0px;
	background: url(../images/com_hr02.gif) no-repeat left top;
	text-align: center;
	zoom: 1;
}
#sub #contact .contact-tel img{
	margin: 0 0 3px;
}
#sub #contact .contact-tel .open-close{
	margin: 0;
	text-align: left;
	padding: 0px 0px 0px 17px;
	display: block;
	font-size: 12px;
}

/* banner */
#sub #banner {
	width: 200px;
	text-align: center;
	font-size: 0;
	line-height: 0;
}



#sub #banner ul li,
#sub #banner p {
	margin: 0px;
	padding: 10px 0px 0px;
}





/*footer
=========================================*/

#footer {
	clear: both;
	line-height: 0;
	padding-bottom: 20px;
	font-size: 0;
}




/* footer-utility-01 */
#footer-utility-01 {
	clear: both;
}



/* footer-utility-02 */
#footer-utility-02 {
	clear: both;
}


#footer-utility-02 ul{
	float: left;
	padding: 0px 0px 0px 5px;
}


#footer-utility-02 ul li{
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}


#footer-utility-02 ul li#fnav01{
	width: 120px;
}


#footer-utility-02 ul li#fnav02,
#footer-utility-02 ul li#fnav03{
	width: 105px;
}


#copyright {
	float: right;
	margin: 0px;
	padding: 0px 7px 0px 0px;
}
#consumer #copyright {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 403px;
}


/* pagetop */
#footer #pagetop {
	clear: both;
	margin: 0px 22px;
	padding: 11px 10px 0px 0px;
	background: url(../images/com_bg03.gif) repeat-x left top;
	text-align: right;
}


/* rihgtnavi
=========================================*/
#sub .bnArea {
    padding: 5px 0 0;
}

#sub .bnArea li {
    padding: 10px 0 0;
    text-align: center;
}

/* plugin-area-1
=========================================*/
div#contents .plugin-area-1{
	clear: both;
	margin: 20px 0 0;
	background: url(../images/com_hr01.gif) repeat-x left top;
	padding: 11px 0px 0px;	
	zoom: 1;
}
div#contents .plugin-area-1 .inner{
	clear: both;
	margin: 0px;
	background: url(../images/com_hr01.gif) repeat-x left bottom;
	padding: 0px 0px 11px;
	zoom: 1;
}
div#contents .plugin-area-1 .inner .banner{
	float: left;
	width: 160px;	
}
div#contents .plugin-area-1 .inner .text{
	float: right;
	width: 527px;	
}


/*99: clearfix
=========================================*/
div#contents:after,
div#header:after,
div#global-nav:after,
div#topic-path:after,
div#footer-utility-01:after,
div#footer-utility-02:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
	font-size: 0;
}




div#contents,
div#global-nav,
div#topic-path,
div#footer-utility-01,
div#footer-utility-02 {
	zoom: 1;
}