@charset "UTF-8";

/* Index =====================================================================*/
.wrapper #mainCol #First #Index #H1Tit{
	margin-bottom:30px;
	background:#fff9ed;
}

.wrapper #mainCol #First #Index #H1Tit .tit{
	float:left;
	width:430px;
	margin-left:20px;
	margin-top:45px;
}

.wrapper #mainCol #First #Index #H1Tit h1{
	font-weight:bold;
}

.wrapper #mainCol #First #Index #H1Tit h1 .main{
	font-size:1.833em;
	line-height:1.272;
}

.wrapper #mainCol #First #Index #H1Tit h1 .sub{
	font-size:1.666em;
	color:#a82a00;
}

.wrapper #mainCol #First #Index #H1Tit h1:after{
	content:"";
	display:block;
	height:5px;
	margin-top:10px;
	background:linear-gradient(to right,#140079 0%,#637bd1 100%);
}

.wrapper #mainCol #First #Index #H1Tit .img{
	float:right;
	width:450px;
}

/*----------------------------------------------------------------------------*/

.wrapper #mainCol #Index #sect1 h2{
	margin-bottom:15px;
	padding:1px 15px 0;
	font-weight:bold;
	font-size:1.166em;
	color:#fff;
	background:#f97b33;
}

.wrapper #mainCol #Index #sect1 .h2Txt1{
	margin:0 5px 10px;
}

.wrapper #mainCol #Index #sect1 .h2Txt2{
	margin:0 5px 20px;
}

.wrapper #mainCol #Index #sect1 .h2Eg{
	margin-bottom:30px;
	padding:15px 15px 20px;
	background:#f2f2f2;
}

.wrapper #mainCol #Index #sect1 .h2Eg .tbl{
	display:table;
 *overflow: hidden;
	margin:0 auto;
}

.wrapper #mainCol #Index #sect1 .h2Eg dl{
	display:table-cell;
 *float: left;
	padding-right:30px;
	font-weight:bold;
	vertical-align:middle;
}

.wrapper #mainCol #Index #sect1 .h2Eg dt{
	margin-bottom:15px;
	font-size:1.25em;
	line-height:1.4;
	color:#a57606;
}

.wrapper #mainCol #Index #sect1 .h2Eg dd p{
	line-height:1.75;
}

.wrapper #mainCol #Index #sect1 .h2Eg .img{
	display:table-cell;
 *float: left;
	padding-top:10px;
	vertical-align:middle;
}

/*------------------------------------*/
.wrapper #mainCol #Index #sect1 .section{
	margin:0 5px 30px;
}

.wrapper #mainCol #Index #sect1 .section h3{
	margin-bottom:15px;
	border-left:solid 5px #a82a00;
	padding:0 0 0 10px;
	font-weight:bold;
	font-size:1.083em;
	color:#a82a00;
}

.wrapper #mainCol #Index #sect1 .section h3 span{
	display:block;
	width:100%;
	border-bottom:solid 2px #a82a00;
}

/*------------------------------------*/
.wrapper #mainCol #Index #sect1 .section .s1List{
	margin-bottom:20px;
}

.wrapper #mainCol #Index #sect1 .section .s1List .note{
	margin-left:25px;
}

.wrapper #mainCol #Index #sect1 .section .s1Btn{
	width:400px;
	margin:0 auto;
}

.wrapper #mainCol #Index #sect1 .section .s1Btn .btnGray{
	padding:11px 10px;
	font-size:1.083em;
}

.wrapper #mainCol #Index #sect1 .section .s1Btn .btnGray .cont .ico{
	padding-right:10px;
	padding-top:2px;
}

/*------------------------------------*/
.wrapper #mainCol #Index #sect1 .section .fund{
	margin:20px 0 0 !important;
}

.wrapper #mainCol #Index #sect1 .section .fund h4{
	width:540px;
	margin:0 auto 15px;
	border-radius:20px;
	padding:7px 10px;
	font-weight:bold;
	font-size:1.333em;
	line-height:125%;
	text-align:center;
	color:#fff;
	background:#367dD0;
}

.wrapper #mainCol #Index #sect1 .section .fund .charm{
	display:table;
 *overflow: hidden;
	padding:20px 15px;
	background:#deebfa;
}

.wrapper #mainCol #Index #sect1 .section .fund .charm .section{
	display:table-cell;
 *float: left;
	width:425px;
	padding-right:20px;
}

.wrapper #mainCol #Index #sect1 .section .fund .charm h5{
	padding:5px 10px 4px;
	font-weight:bold;
	font-size:1.333em;
	line-height:125%;
	text-align:center;
	color:#fff;
	background:#bf8d4f;
}

.wrapper #mainCol #Index #sect1 .section .fund .charm ol{
	margin:12px 0;
	font-weight:bold;
}

.wrapper #mainCol #Index #sect1 .section .fund .charm .FBtn{
	width:340px;
}

.wrapper #mainCol #Index #sect1 .section .fund .charm .FBtn .btnGray{
	padding:11px 10px;
	font-size:1.083em;
}

.wrapper #mainCol #Index #sect1 .section .fund .charm .FBtn .btnGray .cont .ico{
	padding-right:10px;
	padding-top:2px;
}

.wrapper #mainCol #Index #sect1 .section .fund .FBal{
	display:table-cell;
 *float: left;
	vertical-align:bottom;
}

/*----------------------------------------------------------------------------*/

.wrapper #mainCol #First #Index #LNavG{
	margin-right:-16px;
	margin-bottom:20px;
}

.wrapper #mainCol #First #Index #LNavG .btn{
	float:left;
	width:296px;
	position:relative;
	margin-right:16px;
	margin-bottom:10px;
}

/*------------------------------------*/
.wrapper #mainCol #First #Index #LNavG .btn a{
	display:block;
	border:solid 1px #ffbc9b;
	padding:12px 9px 12px 14px;
	font-weight:bold;
	text-decoration:none;
	color:#555;
 background: #fff2d7;
	background:linear-gradient(to bottom,#fffefc 0%,#fff2d7 100%);
 *height: 120px;
}

.wrapper #mainCol #First #Index #LNavG .btn a:hover{
	background:linear-gradient(to bottom,#fff2d7 0%,#fffefc 100%);
}
.wrapper #mainCol #First #Index #LNavG .btn a:visited{
	color:#555!important;
}

.wrapper #mainCol #First #Index #LNavG .btn a .cont{
	display:table;
 *overflow: hidden;
}

.wrapper #mainCol #First #Index #LNavG .btn a .cont .ico{
	display:table-cell;
	padding-right:10px;
	vertical-align:middle;
 *float: left;
 *margin-top: 50px;
}

.wrapper #mainCol #First #Index #LNavG .btn a .cont .num{
	display:table-cell;
	height:115px;
	padding-right:7px;
	font-size:4em;
	vertical-align:middle;
	color:#a82a00;
  *float: left;
  *margin-top: 20px;
  *padding: 0 7px 4px 0;
}
.wrapper #mainCol #First #Index #LNavG .btn a .cont .num:visited{
	color:#f67c3f!important;
}

.wrapper #mainCol #First #Index #LNavG .btn a .cont .txt{
	display:table-cell;
	width:100%;
	line-height:175%;
 *line-height:normal;
	vertical-align:middle;
 *float: left;
 *width: 65%;
}

.wrapper #mainCol #First #Index #LNavG .btn a .cont .main{
	display:block;
}

.wrapper #mainCol #First #Index #LNavG .btn a .cont .sub{
	display:block;
	color:#a82a00;
}
.wrapper #mainCol #First #Index #LNavG .btn a .cont .sub:visited{
	color:#f65200!important;
}

.wrapper #mainCol #First #Index #LNavG .btn a .cont .big{
	font-size:1.333em;
	line-height:1.375;
}

/*------------------------------------*/
.wrapper #mainCol #First #Index #LNavG #LNavG04 .main,
.wrapper #mainCol #First #Index #LNavG #LNavG04 .sub{
	display:inline;
}

.wrapper #mainCol #First #Index #LNavG #LNavG05 .sub{
	padding-right:73px;
}

.wrapper #mainCol #First #Index #LNavG #LNavG05 .img{
	position:absolute;
	right:10px;
	width: auto!important;
}
/*---/first/guide/course/index.html------20170303---------------*/
.wrapper #mainCol #First #Index #sect1 h2{
	margin-bottom:15px;
	padding:1px 15px 0;
	font-weight:bold;
	font-size:1.166em;
	color:#fff;
	background:#a82a00;
}

.wrapper #mainCol #First #Index #sect1 .h2Txt{
	margin:0 5px 15px;
}

.wrapper #mainCol #First #Index #sect1 .section{
	margin-bottom:30px;
}

.wrapper #mainCol #First #Index #sect1 .btn{
	width:370px;
	margin:0 auto;
}

.wrapper #mainCol #First #Index #sect1 .btn .btnGray{
	padding:15px;
	font-size:1.666em;
}

.wrapper #mainCol #First #Index #sect1 .btn .btnGray .cont .ico{
	padding-right:10px;
}

.wrapper #mainCol #First #Index #sect1 .btn .btnGray .cont .txt{
	line-height:1.3;
}/*------------------------------------*/
.wrapper #mainCol #First #Index #sect1 #STbl{
	margin-bottom:20px;
}

.wrapper #mainCol #First #Index #sect1 #STbl,
.wrapper #mainCol #First #Index #sect1 #STbl th,
.wrapper #mainCol #First #Index #sect1 #STbl td{
	border:solid 1px #ccc;
}

.wrapper #mainCol #First #Index #sect1 #STbl th,
.wrapper #mainCol #First #Index #sect1 #STbl td{
	padding:15px;
	vertical-align:middle;
}

.wrapper #mainCol #First #Index #sect1 #STbl th{
	text-align:center;
	white-space:nowrap;
	background:#f6f6f6;
}

.wrapper #mainCol #First #Index #sect1 #STbl td{
	width:100%;
}

.wrapper #mainCol #First #Index #sect1 #STbl #STth0{
	padding:5px 15px;
	font-size:1.666em;
	line-height:1.3em;
	text-align:center;
	white-space:nowrap;
	color:#fff;
	background:#af011c;
}

.wrapper #mainCol #First #Index #sect1 #STbl #STth0 img{
	margin-right:10px;
}

/*------------------------------------*/
.wrapper #mainCol #First #Index #sect1 #DTbl{
	margin-bottom:20px;
}

.wrapper #mainCol #First #Index #sect1 #DTbl,
.wrapper #mainCol #First #Index #sect1 #DTbl th,
.wrapper #mainCol #First #Index #sect1 #DTbl td{
	border:solid 1px #ccc;
}

.wrapper #mainCol #First #Index #sect1 #DTbl th,
.wrapper #mainCol #First #Index #sect1 #DTbl td{
	padding:15px;
	vertical-align:middle;
}

.wrapper #mainCol #First #Index #sect1 #DTbl th{
	text-align:center;
	white-space:nowrap;
	background:#f6f6f6;
}

.wrapper #mainCol #First #Index #sect1 #DTbl td{
	width:100%;
}

.wrapper #mainCol #First #Index #sect1 #DTbl #DTth0{
	padding:5px 15px;
	font-size:1.666em;
	line-height:1.3em;
	text-align:center;
	white-space:nowrap;
	color:#fff;
	background:#003a95;
}

.wrapper #mainCol #First #Index #sect1 #DTbl #DTth0 img{
	margin-right:10px;
}

.wrapper #mainCol .txtBlue{
	color:#004e9e !important;
}

/*-----------------2021/11/1更新-------------------*/

.blueBtnContainer {
	background-color: #fff;
  }
  
  .blueBtnContainer>.wrapper_i {
	max-width: 800px;
	padding: 40px 145px;
	border: 2px solid #003490;
	text-align: center;
  }
  
  .blueBtnContainer>.wrapper_i>.text {
	font-weight: 700;
	color: #003490;
	font-size: 1.7em;
	margin-bottom: 20px;
  }
  
  .button-common.-gradiate {
	line-height: 60px;
	border: none;
	background-size: 100% 200%;
	background: linear-gradient(
  90deg
  , #003490, #018cd9);
	color: #fff;
  }
  
  .button-common.-center {
	margin: 0 auto;
  }
  
  .button-common {
	width: 320px;
	height: 60px;
	border-radius: 5px;
	transition: .5s;
	border: 4px solid #fff;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 57px;
	position: relative;
  }
  
  .wrapper #mainCol .blueBtnContainer>.wrapper_i>.button-common>.text {
	color: #fff!important;
	text-decoration: none;
  }
  
  @media (min-width:770px) {
	.blueBtnContainer>.wrapper_i {
	  margin: 0 auto;
	}
  }
  
  @media (max-width:770px) {
	.blueBtnContainer>.wrapper_i {
	  padding: 40px 30px
	}
  }
  
  .button-common:hover {
	transform: scale(1.1);
	letter-spacing: 1px
  }
  
  .button-common.-gradiate:hover {
	transform: none;
	box-shadow: 5px 5px 15px 0 rgba(0, 58, 149, .3);
	background: linear-gradient(90deg, #018cd9, #003490)
  }

/*---/first/guide/mrf/index.html---20170303---*/
.wrapper #mainCol #First #Index #sect1 .section .s1Txt{
	margin:0 0 15px;
}

.wrapper #mainCol #First #Index #sect1 .section .s2Txt{
	margin:0 0 15px;
}

.wrapper #mainCol #First #Index #sect1 .section .s2Btn{
	width:482px;
	margin:0 auto;
}

.wrapper #mainCol #First #Index #sect1 .section .s2Btn .btnGray{
	padding:11px 10px;
	font-size:1.083em;
}

.wrapper #mainCol #First #Index #sect1 .section .s2Btn .btnGray .cont .ico{
	padding-right:10px;
	padding-top:2px;
}

.wrapper #mainCol #First #Index #sect1 .section .s2Btn .btn01{
	float:left;
	width:230px;
}

.wrapper #mainCol #First #Index #sect1 .section .s2Btn .btn02{
	float:right;
	width:230px;
}


/*------------------------------------*/
/*----/first/guide/nisa/index.html------------*/

.wrapper #mainCol #First #H1TitG h1 .tbl .txt{
	display:table-cell;
	vertical-align:middle;
}
.wrapper #mainCol #First #Index #sect2 h2{
	margin-bottom:15px;
	padding:1px 15px 0;
	font-weight:bold;
	font-size:1.166em;
	color:#fff;
	background:#a82a00;
}

.wrapper #mainCol #First #Index #sect2 .h2Txt{
	margin:0 5px 15px;
}

.wrapper #mainCol #First #Index #sect2 .s2Img{
	margin-left:-5px;
	margin-bottom:15px;
}

.wrapper #mainCol #First #Index #sect2 .s2Txt{
	margin:0 5px 25px;
}

/*------------------------------------*/
.wrapper #mainCol #First #Index #sect2 .section{
	margin:0 5px 30px;
}

.wrapper #mainCol #First #Index #sect2 .section h3{
	margin-bottom:15px;
	border-left:solid 5px #a82a00;
	padding:0 0 0 10px;
	font-weight:bold;
	font-size:1.083em;
	color:#a82a00;
}

.wrapper #mainCol #First #Index #sect2 .section h3 span{
	display:block;
	width:100%;
	border-bottom:solid 2px #a82a00;
}

/*------------------------------------*/
.wrapper #mainCol #First #Index #sect2 .section .s2List{
	margin-bottom:20px;
}

.wrapper #mainCol #First #Index #sect2 .section .s2Btn{
	width:400px;
	margin:0 auto;
}

.wrapper #mainCol #First #Index #sect2 .section .s2Btn .btnGray{
	padding:11px 10px;
	font-size:1.083em;
}

.wrapper #mainCol #First #Index #sect2 .section .s2Btn .btnGray .cont .ico{
	padding-right:10px;
	padding-top:2px;
}

/*------------------------------------*/
.wrapper #mainCol #First #Index #sect2 .section .fund{
	margin:20px 0 0 !important;
}

.wrapper #mainCol #First #Index #sect2 .section .fund h4{
	width:540px;
	margin:0 auto 15px;
	border-radius:20px;
	padding:7px 10px;
	font-weight:bold;
	font-size:1.333em;
	line-height:125%;
	text-align:center;
	color:#fff;
	background:#367dD0;
}

.wrapper #mainCol #First #Index #sect2 .section .fund .charm{
	display:table;
	padding:20px 15px;
	background:#deebfa;
}

.wrapper #mainCol #First #Index #sect2 .section .fund .charm .section{
	display:table-cell;
	width:425px;
	padding-right:20px;
}

.wrapper #mainCol #First #Index #sect2 .section .fund .charm h5{
	padding:5px 10px 4px;
	font-weight:bold;
	font-size:1.333em;
	line-height:125%;
	text-align:center;
	color:#fff;
	background:#bf8d4f;
}

.wrapper #mainCol #First #Index #sect2 .section .fund .charm ol{
	margin:12px 0;
	font-weight:bold;
}

.wrapper #mainCol #First #Index #sect2 .section .fund .charm .FBtn{
	width:340px;
}

.wrapper #mainCol #First #Index #sect2 .section .fund .charm .FBtn .btnGray{
	padding:11px 10px;
	font-size:1.083em;
}

.wrapper #mainCol #First #Index #sect2 .section .fund .charm .FBtn .btnGray .cont .ico{
	padding-right:10px;
	padding-top:2px;
}

.wrapper #mainCol #First #Index #sect2 .section .fund .FBal{
	display:table-cell;
	vertical-align:bottom;
}

/*---/first/guide/specific/index.html-------20170303----*/
.wrapper #mainCol #First #Index #sect1 .section .s2List{
	list-style-type:disc;
	margin-left:15px;
	margin-top:7px;
}
.wrapper #mainCol #First #Index #sect1 .section .s1Img{
	margin-left:-5px;
}

/*-------/first/guide/total/index.html---------20170303-----*/
.wrapper #mainCol #First #Index #sect2 .section .h3Txt{
	margin:0 0 15px;
}

.wrapper #mainCol #First #Index #sect2 .section .s2s3Img{
	margin-left:-5px;
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.wrapper #mainCol #First #Index .guide{
	margin-bottom:30px;
	padding:15px;
	background:#fff3da;
}

.wrapper #mainCol #First #Index .guide .cont .CLeft{
	float:left;
	width:435px;
}

.wrapper #mainCol #First #Index .guide .cont .CLeft .btn01{
	font-size:1.416em;
}

.wrapper #mainCol #First #Index .guide .cont .CLeft .btn01 .txt{
	padding:33px 0 33px 5px;
}

.wrapper #mainCol #First #Index .guide .cont .CLeft .btn01 .txt .txt01{
	display:block;
	color:#f77b3e;
}

.wrapper #mainCol #First #Index .guide .cont .CLeft .btn01 .txt .txt02{
	display:block;
}

.wrapper #mainCol #First #Index .guide .cont .CRight{
	float:right;
	width:435px;
}

.wrapper #mainCol #First #Index .guide .cont .CRight ul{
	margin-top:0;
	font-weight:bold;
	font-size:1.166em;
	color:#1a3972;
}

.wrapper #mainCol #First #Index .guide .cont .CRight li{
	margin-bottom:2px;
}

/*----------------------------------------------------------------------------*/
@media screen and (max-width: 767px){
	.wrapper #mainCol #First #Index #H1Tit .tit{
		float:none;
		width:100%;
		margin-left:0;
		margin-top:0;
	}
	.wrapper #mainCol #First #Index #H1Tit .img{
		float:none;
		width:100%;
	}
	.wrapper #mainCol #First #Index #LNavG{
		margin-right:0;
	}
	.wrapper #mainCol #First #Index #LNavG .btn{
		float:none;
		width:100%;
		margin-right:0;
	}
	.wrapper #mainCol #First #BNavG .tbl .btn02{
		margin-top:2em;
	}
    .wrapper #mainCol #First #Index #sect1 .btn{
		width:100%;
    }
    .wrapper #mainCol #First #Index #LNavG .btn a .cont .ico img{
        max-width: none;
    }
/*--------/first/guide/course/index.html------20170303-----*/
    
    .wrapper #mainCol #First #Index #sect1 .section .s2Btn{
		width:100%;
	}
	.wrapper #mainCol #First #Index #sect1 .section .s2Btn .btn01,
	.wrapper #mainCol #First #Index #sect1 .section .s2Btn .btn02{
		display:block;
		float:none;
		width:100%;
	}
	.wrapper #mainCol #First #Index #sect1 .section .s2Btn .btn02{
		margin-top:1em;
	}
	.wrapper #mainCol #First #BNavG .tbl .btn02{
		margin-top:2em;
	}

	/*-----------------2021/11/1更新-------------------*/
	.button-common {
		width: auto;
	  }
	
	.blueBtnContainer>.wrapper_i>.text {
		font-size: 1.5em;
	  }
	  
/*---/first/guide/nisa/index.html--------------20170303-----*/
    .wrapper #mainCol #First #Index #sect2 .section .fund h4{
		width:96%;
		padding:2%;
	}
	.wrapper #mainCol #First #Index #sect2 .section .fund .FBal{
		display: block;
	}
	.wrapper #mainCol #First #Index #sect2 .section .s2Btn,
	.wrapper #mainCol #First #Index #sect2 .section .fund .charm .FBtn{
		width:100%;
	}
	.wrapper #mainCol #Index #sect2 .h2Eg .tbl,
	.wrapper #mainCol #First #Index #sect2 .section .fund .charm{
		display:block;
	}
	.wrapper #mainCol #First #Index #sect2 .section .fund .charm .section{
		display:block;
		width:100%;
		padding-right:0;
		margin:0 0 1em 0;
	}
	.wrapper #mainCol #Index #sect2 .h2Eg dl{
		display:block;
		padding-right:0;
	}
	.wrapper #mainCol #Index #sect2 .h2Eg .img{
		display:block;
		text-align:center;
	}
	.wrapper #mainCol #First #BNavG .tbl .btn02{
		margin-top:2em;
	}
    /*----------------------------------------------------------------------------*/
.wrapper #mainCol #First #Index #LNavG .btn a .cont .num{
	*padding-bottom:20px;
}
	.wrapper #mainCol #First #Index .guide .cont .CLeft,
	.wrapper #mainCol #First #Index .guide .cont .CRight{
		float:none;
		width:100%;
	}
	.wrapper #mainCol #First #Index .guide .cont .CRight{
		margin-top:1em;
	}
	.wrapper #mainCol #First #Index .contact{
		margin:0;
	}
	.wrapper #mainCol #First .btnRed .cont .ico img,
	.wrapper #mainCol #First .btnGray .cont .ico img{
		max-width:none;
	}
	.wrapper #mainCol #First .btnGray{
		font-size:0.9em;
	}
	.wrapper #mainCol #First #Index .contact .tel{
		font-size:2em;
	}
	.wrapper #mainCol #First #Index .contact .time{
		font-size:1em;
	}
    /*----------------------------------------------------------------------------*/    
    .wrapper #mainCol #Index #sect1 .section .fund h4{
		width:96%;
		padding:2%;
	}
	.wrapper #mainCol #Index #sect1 .section .s1Btn,
	.wrapper #mainCol #Index #sect1 .section .fund .charm .FBtn{
		width:100%;
	}
	.wrapper #mainCol #Index #sect1 .h2Eg .tbl,
	.wrapper #mainCol #Index #sect1 .section .fund .charm{
		display:block;
	}
	.wrapper #mainCol #Index #sect1 .section .fund .charm .section{
		display:block;
		width:100%;
		padding-right:0;
		margin:0 0 1em 0;
	}
	.wrapper #mainCol #Index #sect1 .h2Eg dl{
		display:block;
		padding-right:0;
	}
	.wrapper #mainCol #Index #sect1 .h2Eg .img{
		display:block;
		text-align:center;
	}
	.wrapper #mainCol #First #BNavG .tbl .btn02{
		margin-top:2em;
	}
	.wrapper #mainCol #Index #sect1 .section .fund .FBal{
		display:block;
	}
	.wrapper #mainCol #First #BNavG .tbl .btnRed .cont .ico img{
		max-width:none;
	}

}