/* =================================================================================================
	typography.css
	TYPROGRAHPY

	Define the font size and font family
	Use class name en/tc/sc for different language style
	Define elements with unit 'em' indiciate that can be enlarged
	Define elements with unit 'px' will prevent the font size to be enlarged
================================================================================================= */


/* =================================================================================================
	FONT FAMILY
================================================================================================= */

.en, .en input, .en select{font-family:Arial, Helvetica, sans-serif;}
.tc, .tc input, .tc select{font-family:新細明體, 標楷體, mingliu, 細明體, Arial, Helvetica, sans-serif;}
.sc, .sc input, .sc select{font-family:新細明體, 標楷體, mingliu, 細明體, Arial, Helvetica, sans-serif;}

*[lang|='en']			{font-family:Arial, Helvetica, sans-serif;}
.tc .en, .sc .en		{font-family:新細明體, 標楷體, mingliu, 細明體, Arial, Helvetica, sans-serif;} 				/*ie6*/
*[lang|='zh']			{font-family:新細明體, 標楷體, mingliu, 細明體, Arial, Helvetica, sans-serif;}
.en .zh-HK, .en .zh-CN	{font-family:新細明體, 標楷體, mingliu, 細明體, Arial, Helvetica, sans-serif;}	/*ie6*/


/* =================================================================================================
	Font Size 
================================================================================================= */
body.chineseVersion
{
	/*font-size:12px;*/
	font-family:新細明體, 標楷體, 細明體, Arial, Helvetica, sans-serif;
}

.chineseVersion p
{
	 line-height:1.5em;
	 letter-spacing:0.2em;
	 margin-top:0 !important;
	/*font-size:1.8em;
	line-height:1.7em;
	text-align:justify;*/
}

.chineseVersion table{line-height:1.5em;
	 letter-spacing:0.2em}

.chineseVersion h1{letter-spacing:0.2em;}
.chineseVersion h2{letter-spacing:0.2em;}
.chineseVersion h3{letter-spacing:0.2em;}

body.chineseVersion *:lang(en) 
{
	 letter-spacing:0;
}

body.chineseVersion *:lang(zh-hk) 
{
}


#mainContent ul li {
	letter-spacing: 0em;
}

a#modalClose {
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
    font-size: 12px;
}

#modalWindow{
	width:440px;
	
	/*height:560px;*/
	padding:10px;
	display:none;	
}
#modalTopbar{
	width:100%;	
	overflow:hidden;
}
#modalFeature {
	position:relative;
	overflow:hidden;	
	/*height:528px;*/
	 margin: 5px 0;
	line-height: 1.5;
}
#modalSkip{
	position:fixed;
	top:0;left:0;
	z-index:3;	
	width:auto;
	background:#000;
	color:#fff;
	font-weight:bold;
	padding:10px 20px;
	display:none;	
}
#modalFeature_content a:link{
	color:#2a39ff; text-decoration:underline
	
	}
.modal {
  display: none;
  width: 640px;		/* equal iframe video width */
  background: #fff;
  padding: 15px 30px;
  /*
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  */
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}