/*
YUI CSS RESET
version: 2.5.2
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}* html input,* html textarea,* html select{font-size:100%;}legend{color:#000;} 
/*
YUI CSS RESET END
*/


#lightbox,#lightbox-overlay{position:absolute;top:0px;left:0px;bottom:auto;right:auto;z-index:100;width:100%;height:auto;text-align:center;color:#333;margin:0px;padding:0px;border:none;outline:none;line-height:0;text-decoration:none;background:none;word-spacing:normal;letter-spacing:normal;float:none;clear:none;display:block}#lightbox-overlay{z-index:90;background-color:#000;height:100%;position:fixed}#lightbox-overlay-text{text-align:right;margin-right:20px;margin-top:20px;color:white;font-size:12px;cursor:default;line-height:normal}#lightbox-overlay-text a,#lightbox-overlay-text a:hover,#lightbox-overlay-text a:visited,#lightbox-overlay-text a:link{text-decoration:underline;color:white}#lightbox-overlay-text span{padding-left:5px;padding-right:5px}#lightbox img,#lightbox a img,#lightbox a{border:none;outline:none}#lightbox-imageBox{position:relative;border:1px solid black;;background-color:white;width:400px;height:400px;margin:0 auto}#lightbox-imageContainer{padding:1px}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{display:block;width:49%;height:100%;background:transparent url("../images/blank.gif") no-repeat;padding:0px;margin:0px}#lightbox-nav-btnPrev{left:0;right:auto;float:left}#lightbox-nav-btnNext{left:auto;right:0;float:right}#lightbox-infoBox{font:10px Verdana,Helvetica,sans-serif;background-color:#FFF;margin:0 auto;padding:0px}#lightbox-infoContainer{padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;color:#666;line-height:normal}#lightbox-infoHeader{width:100%;text-align:center}#lightbox-caption{text-align:justify}#lightbox-caption-title{font-weight:bold}#lightbox-caption-description{font-weight:normal}#lightbox-infoFooter{margin-top:3px;color:#999}#lightbox-currentNumber{display:block;width:49%;float:left;text-align:left}#lightbox-close{display:block;width:45%;float:right;text-align:right}#lightbox-close-button{padding-left:30%}#lightbox-close-button,#lightbox-close-button:link,#lightbox-close-button:visited,#lightbox-close-button:hover{text-decoration:underline;color:#999}#lightbox-close-button:hover{color:#666}#lightbox-infoContainer-clear{clear:both;visibility:hidden}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    position: fixed;
    top: 10%;
	max-height: 75%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 20px;
	overflow: auto;
}

* html .jqmWindow{
	height: 75%;
	position: relative;
}

.jqmOverlay { background-color: #000; position: relative; }

/* Fixed posistioning emulation for IE6
   ref. to ie-specific
 */



/**********/
html{
overflow-y: scroll;
}

html, body{
height: 100%;
margin: 0;
padding: 0;
}

body{
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0;
word-spacing: 1pt;
line-height: 16px;
color: #555555;
}


td{
/*padding: 2px;
vertical-align: top;*/
}

input,textarea,select{
	font-weight: normal;
}

strong{
font-weight: bold;
}


a{
text-decoration: none;
color: #555555;
}

a{
cursor: pointer;
outline: none;
}

a:hover{
color: #7D0022;
}

label{
margin-right: 5px;
cursor: pointer;
}


iframe{
border: 0px;
}

button{
margin: 0;
padding: 0;
border: 0 none;
}


ul, ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

h1
{
font-size: 15px;
font-weight: bold;
color: #7D0022;
}


.smalltxt{
font-size: 10px;
text-decoration: none;
}


.floatL{
float: left;
display: inline;
}
.floatR{
float: right;
display: inline;
}

.txtR{
text-align: right;
}
.attach_640{
display: block;
width: 100%;
text-align: center;
}

.more{
position: absolute;
height: 18px;
right: 0;
margin: 0 10px;
bottom: 0;
font-size: 12px;
overflow: hidden;
}


.title, a.title{
	color: #7D0022;
}


.wtext, .wtext a{
color: #FFFFFF;
}

.valign{
	vertical-align: middle;
}
.valign img{
	vertical-align: middle;
}

.errorTxt {
background: url('/images/unchecked.gif') no-repeat;
padding-left: 16px;
margin-left: 10px;
text-align: left;
color: #7D0022;
}

form div{
	margin: 4px 0;
}
form div label.descTxt {
	display: inline-block;
	width: 120px;
}

label.valid {
background: url('/images/checked.gif') no-repeat;
width: 16px;
height: 16px;
}

.altrow{
	background: #EEEEEE;
}

.hide{
display: none;
}

.txtC{
text-align: center;
}

.border{
border: 1px solid #CCCCCC;
}

.span_table, .padding5{
padding: 5px;
}

.span_table div, .span_table h1{
padding: 3px;
}

.span_table div div{
padding: 0;
}

.span_table div span{
float: left;
display: inline;
width: 80px;
}



/*** clearfix ***/
.clearfix:after, .span_table div:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix, .span_table div {
    display: inline-block;
}

html[xmlns] .clearfix, html[xmlns] .span_table div {
    display: block;
}

* html .clearfix, * html .span_table div{
    height: 1%;
}
/*** clearfix ***/


	/**** index start ****/

#wrapper_1{
position: absolute;
width: 100%;
min-height: 500px;
height: 100%;
display: block;
}

#wrapper_2{
top:0;
height: 100%;
margin-left: auto;
margin-right: auto;
width: 1px;
padding-left: 799px;
}

#wrapper_3{
position: absolute;
margin-left: -800px;
height: 100%;
width: 800px;
}

/* fix ie bug */
#wrapper_3 .empty{
	float: left;
	display: inline;
	height:100%;
	width: 1px;
	/*border: 1px solid #0000FF;*/
	visibility: hidden;
}
/* fix ie bug */

#container{
	position: absolute;
	top: 50%;
	margin-top: -275px;
	width: 100%;
	height: 550px;
	overflow: hidden;
	border: 1px solid #000000;
}

#header{
	height: 89px;
	overflow: hidden;
}
#logo{
	width: 360px;
}
#header .right{
	width: 313px;
	height: 100%;
	overflow: hidden;
}

#main{
	height: 400px;
	overflow: auto;
}

#main .index_bg{
	height: 400px;
	text-align: center;
	/*margin: 25px 0;*/
	padding: 0;
}

#footer{
	height: 63px;
	overflow: hidden;
}
#footer_menu_index, #footer_menu_inner{
	height: 43px;
	width: 100%;
	overflow: hidden;
}
#footer_menu_inner{
	width: 790px;
	margin: 0 auto;
}
#footer_menu_index li{
	float: left;
	display: inline;
	width: 115px;
	padding: 5px;
}
#footer_menu_inner li{
	float: left;
	display: inline;
}
#footer_menu_index li, #footer_menu_inner li{
	vertical-align: middle;
	line-height: 33px;
}
#sitemap{
	float: left;
	display: inherit;
	width: 100px;
	padding-left: 5px;
}
#langSelect{
	float: left;
	display: inherit;
	width: 200px;
	padding-left: 5px;
	line-height:16px;
}
#langSelect img{
	padding: 0 5px;
	vertical-align:middle;
}
#copyright{
	float: right;
	display: inherit;
	padding-right: 5px;
	text-align: right;
}


/*** inner ****/
#header .right .content{
	padding-top: 10px;
}
#header .right .content div, .login div{
	margin: 3px 0;
}
#header .right .content label, .login label{
	display: inline-block;
	width: 80px;
}

#article-content{
height: 100%;
padding: 0 10px;
overflow: auto;
}

#article-content_nopadding{
}


#article-content ul, ol{
margin: 20px 0;
padding-left: 40px;
}
#article-content em{
	font-style: italic;
}
#article-content ul li{
	padding-left: 10px;
	list-style-type: disc;
	list-style-position: outside;
}
ol li{
list-style-type: decimal;
list-style-position: outside;
margin-bottom: 3px;
}


#article-content p{
	margin: 10px 0;
}


#article-content h2,
#article-content h3
{
	font-weight: bold;
}

#article-content .activeJqmodal{
font-weight: bold;
text-decoration: underline;
}

#article-content table{
	margin-top: 5px;
	margin-bottom: 5px;
}

#article-content .article_heading_faq_cht,
#article-content .article_heading_faq_eng
{
	background: url(/images/faq.jpg);
	display: block;
	height: 307px;
	width: 550px;
}


#demo_page{
	position: relative;
	width: 100%;
	height: 400px;
	background: #7D0022;
	overflow: hidden;
}
#demo_page a{
	color: #82092A;
}
#demo_page .left, #demo_page .center{
	float: left;
	display: inline;
	height: 390px;
	color: #FFFFFF;
	padding: 5px;
	border-right: 1px solid #FFFFFF;
	overflow-y: auto;
	overflow-x: hidden;
	
}
#demo_page .left, #demo_page .center{
	width: 249px;
}

#demo_page .right{
	position: absolute;
	left: 520px;
	height: 400px;
	width: 260px;
	z-index: 20;
	overflow: hidden;
	background: #7D0022;
}
#demo_page .right img{
	float: left;
	display: inline;
}
#demo_page .right .video{
	float: left;
	display: inline;
	width: 480px;
	height: 400px;
	overflow: hidden;
}

#demo_page .left dl dt, #demo_page .left dl dd{
	cursor: pointer;
	color: #B1AA55;
}
#demo_page .left dl dd{
	display: none;
	color: #FFFFFF;
	margin-left: 20px;
}
#demo_page .left dl dd:hover{
	color: #B1AA55;
}
#demo_page .left dl dt.active, #demo_page .left dl dd.active{
	color: #B1AA55;
}
#demo_page .left dl dd ul{
	display: none;
}

#demo_page .center ul{
	margin: 0;
}
#demo_page .center a{
	color: #FFFFFF;
}
#demo_page .center ul li{
	padding-left: 0;
}

#article-content_nopadding img{
	vertical-align: bottom;
}

#index_flag{
	margin-right: 5px;
}