body {
	margin:0;
	padding:0;
	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:140%;
}

.left { float:left; }
.right { float:right; }

#container_index {
	padding: 5px;
	width: 940px;
	margin:auto;
	position: relative;
	display:block;
}
#containerMain{
	width:740px;
	float:left;
}
#containerMain_focus{
	margin-bottom:10px;
}
.containerMain_content{
	padding-left:32px;
	height:293px;
	background-image:url(../image/jpm_main_box_bkg2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
}
.containerMain_content img{
	float:left;
	margin-right:40px;
	margin-top:15px;
}
.containerMain_content div{
	float:left;
	width:350px;
	line-height:140%;
	font-size: 130%;
}
.containerMain_content div span {
	display: block;
	text-align: right;
}

.containerMain_content h1{
	font-size:140%;
	line-height:130%;
	color:#4567C4;
}
.containerMain_content div A:link{
	color:#3E8BCA;
	text-decoration:none;
}
.containerMain_content div A:visited{
	color:#3E8BCA;
	text-decoration:none;
}
.containerMain_content div A:hover{
	color:#674A3E;
	text-decoration:underline;
}
.containerMain_content div A:active{
	color:#674A3E;
	text-decoration:none;
	font-weight:bold;
}
#containerMain_col1{
	width:365px;
	float:left;
	margin-bottom:10px;
}
.containerMain_col1_content{
	padding-left:5px;
	padding-right:5px;
}
.containerMain_col1_content h1{
	color:#603F2A;
	font-size:160%;
	line-height:120%;
	font-weight:bold;
}
.col1_bkg{
	background-image:url(../image/jpm_col1_bkg.jpg);
	padding:5px;
	font-size:120%;
}
.containerMain_col1_title{
	background-color:#88B4DB;
	height:25px;
	color:#FFF;
	font-weight:bold;
	font-size:150%;
	line-height:150%;
	padding-left:10px;
	padding-top:2px;
}
#containerMain_col2{
	width:325px;
	float:left;
	margin-bottom:10px;
	border:1px solid #88ABD5;
	padding:20px;
}

.containerMain_col2_h1{
	font-size:180%;
	line-height:150%;
	color:#4BB0CC;
	font-weight:bold;
	text-align:left;
}

.containerMain_col2_h1 a:link, .containerMain_col2_h1 a:visited, a:link.containerMain_col2_h1, a:visited.containerMain_col2_h1{ color:#4BB0CC; text-decoration:none;}
.containerMain_col2_h1 a:hover, .containerMain_col2_h1 a:active, a:hover.containerMain_col2_h1, a:active.containerMain_col2_h1{ color:#4BB0CC; text-decoration:underline;}

.containerMain_col2_writer{
	font-size:130%;
	color:#2B84A4;
	line-height:150%;
	font-weight:bold;
	text-align:right;
}
.containerMain_col2_content{
	font-size:130%;
	line-height:150%;
	color:#6C6C71;
	margin-top:5px;
	text-align:left;
}
.containerMain_col2_content img{
	float:left;
	margin-right:14px;
	border:1px solid #9C9C9C;
}
.containerMain_col2_title, .containerMain_col3_title{
	font-size:130%;
	color:#533019;
	line-height:130%;
	padding-bottom:10px;
	text-align:right;
}
.containerMain_col2_title img, .containerMain_col3_title img{
	float:left;
}
.containerMain_col2_line, .containerMain_col3_line{
	height:4px;
	background-image:url(../image/jpm_col2_line.gif);
	background-position:right;
	margin-bottom:10px;
}
.containerMain_col2_content A:link{
	color:#3E8BCA;
	text-decoration:none;
}
.containerMain_col2_content A:visited{
	color:#3E8BCA;
	text-decoration:none;
}
.containerMain_col2_content A:hover{
	color:#674A3E;
	text-decoration:underline;
}
.containerMain_col2_content A:active{
	color:#674A3E;
	text-decoration:none;
	font-weight:bold;
}
#containerMain_col3{
	width:325px;
	float:right;
	margin-bottom:10px;
	border:1px solid #996600;
	padding:20px 20px 16px 20px;
}
#containerMain-game{
	width:708px;
	border:2px solid #996701;
	float:left;
	margin-left:4px;
}
#containerMain-DrQ{
	width:736px;
	border:2px solid #996701;
	float:left;
	margin-left:4px;
}
#containerMain-DrQ .intro{
	width:700px;
	font-size:150%;
	line-height:1.5;
	font-weight:bold;
	display:block;
	margin-bottom:15px;
	color:#666666;
	text-align:left;
}
#containerMain-cal{
	width:625px;
	border:2px solid #996701;
	float:left;
	padding:10px;
}
.containerMain-cal_line{
	height:4px;
	background-image:url(../image/jpm_line.gif);
	background-position:right;
	margin-bottom:25px;
}
.containerMain-cal_step{
	padding-left:50px;
}
.containerMain-cal_school td{
	padding-top:10px;
}
.containerMain-cal_bar{
	background-image:url(../image/jpm_cal_bar.jpg);
	background-repeat:repeat-x;
	height:53px;
	text-align:center;
	margin-top:10px;
	padding-top:10px;
}
.containerMain-cal_bar2{
	background-image:url(../image/jpm_cal_bar2.jpg);
	background-repeat:repeat-x;
	height:32px;
	text-align:center;
	margin:5 0 5 0;
	padding-top:5px;
}
.cal a:link{
	color:#0000FF;
	text-decoration:underline;
}
.cal a:visited{
	color:#0000FF;
	text-decoration:underline;
}
.cal a:hover{
	color:#0000FF;
	text-decoration:underline;
}
.cal a:active{
	color:#0000FF;
	text-decoration:underline;
}
.cal2 a:link{
	color:#2B8BBF;
	text-decoration:none;
}
.cal2 a:visited{
	color:#2B8BBF;
	text-decoration:none;
}
.cal2 a:hover{
	color:#2B8BBF;
	text-decoration:underline;
}
.cal2 a:active{
	color:#2B8BBF;
	text-decoration:underline;
}
.cal_box1{
	width:642px;
}
.cal_box1_top{
	background-image:url(../image/jpm_cal_box1_top.jpg);
	height:11px;
}
.cal_box1_bkg{
	background-image:url(../image/jpm_cal_box1_bkg.jpg);
	background-repeat:repeat-x;
	border-left:2px solid #A89A92;
	border-right:2px solid #A89A92;
}
.cal_box1_bottom{
	background-image:url(../image/jpm_cal_box1_bottom.jpg);
	background-repeat:no-repeat;
	height:34px;
	text-align:right;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:8px;
}
.cal_box2{
	width:637px;
}
.cal_box2_top{
	height:30px;
	padding-top:15px;
	padding-left:20px;
	background-image:url(../image/jpm_cal_box2_top.jpg);
	background-repeat:no-repeat;
}
.cal_box2_bkg{
	background-image:url(../image/jpm_cal_box2_bkg.jpg);
	background-repeat:no-repeat;
	height:126px;
}
.bar1{
	height:17px;
	background-color:#6C6C71;
	background-image:url(../image/jpm_bar1.jpg);
	background-repeat: repeat-x;
	text-align:center;
	color:#FFF;
	font-size:130%;
	font-weight:bold;
	padding:3px;
	line-height:130%;
	margin-bottom:1px;
}
#side-col{
	width:180px;
	float:right;
}
#side-col1{
	border:1px solid #996600;
	padding:10px;	
}
#side-col2{
	border:1px solid #996600;
	width:178px;
}
.side-col2_title{
	background-image:url(../image/jpm_col2_bkg.gif);
	background-repeat:repeat-x;
	background-color:#88B4DB;
	height:26px;
	color:#FFF;
	font-weight:bold;
	font-size:150%;
	line-height:150%;
	padding-left:10px;
	padding-top:6px;
}
.side-col2_h1{
	color:#603F2A;
	font-size:110%;
	line-height:120%;
	font-weight:bold;
	margin-bottom:10px;
}
.side-col2_h2{
	color:#603F2A;
	font-size:130%;
	line-height:120%;
	font-weight:bold;
	margin-bottom:5px;
}
.side-col_blog-intro{
	font-size:130%;
	line-height:150%;
	color:#000000;
	margin-top:5px;	
	text-align:left;
}
.side-col_blog-intro img{
	display:block;
	border:1px solid #9C9C9C;
	margin-bottom:10px;	
}
#article_title{
	color:#666666;
	font-size:180%;
	line-height:100%;
	font-weight:bold;
}
#article_title2{
	color:#1F7EAA;
	font-size:130%;
	line-height:100%;
	font-weight:bold;
}
.article_old{
	font-size:130%;
}
.article_old A:link{
	color:#3E8BCA;
	text-decoration:none;
}
.article_old A:visited{
	color:#3E8BCA;
	text-decoration:none;
}
.article_old A:hover{
	color:#674A3E;
	text-decoration:underline;
}
.article_old A:active{
	color:#674A3E;
	text-decoration:underline;
}
#content{
	font-size:150%;
	line-height:150%;
	display:block;
}
.content_title{
	color:#4567C4;
	font-weight:bold;
	font-size:150%;
	line-height:150%;
}
.content_h3{
	color:#4567C4;
	font-weight:bold;
}
.content_date{
	font-size:13px;
	line-height:150%;
	color:#666666;
}
.bar2{
	background-color:#3366FF;
	padding:3px;
	color:#FFF;
	font-weight:bold;
}
.content_intro{
	border-bottom:1px solid #996600;
}
.txt_120{
	font-size:70%;
	line-height:150%;
}
.txt_110{
	font-size:110%;
	line-height:150%;
}
.txt_120a{
	font-size:120%;
	line-height:150%;
}
.txt_130{
	font-size:13px;
	line-height:150%;
	font-family:"細明體", "新細明體";
}
.txt_150{
	font-size:100%;
	line-height:150%;
}
.bold{
	font-weight:bold;
}
.normal{
	font-weight:normal;
}
.orange{color:#FF6600;}
.orange a:link, .orange a:visited, a:link.orange, a:visited.orange{ color:#FF6600; text-decoration:underline;}
.orange a:hover, .orange a:active, a:hover.orange, a:active.orange{ color:#FF6600; text-decoration:underline;}

.brown{
	color:#4C2C19;
}
.grey{
	color:#666;
}
.grey2{
	color:#333;
}
.grey3{color:#999999;}
.grey3 a:link, .grey3 a:visited, a:link.grey3, a:visited.grey3{ color:#999999; text-decoration:underline;}
.grey3 a:hover, .grey3 a:active, a:hover.grey3, a:active.grey3{ color:#999999; text-decoration:underline;}

.blue{color:#2B8BBF;}
.blue a:link, .blue a:visited, a:link.blue, a:visited.blue{ color:#2B8BBF; text-decoration:underline;}
.blue a:hover, .blue a:active, a:hover.blue, a:active.blue{ color:#FF6600; text-decoration:underline;}

.blue1{
	color:#0033CC;
}
.white{
	color:#FFF;
}
.red{
	color:red;
}
.font1{
	font-family:Arial, Helvetica, sans-serif;
}
.margin-T{
	margin-top:10px;
}
.width-1{
	width:225px;
}
.cal_result-box-td{
	border-bottom:1px solid #9E8E84;
	border-right:1px solid #9E8E84;
}
.cal_result-box-td1{
	border-right:1px solid #9E8E84;
}
.cal_result-box-td2{
	border-bottom:1px solid #9E8E84;
}
.final_result{
	border:1px solid #4C2C19;
	background-color:#F0F0F0;
	padding: 5 15 5 10;
}
.chart{
	float:right;
	width:180px;
	background-color:#999999;
}
a.ebooklink1:link{
	color:#666666;
	text-decoration:underline;
}
a.ebooklink1:visited{
	color:#666666;
	text-decoration:underline;
}
a.ebooklink1:hover{
	color:#8B53FF;
	text-decoration:underline;
}
a.ebooklink1:active{
	color:#8B53FF;
	text-decoration:underline;
}
a.ebooklink2:link{
	color:#666666;
	text-decoration:underline;
}
a.ebooklink2:visited{
	color:#666666;
	text-decoration:underline;
}
a.ebooklink2:hover{
	color:#FF6600;
	text-decoration:underline;
}
a.ebooklink2:active{
	color:#FF6600;
	text-decoration:underline;
}
a.ebooklink3:link{
	color:#666666;
	text-decoration:underline;
}
a.ebooklink3:visited{
	color:#666666;
	text-decoration:underline;
}
a.ebooklink3:hover{
	color:#FF5189;
	text-decoration:underline;
}
a.ebooklink3:active{
	color:#FF5189;
	text-decoration:underline;
}
.containerMain_col3_h1{
	padding-left:20px;
	text-align:center;
	font-size:150%;
	line-height:150%;
	color:#4567C4;
	font-weight:bold;
	margin-bottom:15px;
}
.containerMain_col3_content{
	width:130px;
	font-size:130%;
	line-height:150%;
	color:#666;
	float:left;
	text-align:center;
}
.containerMain_col3_content img{
	margin-bottom:5px;
}
.containerMain_col3_content-a{
	width:149px;
	font-size:130%;
	line-height:150%;
	color:#666;
	float:left;
	text-align:center;
	margin-bottom:20px;
}
.containerMain_col3_content-a img{
	margin-bottom:5px;
}
#containerMain_col-full{
	width:740px;
	float:left;
}
.video_menu{
	display:block;
	line-height:110%;
	color:#666;
	padding:8 0 8 0;
	border-bottom: 1px #CCC solid;
}
.video_menu a:link{
	color:#4567C4;
	text-decoration:none;
	margin-bottom:10px;
}
.video_menu a:visited{
	color:#4567C4;
	text-decoration:none;
}
.video_menu a:hover{
	color:#513326;
	text-decoration:underline;
}
.video_menu a:active{
	color:#513326;
	text-decoration:underline;
}
.video_menu img{
	float:right;
	margin-left:5px;
}
.padding_bottom{
	padding-bottom:10px;
}
input.disable{
	font-size: 15px; 
	background-color:#ffffff; 
	border:1px solid #7F9DB9; 
	width:102px; 
	height:20px; 
	color:#FF9900; 
	font-weight: bold; 
	text-align: center;
}
#video_belt{
	width:740px;
	float:left;
	margin:10px 0;
	height:100px;
}
.new-blog{
	width:550px;
	float:left;
	margin:0 0 5px 0;
	height:242px;
	background:url(../image/jpm_new-blog_bkg.jpg) no-repeat left top;
}
.new-blog .container{
	height:212px;
	padding:15px;
	text-align: left;
}
.new-blog .container .line{
	background:url(../image/jpm_new-blog_line.gif) no-repeat left bottom;
	height:7px;
}
.new-blog .container .content{
	font-size:130%;
	line-height:150%;
	color:#525252;
	margin-top:10px;
}
.new-blog .container .content h1{
	color:#461F0C;
	font-size:160%;
	margin-bottom:5px;
}
.new-blog .container .content .mainphoto{
	float:left;
	margin-right:14px;
	border:1px solid #88B4DB;
}
.new-blog .container .content .btn{
	float:right;
	margin-top:5px;
}
#ebook{
	width:180px;
	float:right;
}
.fund-box_td{
	padding:2px 6px;
}
.menu{
	width:148px;
	margin:5px auto 0 auto;
	height:22px;
}
.menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:center;
	float:left;
}
.menu li {
	width:70px;
	height:22px;
	float:left;
	margin-right:4px;
}
.DrQ_bar{
	width:705px;
	height:60px;
	background:url(../image/jpm_DrQ_bkg2.jpg) repeat-x top left;
	display:block;
	position:relative;
}
.DrQ_bar .text{
	padding:8px 0 8px 10px;
	font-size:150%;
	line-height:1.5;
	color:#4C2C19;
	font-weight:bold;
	text-align:left;
	float:left;
	width:570px;
}
.DrQ_bar .date{
	font-size:150%;
	line-height:1.5;
	color:#666666;
	position:absolute;
	top:10px;	
	right:10px;
}
.DrQ_form{
	background-color:#F7F7F7;
	padding:13px;
}
.DrQ_form textarea{
	width:100%;
} 
.DrQ_form .textwrapper{
}
.DrQ_form input{
	width:100%;
} 
.DrQ_form .textwrapper{
}
.DrQ_form .text{
	font-size:150%;
	color:#666;
	line-height:150%;
	text-align:left;
}

/* jFlow css start here*/
#jFlow_wrapper{
	position:relative;
	width:740px;
	margin:10px 0;
	background-image:url(../image/jpm_jflow_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}
/* Slides */
#myController{
	position:absolute;
	right:25px;
	top:10px;
	z-index: 10;
}

#myController span{
	background-image:url(../image/jpm_jflow_normal.gif);
	background-repeat:no-repeat;
	width:6px;
	height:6px;
	display:block;
	cursor:pointer;
	float:left;
	margin:2px;
}

#myController span.jFlowSelected {
	background-image:url(../image/jpm_jflow_selected.gif);
	background-repeat:no-repeat;
	display:block;
	width:6px;
	height:6px;
}

#slideswrapper {
	position:relative;
	float:left;
}

#jFlowSlide{
	margin-top:0px;
	padding-left:0px;
}

.jFlowPrev, .jFlowNext{
	cursor:pointer;
	position:absolute;
}
.jFlowPrev {left:669px; top:158px;}
.jFlowNext {left:700px; top:158px;}

.box_wrapper{
	width:740px;
	height:182px;
	overflow:hidden;
	position:relative;
}

.box_content{
	width:710px;
	height:147px;
	float:left;
	padding-top:35px;
	margin:0 0 0 18px;
	_margin:0 0 0 8px;
}

.box_content li img{
	float:left;
	border:none;
	margin-bottom:3px;
}

.box_content li{
	list-style:none;
	width:162px;
	float:left;
	margin:0 7px;
	_margin:0 6px;
	line-height:150%;
	font-weight:normal;
}

.box_content h5{
	font-size:12px;
	text-align:center;
	font-weight:normal;
	color:#3E8BCA;
}

.box_content h5 a:link, .box_content h5 a:visited, a:link.box_content h5, a:visited.box_content h5{ color:#3E8BCA; text-decoration:none;}
.box_content h5 a:hover, .box_content h5 a:active, a:hover.box_content h5, a:active.box_content h5{ color:#3E8BCA; text-decoration:underline;}

/* jFlow css end here*/


/* Blog css START here */

#container {
	margin: auto;
	width: 920px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.clearfloat {
	clear: both;
}
.jpmBlog-sidebox {
	width: 288px;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}
.jpmBlog-mainbox {
	float: right;
	width: 616px;
	border: 1px solid #996600;
	background-color: #FFFFFF;
}
.jpmBlog-mainboxBar {
	background-image: url(../image/jpBlog-mainBox_bar.gif);
	background-position: left top;
	height: 15px;
	background-repeat: repeat-x;
}
.jpmBlog-mainboxBar2 {
	background-image: url(../image/jpBlog-mainBox_bar2.gif);
	background-position: left bottom;
	height: 15px;
	background-repeat: repeat-x;
}
.jpmBlog-mainbox_head {
	margin-right: 15px;
	margin-left: 15px;
}

.jpmBlog-mainbox_date {
	font-size: 13px;
	color: #666666;
}
.jpmBlog-mainbox_date {
	color: #666666;
	font-size: 13px;
}
.jpmBlog-mainbox_content {
	margin: 30px;
	line-height: 165%;
	clear: both;
	font-size: 80%;
}
.jpmBlog-mainbox_content h1 {
	color: #4BB0CC;
	font-size: 20px;
	font-weight: bold;
}

.jpmBlog-sidebox1_content {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 150%;
	color: #333333;
}
.jpmBlog-sidebox1_content img {
	float: left;
	border: 1px solid #999999;
}
.jpmBlog-sidebox1_content div {
	float: left;
	margin-left: 10px;
	width: 150px;
	font-size: 12px;
}
.jpmBlog-sidebox2_content {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 150%;
	color: #333333;
}
.jpmBlog-sidebox1_BG {
	background-image: url(../image/jpBlog-sideBox_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 10px;
	font-size: 80%;
	line-height: 135%;
	margin-bottom: 20px;
	clear: both;
	border: 1px solid #CCCCCC;
}
.jpmBlog-sidebox2_BG {
	background-image: url(../image/jpBlog-sideBox_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 10px;
	font-size: 80%;
	line-height: 135%;
	margin-bottom: 20px;
	clear: both;
	border: 1px solid #CCCCCC;
}

.jpmBlog-sidebox1_T {
	background-image: url(../image/jpBlog-sideBoxT_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	height: 25px;
	border: 1px solid #CCCCCC;
	font-size: 15px;
	font-weight: bold;
	color: #287D96;
	line-height: 25px;
}

.jpmBlog-sidebox2_T {
	background-image: url(../image/jpBlog-sideBoxT_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	height: 25px;
	border: 1px solid #CCCCCC;
	font-size: 15px;
	font-weight: bold;
	color: #287D96;
	line-height: 25px;
}
.jpmBlog-sidebox1_content span {
	color: #2B84A4;
	font-size: 13px;
	font-weight: normal;
	display: block;
	margin-bottom: 5px;
}
.jpmBlog-sidebox2_content div {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AADAE8;
	padding-top: 10px;
	padding-bottom: 6px;
}
.jpmBlog-sidebox2_content span {
	font-size: 12px;
	color: #666666;
	padding-left: 15px;
}
.jpmBlog-sidebox2_content a:link {
font-weight: bold;
color: #4BB0CC;
text-decoration: none;
}
.jpmBlog-sidebox2_content a:visited {
font-weight: bold;
color: #4BB0CC;
text-decoration: none;
}
.jpmBlog-sidebox2_content a:hover {
font-weight: bold;
color: #2B84A4;
text-decoration: none;
}

/* Blog css END here */