body{ font-size:62.5%;/*this sets all font size to 10px by default, then apply font-size:130% for 13px, user can zoom text*/ line-height:1.5; padding:0; margin:0;  background-color: #CCCCCC; background-image: url(../image/bkg.jpg); background-repeat: repeat-y; background-position: center top; font-family:MingLiU ,Arial, Helvetica, sans-serif ; }
#bkg_wrapper{
	height:600px;
}
#outer_wrapper{
	position: relative;
	text-align: left;
	width: 996px;
	margin: 0px auto;
}
#header{
	width:996px;
	height:129px;
	background:url(../image/header.jpg) no-repeat top left;
}
#footer{
	width:996px;
	height:40px;
	float:left;
	background:url(../image/footer.gif) no-repeat top left;
}

a:link, a:visited{ color:#666666; text-decoration:underline;}
a:hover, a:active{ color:#000000; text-decoration:underline;}

.color1st{ color:#B81D20;}
.color2nd{ color:#666666;}
.color3rd{ color:#666666;}

.color1st a:link, .color1st a:visited, a:link.color1st, a:visited.color1st{ color:#B81D20; text-decoration:none;}
.color1st a:hover, .color1st a:active, a:hover.color1st, a:active.color1st{ color:#666666; text-decoration:underline;}

.color2nd a:link, .color2nd a:visited, a:link.color2nd, a:visited.color2nd{ color:#666666; text-decoration:underline;}
.color2nd a:hover, .color2nd a:active, a:hover.color2nd, a:active.color2nd{ color:#000000; text-decoration:underline;}

.color3rd a:link, .color3rd a:visited, a:link.color3rd, a:visited.color3rd{ color:#B81D20; text-decoration:none; font-weight:bold;}
.color3rd a:hover, .color3rd a:active, a:hover.color3rd, a:active.color3rd{ color:#666666; text-decoration:underline;}

.txt-1{ font-size:80%}
.txt1{ font-size:110%}
.txt2{ font-size:120%}
.txt3{ font-size:130%}
.txt4{ font-size:160%}
.txt5{ font-size:180%}
.txt6{ font-size:240%}

h1{ font-size:220%; line-height:1.5; margin-bottom:10px; }

#nav{
	width: 996px;
	height: 30px;
	list-style-type: none;
	background-color: #FFFFFF;
	margin:0;
	padding:0;
}
#nav li{
	float:left;
	width:142px;
}
#nav li a{
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	height /**/:30px;
	padding-top:30px;
	background-image:url(../image/navBar.jpg);
}
#nav01 a{ background-position:0 0;}
#nav02 a{ background-position:-142px 0;}
#nav03 a{ background-position:-284px 0;}
#nav04 a{ background-position:-426px 0;}
#nav05 a{ background-position:-569px 0;}
#nav06 a{ background-position:-711px 0;}
#nav07 a{ background-position:-853px 0;}

#nav01 a.stay, #nav01 a:hover{ background-position:0 -30px;}
#nav02 a.stay, #nav02 a:hover{ background-position:-142px -30px;}
#nav03 a.stay, #nav03 a:hover{ background-position:-284px -30px;}
#nav04 a.stay, #nav04 a:hover{ background-position:-426px -30px;}
#nav05 a.stay, #nav05 a:hover{ background-position:-569px -30px;}
#nav06 a.stay, #nav06 a:hover{ background-position:-711px -30px;}
#nav07 a.stay, #nav07 a:hover{ background-position:-853px -30px;}

#col_left{
	width:506px;
	float:left;
	padding: 10px 0 0 10px;
	margin-right:14px;
}
#col_right{
	width:456px;
	float:left;
	padding:10px 10px 0 0;
}
#full_wrapper{
	width:976px;
	float:left;
	margin:20px 10px 0 10px;
}
#main_box{
	width:506px;
	background:url(../image/main_box-bkg.jpg) repeat-y;
	float:left;
}
#main_box .top{
	width:506px;
	height:12px;
	background:url(../image/main_box-top.jpg) no-repeat top left;
}
#main_box .content{
	width:446px;
	padding:15px 30px;
}
#main_box .content .col1{
	width:60px;
	float:left;
}
#main_box .content .col2{
	width:380px;
	float:left;
}
#main_box .bottom{
	width:506px;
	height:16px;
	background:url(../image/main_box-bottom.jpg) no-repeat top left;
	float:left;
}
#main_video{
	width:448px;
	background-color:#FFFFFF;
	padding:4px;
	float:left;
}
#main_box .download{
	width:175px;
	height:32px;
	margin:0 auto;
}
#main_box .download span{
	display:none;
}
#main_box .download .title{
	width:130px;
	height:32px;
	background:url(../image/downloadform_s1.gif) no-repeat top left;
	float:left;
}
#main_box .download .btn a{
	width:80px;
	height:32px;
	background:url(../image/dlT_s1.gif) no-repeat top left;
	float:left;
}
#main_box .download .btn a:hover{
	background:url(../image/dlT_s2.gif) no-repeat top left;
}
#main_box .download .btn2 a{
	width:80px;
	height:32px;
	background:url(../image/dlS_s1.gif) no-repeat top left;
	float:left;
}
#main_box .download .btn2 a:hover{
	background:url(../image/dlS_s2.gif) no-repeat top left;
}
#main_box .download .btn3 a{
	width:175px;
	height:37px;
	background:url(../image/dl.jpg) no-repeat top left;
	float:left;
}
.title{
	width:450px;
	margin-bottom:5px;
    margin-top:10px;
	float:left;
}
.title-2{
	width:506px;
	margin-bottom:5px;
	float:left;
	position:relative;
	
}
.title-2 .ebook{
	position:absolute;
	left:293px;
}
.related_article{
	width:438px;
	border-top:1px #333333 dotted;
	padding:5px;
}
#album{
	width:448px;
	float:left;
}
#album .thumbnail-L{
	width:442px;
	border:1px #E75F62 solid;
	background-color:#FFFFFF;
	padding:2px;
	margin-bottom:5px;
	line-height:0;
	float:left;
}
#album .thumbnail-S1{
	width:220px;
	border:1px #E75F62 solid;
	background-color:#FFFFFF;
	padding:2px;
	margin-right:3px;
	_margin-right:4px;
	margin-right:3px\9;
	line-height:0;
	float:left;
}
#album .thumbnail-S2{
	width:150px;
	border:1px #E75F62 solid;
	background-color:#FFFFFF;
	padding:2px;
	margin:0;
	line-height:0;
	float:left;
}
.section-1{
	width:506px;
	margin-top:25px;
}
.section-2{
}
.award{
	width:248px;
	border:1px #999999 solid;
	padding:2px;
	background-color:#FFFFFF;
	float:left;
}
.award .content{
	width:218px;
	background-color:#E6E6E6;
	padding:13px 0 13px 30px;
}
.ebook_cover{
	width:186px;
	margin-left:40px;
	float:left;
}
.review{
	width:440px;
	margin:0 auto;
}
.review ul {float:left;}
.review ul li {float:left; margin:0 10px;}
.full_review{
	width:100%;
	margin:0 auto;
}
.full_review ul {float:left;}
.full_review ul li {float:left; margin:0 10px;}
#album_wrapper{
	width:676px;
	margin-top:20px;
	padding:0 138px;
	_padding:0 110px 0 138px;
	float:left;
}
#album_wrapper .thumbnail-1{
	width:650px;
	margin: 0 auto 15px;
}
#album_wrapper .thumbnail-1 img, #album_wrapper .thumbnail-2 img, #album_wrapper .thumbnail-2a img, #album_wrapper .thumbnail-3 img , #album_wrapper .thumbnail-4 img{
	border:1px #E75F62 solid;
	margin-bottom:3px;
	_margin-bottom:5px;
}
#album_wrapper .thumbnail-2{
	width:320px;
	height:330px;
	_height:310px;
	/*margin:0 20px 15px 0;*/
	margin:0 10px 15px 0;
	_margin-right:16px;
	float:left;
	text-align:center;
}

#album_wrapper .thumbnail-4{
	width:320px;
	height:235px;
	_height:310px;
	/*margin:0 20px 15px 0;*/
	margin:0 10px 15px 0;
	_margin-right:16px;
	float:left;
	text-align:center;
}

#album_wrapper .thumbnail-2a{
	width:320px;
	height:280px;
	_height:240px;
	/*margin:0 20px 15px 0;*/
	margin:0 10px 15px 0;
	_margin-right:16px;
	float:left;
	text-align:center;
}

#album_wrapper .thumbnail-2b{
	width:320px;
	height:360px;
	_height:310px;
	/*margin:0 20px 15px 0;*/
	margin:0 10px 15px 0;
	_margin-right:16px;
	float:left;
	text-align:center;
}

#album_wrapper .thumbnail-3{
	width:204px;
	height:320px;
	_height:330px;
	margin:0 21px 14px 0;
	float:left;
}
#album_wrapper .caption{
	font-size:13px;
	color:#333333;
	line-height:130%;
}


.lineHeight1{ line-height:1.2;}
.left { float:left; }
.right { float:right; }
.clr { clear:both; _display:inline;}
.bold { font-weight:bold; }
.dotline { border-top: 1px dashed #AAAAAA; }
.dotline2 { border-bottom: 1px dotted #999999; }
.dashline {border-top:1px dashed #C2ADCB;}
.MarginRight1{/*margin-right:10px;*/margin-right:20px;}
.MarginRight2{margin-right:30px;}
.MarginRight3{margin-right:16px;_margin-right:13px;}
.MarginRight4{margin-right:4px;}
.MarginRight5{margin-right:11px;}
.MarginBottom1{margin-bottom:30px;}
.MarginBottom2{margin-bottom:20px;}
.MarginTop1{margin-top:12px;}
.padding1{padding:12px;}
.padding2{padding:2px;}
.paddingBottom1{padding-bottom:15px;}
.AlignCenter{text-align:center;}
.BkgColor1{background-color:#F2F2F2;}