/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/

/*----- top -----*/
.top_bg {background-image: url('../img/pg1_bgt_01.png'); height: 90px;}
.top_small_title {color: #13108d;}
.top_big_title {color: #0f5f42;}

/*----- submenu -----*/
.submenu ul {}
.submenu_top ul li a {color: darkcyan;}
.submenu_bottom ul li a {color: #000000; font-weight:bold;}

.submenu_top ul li a:hover {display:block; opacity:1; position:relative; transform:scale(1.2); transition:0.2s ease;}
.submenu_bottom ul li a:hover {font-weight:bold; color: #13108d; display:block; opacity:1; position:relative; transform:scale(1.2); transition:0.2s ease;}

.submenu_top{background-image: url('../img/pg1_bgt_02.png');}
.submenu_bottom{background-image: url('../img/pg1_bgt_03.png');}
.submenu_top ul li a{color:#ffffff;} 

	/*----- menu_popup -----*/
	.modal-title {color: #225b62 !important;}
	.badge {background-color: #2348b1 !important;}

	.modal-body .current {color: #5e51a3 !important; font-weight: bold !important;}

	.m_iframe {border: 1px solid #a1a1a1; background-color: #dff2f0; color: #225b62;}

	/*----- footer -----*/
	.bottom_right_wrap {}
		.cur_pg {color: #192d85;}
		.all_pg {color: #33a4f3;}
		a.left_arrow {background: url('../img/left_arrow.png') no-repeat;}
		a.right_arrow {background: url('../img/right_arrow.png') no-repeat;}
		a:hover.left_arrow {background: url('../img/left_arrow_over.png') no-repeat;}
		a:hover.right_arrow {background: url('../img/right_arrow_over.png') no-repeat;}

	/*----- main start button -----*/
		a.start_btn {background: url('../img/start_btn.png') no-repeat;}
		a:hover.start_btn {background: url('../img/start_btn_over.png') no-repeat;}
	.step_bt button:hover {border: 1px solid #46582b; background-color: #789946; color: #fff;}


/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/

/*----- content -----*/

.bt_icon11{padding:5px;}

.bt_deco1:link{color: white; text-decoration: none; position: relative; top: -240px; left:2px; width:402px; height:78px;}
/*.bt_deco1:visited {color: white; text-decoration: none; position: relative; top: 10px; left:300px;}*/
.bt_deco1:hover {color: white; text-decoration: none; position: relative; top: -240px; left:2px; width:402px; height:78px;}
/*.bt_deco1:active {color: white; text-decoration: none; position: relative; top: 10px; left:300px;}*/

.bt_deco11:link {text-decoration: none; position: relative; top: -135px; left:200px; background: url(../img/view08.png) no-repeat; width: 120px; height: 44px;}
.bt_deco11:visited {text-decoration: none; position: relative; top: -135px;left:200px; background: url(../img/view08.png) no-repeat; width: 120px; height: 44px;}
.bt_deco11:hover {text-decoration: none; position: relative; top: -135px; left:200px; background: url(../img/view08.png) no-repeat; width: 120px; height: 44px;}
.bt_deco11:active {text-decoration: none; position: relative; top: -135px; left:200px;background: url(../img/view08.png) no-repeat; width: 120px; height: 44px;}	

.bt_deco10:link {text-decoration: none; position: relative; top: -135px; left:-30px; background: url(../img/view09.png) no-repeat; width: 120px; height: 44px;}
.bt_deco10:visited {text-decoration: none; position: relative; top: -135px; left:-30px; background: url(../img/view09.png) no-repeat; width: 120px; height: 44px;}
.bt_deco10:hover {text-decoration: none; position: relative; top: -135px; left:-30px; background: url(../img/view09.png) no-repeat; width: 120px; height: 44px;}
.bt_deco10:active {text-decoration: none; position: relative; top: -135px; left:-30px; background: url(../img/view09.png) no-repeat; width: 120px; height: 44px;}

.bt_deco19:link {text-decoration: none; position: relative; top: -135px; left:200px; background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}
.bt_deco19:visited {text-decoration: none; position: relative; top: -135px;left:200px; background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}
.bt_deco19:hover {text-decoration: none; position: relative; top: -135px; left:200px; background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}
.bt_deco19:active {text-decoration: none; position: relative; top: -135px; left:200px;background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}	

.bt_deco9:link {text-decoration: none; position: relative; top: -135px; left:-30px; background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}
.bt_deco9:visited {text-decoration: none; position: relative; top: -135px; left:-30px; background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}
.bt_deco9:hover {text-decoration: none; position: relative; top: -135px; left:-30px; background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}
.bt_deco9:active {text-decoration: none; position: relative; top: -135px; left:-30px; background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}	

.bt_deco8:link {text-decoration: none; position: relative; top: -135px;background: url(../img/save07.png) no-repeat; width: 120px; height: 44px;border:1px solid;}
.bt_deco8:visited {text-decoration: none; position: relative; top: -135px;background: url(../img/save07.png) no-repeat; width: 120px; height: 44px;border:1px solid;}
.bt_deco8:hover {text-decoration: none; position: relative; top: -135px;background: url(../img/save07.png) no-repeat; width: 120px; height: 44px;border:1px solid;}
.bt_deco8:active {text-decoration: none; position: relative; top: -135px;background: url(../img/save07.png) no-repeat; width: 120px; height: 44px;border:1px solid;}

/*.bt_deco4:link{}
.bt_deco4:visited {color: white; text-decoration: none; position: relative; top: 10px; left:300px;}
.bt_deco4:hover{}
.bt_deco4:active {color: white; text-decoration: none; position: relative; top: 10px; left:300px;}*/

.bt_deco5:link {color: white; text-decoration: none; position: relative; top: 10px; left:300px;}
.bt_deco5:visited {color: white; text-decoration: none; position: relative; top: 10px; left:300px;}
.bt_deco5:hover {background-color: white; color: white; text-decoration: none; position: relative; top: 10px; left:300px;}
.bt_deco5:active {color: white; text-decoration: none; position: relative; top: 10px; left:300px;}

.bt_deco12:link {text-decoration: none; position: relative; top: 92px; left:60px; width: 172px; height: 78px;}
.bt_deco12:visited {text-decoration: none; position: relative; top: 92px; left:60x; width: 172px; height: 78px;}
.bt_deco12:hover {text-decoration: none; position: relative; top: 92px; left:60px; width: 172px; height: 78px;}
.bt_deco12:active {text-decoration: none; position: relative; top: 92px; left:60px; width: 172px; height: 78px;}
/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/

/*-------------- contents -----------------*/

/*pg1*/
.content1 .c_title {color: #13108d;}
.content1 .c_number {color: #be5e34;}
.content1 .c_list {color: #777;}
.content1 .c_list .active {color: #fffca8;}

/*pg2*/
.content2 .left {}
.content2 .teName {border-bottom: 1px dotted #5e423e;}
.content2 .teName span {color: #048168;}

.content2 .right {}
	.content2 .c_title {color: #00000;}
	.content2 .c_title2 {color: #00000;}

/*pg3*/
.content3 .c_title {color: rgba(164, 162, 209, 1)}
.content3 .c_iframe {border: 1px solid #6a6a94; color: #6a6a94;}

/*pg4*/

/*pg5*/
.content5 .c_list_tip {color:rgba(164, 162, 209, 1);}
.content5 .c_title {color: rgba(164, 162, 209, 1)}
.content5 .c_iframe {border: 1px solid #6a6a94; color: #6a6a94;}

.content5_1 .c_list_tip {color:rgba(164, 162, 209, 1);}
.content5_1 .c_title {color: rgba(164, 162, 209, 1)}
.content5_1 .c_iframe {border: 1px solid #6a6a94; color: #000000; padding:10px;line-height:20px;}

.content5 .left {}
	.teName {border-bottom: 1px dotted #5e423e;}
	.teName span {color: #048168;}

.content5 .right {}
	.content5 .c_title {color: #00000; font-size: 20px;}
	.content5 .c_title2 {color: #00000; font-size: 20px;}
	.content5 .study_goal {background-color:#ffffff; opacity: 0.9; margin-bottom: 20px; border: 2px solid #2348b1;}
	.content5 .study_con {background-color:#ffffff; opacity: 0.9;}

/*pg6*/
	.content6 .c_title {color: rgba(164, 162, 209, 1)}
	.content6 .c_list_tip_t3 {color:rgba(164, 162, 209, 1);}
	.content6_tit {border-bottom: 1px solid #b6a39c;}
	.content6 .bullet {background-image: url('../img/bullet.png'); background-repeat: no-repeat; color: black;}
	.green_bt {}
	.q1_ex {}
	.txt_a2 {color: #688a2c;}

/*pg7*/
.pg7_bg {background-image: url('../img/pg7_bg.jpg'); background-repeat: no-repeat;}
.content7 .c_title {color: rgba(164, 162, 209, 1)}
.content7 .c_list_tip_t3 {color:rgba(164, 162, 209, 1);}
.content7 .c_list_tip_t6 {color:rgba(164, 162, 209, 1);}
.c_iframe2_bg {border:1px solid #a09ab4;}

/*pg8*/
.content8 .c_title {color:rgba(171, 109, 203, 1)}
.content8 .c_number {color: #6666CC;}
.content8 .c_next {color: #093475;}
.content8 .c_list {display: inline-block; color: rgba(152, 222, 250, 1);}

.content_step {}
	.step_num {float: left; color: #d59c2e;}
	.step_list .active {background-color: #765e50;}

/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/

@media all and (min-width: 200px){
	.bt_deco1 {display: inline-block;}
	.bt_deco2 {display: inline-block;}
	.bt_deco2_1 {display: inline-block;}
	.bt_deco3 {display: inline-block;}
	.bt_deco3_1 {display: inline-block;}
	.bt_deco4 {display: inline-block;}
	.bt_deco5 {display: inline-block;}
	.bt_deco8 {display: inline-block;}
	.bt_deco9 {display: inline-block;}
	.bt_deco19 {display: inline-block;}

	.replace{position: relative; top: 0px; left: 0px;}
	.replace img{}
}

@media (max-width: 568px){
	/*pg1*/
	.pg1_bg {width: 768px; height: 700px; /*background-size: 80% auto;*/ background-position: -30px -5px; /*background-image: url('../img/pg1_bg.jpg'); background-repeat: no-repeat;*/}

	/*pg2*/
	.pg2_bg{}

	/*pg3*/
	.pg3_bg {/*background-size: 68%; background-position: -40px 0px;*/}

	/*pg4*/
	.pg4_bg{}

	/*pg5*/
	.pg5_bg{}

	/*pg6*/
	.pg6_bg{}
    .bt_deco19:link {text-decoration: none; position:absolute;top:250px;left:10px; background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}
	.bt_deco19:visited {text-decoration: none; position:absolute;top:250px;left:10px; background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}
	.bt_deco19:hover {text-decoration: none; position:absolute;top:250px;left:10px; background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}
	.bt_deco19:active {text-decoration: none; position:absolute;top:250px;left:10px;background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}

	.bt_deco11:link {text-decoration: none; position: relative; top: -135px; left:200px; background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}
	.bt_deco11:visited {text-decoration: none; position: relative; top: -135px;left:200px; background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}
	.bt_deco11:hover {text-decoration: none; position: relative; top: -135px; left:200px; background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}
	.bt_deco11:active {text-decoration: none; position: relative; top: -135px; left:200px;background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}	

	.bt_deco10:link {text-decoration: none; position: relative; top: -135px; left:-30px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}
	.bt_deco10:visited {text-decoration: none; position: relative; top: -135px; left:-30px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}
	.bt_deco10:hover {text-decoration: none; position: relative; top: -135px; left:-30px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}
	.bt_deco10:active {text-decoration: none; position: relative; top: -135px; left:-30px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}	

	/*pg7*/
	.pg7_bg{}

	/*pg8*/
	.pg8_bg {/*background-size: 70%; background-position: -100px -45px;*/}
		.replace{/*position: relative; top: -50px; left: 300px;*/}
		.replace img{}
		
	/*pg9*/
	.pg9_bg{}

	/*pg10*/
	.pg10_bg {height: 763px; /*background-image: url('../img/pg10_bg.png'); background-repeat: no-repeat;*/}
		.end{}
		.end span{position: relative; top:1px; left: 50px; color: #ffffff; font-size: 16px; }
}

@media (min-width: 569px) and (max-width: 767px){
	/*pg1*/
	.pg1_bg {width: 768px; height: 700px;/* background-size: 100% auto; background-position: 0px -80px;*/ }

	/*pg2*/
	.pg2_bg{}

	/*pg3*/
	.pg3_bg {/*background-size: 80%; background-position: 0 -100px;*/}

	/*pg4*/
	.pg4_bg{}

	/*pg5*/
	.pg5_bg {/*background-size: 80%; background-position: 0 -50px;*/}

	/*pg6*/
	.pg6_bg{}

	/*pg7*/
	.pg7_bg{}

	/*pg8*/
	.pg8_bg {/*background-size: 80%; background-position: 0 -70px;*/}

		.replace{position: relative; top: 160px; left: 63px;}
		.replace img{}

	/*pg9*/
	.pg9_bg{}

	/*pg10*/
	.pg10_bg { height: 743px; /*background-image: url('../img/pg10_bg.png'); background-repeat: no-repeat;*/}		
}

@media (max-width: 767px){

		/*----- footer -----*/
	.bottom_right_wrap {}
		.cur_pg {color: #192d85;}
		.all_pg {color: #198584;}
		a.left_arrow {background: url('../img/left_arrow.png') no-repeat;}
		a.right_arrow {background: url('../img/right_arrow.png') no-repeat;}
		a:hover.left_arrow {background: url('../img/left_arrow_over.png') no-repeat;}
		a:hover.right_arrow {background: url('../img/right_arrow_over.png') no-repeat;}
	
	.content1{margin-top: 335px; margin-left: 20px; width: 70%;}


	/*----- bt -----*/
	.bt_deco1 {padding: 13px 10px;}	
	.bt_deco2 {padding: 10px;}
	.bt_deco2_1 {padding: 10px;}
	.bt_deco3 {padding: 10px;}
	.bt_deco3_1 {padding: 10px;}
	.bt_deco4 {/*padding: 13px 10px;*/}
	.bt_deco5 {padding: 10px;}
	.bt_deco8 {padding: 10px;}	
	.bt_deco9 {padding: 10px;}
	.bt_deco19 {padding: 10px;}

	/*----- txt -----*/
	.bt_txt1 {position: relative; top: 10px; left: 30px;}
	.bt_txt2 {color:#ffffff; padding-left: 13px;}
	.bt_txt2_1 {color:#ffffff; padding-left: 6px;}
	.bt_txt3 {color:#ffffff; padding-left: 6px;}
	.bt_txt4 {color:#ffffff; padding-left: 4px;}
	.bt_txt4_1 {color:#ffffff; position: relative; top: -33px; left: 37px; font-size: 15px; font-weight: bold;}
	.bt_txt5 {color:#ffffff;}
	.bt_txt6 {color:#ffffff;}
	.bt_txt7 {color:#ffffff;}
	.bt_txt8 {color:#ffffff;}
	
	.bt_txt8_1 {margin: 0 25px 0 25px;}
	.bt_txt8_1 {margin: 0 3px 0 30px; color:#ffffff;}

	.bt_txt9 {margin: 0 25px 0 25px;}
	.bt_txt9 {margin: 0 3px 0 30px; color:#ffffff;}

	.bt_txt11 {margin: 0 25px 0 25px;}
	.bt_txt11 {margin: 0 3px 0 30px; color:#ffffff;}	

	/*----- color button -----*/
	.pink_bt {font-size: 14px; line-height: 100%;}
	.blue_bt {font-size: 14px; line-height: 100%;}
	.green_bt {font-size: 14px; line-height: 100%;}
	.green_bt2 {font-size: 14px; line-height: 100%;} 


	/*pg1*/
	.pg1_bg {width: 960px; height: 743px; /*background-image: url('../img/pg1_bg.jpg'); background-repeat: no-repeat;*/}
		.bt_deco1:link {color: white; text-decoration: none; position: relative; top: -380px; left:2px; width:402px; height:78px;}
		.bt_deco1:visited {color: white; text-decoration: none; position: relative; top: -380px; left:2px; width:402px; height:78px;}
		.bt_deco1:hover {color: white; text-decoration: none; position: relative; top: -380px; left:2px; width:402px; height:78px;}
		.bt_deco1:active {color: white; text-decoration: none; position: relative; top: -380px; left:2px; width:402px; height:78px;}

	/*pg2*/
	.pg2_bg {width: 960px; height: 743px;/* background-image: url('../img/pg2_bg.png'); background-repeat: no-repeat;*/}

	/*pg3*/
	.pg3_bg {width: 960px; height: 743px; /*background-image: url('../img/pg3_bg.png'); background-repeat: no-repeat;*/}

	/*p4*/
	.pg4_bg {width: 960px; height: 743px; /*background-image: url('../img/pg4_bg.png'); background-repeat: no-repeat;*/}

	/*pg5*/
	.pg5_bg { }

	/*pg6*/
	.pg6_bg { width: 960px; height: 743px; /*background-image: url('../img/pg6_bg.png'); background-repeat: no-repeat;*/}
	.content6 .blue_bt {margin-bottom: 7px;}

	/*pg7*/
	.pg7_bg {width: 960px; height: 743px; /*background-image: url('../img/pg7_bg.png'); background-repeat: no-repeat;*/}
	.content7 .c_list_tip_t3 {font-size: 11px;}
	.c_iframe2_bg {left: 0px; width: 100.2%; height: 272px;}
	
       	/*.bt_deco2_1:link {text-decoration: none; position: relative; top: 10px; background: url(../img/box07.png) no-repeat; width:80%;}
		.bt_deco2_1:visited {text-decoration: none; position: relative; top: 10px; background: url(../img/box07.png) no-repeat;width:80%;}
		.bt_deco2_1:hover {text-decoration: none; position: relative; top: 10px; background: url(../img/box07.png) no-repeat; width:80%;}
		.bt_deco2_1:active {text-decoration: none; position: relative; top: 10px; background: url(../img/box07.png) no-repeat; width:80%;}*/


		.bt_deco2:link {text-decoration: none; position: relative; top: -50px; left:0px; background: url(../img/save07.png) no-repeat;width:64%;}
		.bt_deco2:visited {text-decoration: none; position: relative; top: -50px; left:0px; background: url(../img/save07.png) no-repeat; width:64%;}
		.bt_deco2:hover {text-decoration: none; position: relative; top: -50px; left:0px; background: url(../img/save07.png) no-repeat; width:64%;}
		.bt_deco2:active {text-decoration: none; position: relative; top: -50px; left:0px; background: url(../img/save07.png) no-repeat;width:64%;}

	
		.bt_deco3:link {text-decoration: none; position: relative; top: 0px; left:0px; background: url(../img/view07_01.png) no-repeat; width:64%;}
		.bt_deco3:visited {text-decoration: none; position: relative; top: 0px; left:0px; background: url(../img/view07_01.png) no-repeat;width:64%;}
		.bt_deco3:hover {text-decoration: none; position: relative; top: 0px; left:0px; background: url(../img/view07_01.png) no-repeat; width:64%;}
		.bt_deco3:active {text-decoration: none; position: relative; top: 10px; left:0px; background: url(../img/view07_01.png) no-repeat; width:64%;}

		.bt_deco3_1:link {text-decoration: none; position: relative; top:0px; left:0px; background: url(../img/view07_02.png) no-repeat;width:78%;}
		.bt_deco3_1:visited {text-decoration: none; position: relative; top: 0px; left:0px; background: url(../img/view07_02.png) no-repeat; width:78%;}
		.bt_deco3_1:hover {text-decoration: none; position: relative; top: 0px; left:0px; background: url(../img/view07_02.png) no-repeat; width:78%;}
		.bt_deco3_1:active {text-decoration: none; position: relative; top: 0px; left:0px; background: url(../img/view07_02.png) no-repeat;width:78%;}

	/*pg8*/
	.pg8_bg {width: 960px; height: 743px; /*background-image: url('../img/pg8_bg.png'); background-repeat: no-repeat;*/}

		/*.replace{position: relative; top: 160px; left: 63px;}
		.replace img{}*/

		.bt_deco8:link {text-decoration: none; position: relative; top: -175px; background: url(../img/save07.png) no-repeat; width: 120px; height: 44px;}
		.bt_deco8:visited {text-decoration: none; position: relative; top: -175px; background: url(../img/save07.png) no-repeat; width: 120px; height: 44px;}
		.bt_deco8:hover {text-decoration: none; position: relative; top: -175px; background: url(../img/save07.png) no-repeat; width: 120px; height: 44px;}
		.bt_deco8:active {text-decoration: none; position: relative; top: -175px; background: url(../img/save07.png) no-repeat; width: 120px; height: 44px;}

		.bt_deco11:link {text-decoration: none; position: relative; top: 0px; left:-2px; background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco11:visited {text-decoration: none; position: relative; top: 0px;left:-2px; background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco11:hover {text-decoration: none; position: relative; top: 0px; left:-2px; background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco11:active {text-decoration: none; position: relative; top: 0px; left:-2px;background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}	

		.bt_deco10:link {text-decoration: none; position: relative; top: 0px; left:0px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco10:visited {text-decoration: none; position: relative; top: 0px; left:0px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco10:hover {text-decoration: none; position: relative; top: 0px; left:0px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco10:active {text-decoration: none; position: relative; top: 0px; left:0px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}

	/*pg9*/
	.pg9_bg {width: 960px; height: 743px; /*background-image: url('../img/pg9_bg.png'); background-repeat: no-repeat;*/}

	/*pg10*/
	.pg10_bg {width: 960px; height: 743px; /*background-image: url('../img/pg10_bg.png'); background-repeat: no-repeat;*/}
		.end{position: relative; top:30px; left: 30px; display: inline;}
		.end span{position: relative; top:1px; left: 106px; color: #ffffff; font-size: 16px; }

		.bt_deco4 {width: 150px; height: 45px; margin: 5px;}
		.bt_deco4:visited {color: white; text-decoration: none; position: relative; top: 10px; left:300px;}
		.bt_deco4:active {color: white; text-decoration: none; position: relative; top: 10px; left:300px;}

		.bt_txt10 {margin: 50px 0px 50px 0px; color:#ffffff; position: relative; left: 15px; top: -30px;}
		.bt_txt11 {margin: 50px 0px 50px 0px; color:#ffffff; position: relative; left: 10px; top: -30px;}
}

@media (min-width: 768px){

		/*----- footer -----*/
	.bottom_right_wrap {}
		.cur_pg {color: #192d85;}
		.all_pg {color: #198584;}
		a.left_arrow {background: url('../img/left_arrow.png') no-repeat;}
		a.right_arrow {background: url('../img/right_arrow.png') no-repeat;}
		a:hover.left_arrow {background: url('../img/left_arrow_over.png') no-repeat;}
		a:hover.right_arrow {background: url('../img/right_arrow_over.png') no-repeat;}

	/*----- bt -----*/
	.bt_deco1 {/*padding: 18px;*/}
	.bt_deco2 {padding: 13px;}
	.bt_deco2_1 {padding: 13px;}
	.bt_deco3 {padding: 13px;}
	.bt_deco3_1 {padding: 13px;}
	.bt_deco4 {width: 150px; height: 45px; margin: 15px;}
	.bt_deco5 {padding: 13px;}
	.bt_deco8 {padding: 13px;}
	.bt_deco9 {padding: 13px;}
	.bt_deco19 {padding: 13px;}

	/*----- txt -----*/
	.bt_txt1 {/*margin: 50px 0px 50px 0px;*/}
	.bt_txt2 {color:#ffffff;}
	.bt_txt2_1 {color:#485e71;}
	.bt_txt3 {color:#ffffff;}
	.bt_txt4 {color:#ffffff;}
	.bt_txt4_1 {color:#ffffff; position: relative; top:-34px; left: 35px; font-size: 16px; font-weight: bold; }
	.bt_txt5 {color:#ffffff;}
	.bt_txt6 {color:#ffffff;}
	.bt_txt7 {color:#ffffff;}
	.bt_txt8 {color:#ffffff; position: relative; left: 18px;}
	.bt_txt8_1 {margin: 50px 0px 50px 0px; color:#ffffff; position: relative; top: -32px; left: 2px;}
	.bt_txt9 {margin: 50px 0px 50px 0px; color:#ffffff; position: relative; left: 18px;}
	.bt_txt10 {margin: 50px 0px 50px 0px; color:#ffffff; position: relative; top: -31px; left: 14px;}
	.bt_txt11 {margin: 50px 0px 50px 0px; color:#ffffff; position: relative; top: -30px; left: 10px;}

	/*----- color button -----*/
	.pink_bt {font-size: 15px; line-height: 100%;}
	.blue_bt {font-size: 15px; line-height: 100%;}
	.green_bt {font-size: 15px; line-height: 100%;}
	.green_bt2 {font-size: 15px; line-height: 100%;}

	/*pg1*/
	.pg1_bg {width: 960px; height: 743px; background-position-y: center; background-image: url('../img/pg1_bg.jpg'); background-repeat: no-repeat;}
		.bt_deco1:link {color: white; text-decoration: none; position: relative; top: -340px; left:2px; width:402px; height:78px;}
		.bt_deco1:visited {color: white; text-decoration: none; position: relative; top: -340px; left:2px; width:402px; height:78px;}
		.bt_deco1:hover {color: white; text-decoration: none; position: relative; top: -340px; left:2px; width:402px; height:78px;}
		.bt_deco1:active {color: white; text-decoration: none; position: relative; top: -340px; left:2px; width:402px; height:78px;}

	/*pg2*/
	.pg2_bg {width: 960px; height: 743px; background-position-y: center; background-image: url('../img/pg2_bg.png'); background-repeat: no-repeat;}

	/*pg3*/
	.pg3_bg {width: 960px; height: 743px; background-position-y: center; background-image: url('../img/pg3_bg.png'); background-repeat: no-repeat;}

	/*pg4*/
	.pg4_bg {width: 960px; height: 743px; background-position-y: center; background-image: url('../img/pg4_bg.png'); background-repeat: no-repeat;}

	/*pg5*/
	.pg5_bg {width: 960px; height: 743px; background-position-y: center; background-image: url('../img/pg5_bg.png'); background-repeat: no-repeat;}
	.tip_arrow {border-color: transparent transparent #f7e2b5 transparent;}
	.save_tip {background-color: #f7e2b5; color: #906830;}

	/*pg6*/
	/*.pg6_bg {width: 960px; height: 743px; background-position-y: center; background-image: url('../img/pg6_bg.png'); background-repeat: no-repeat;}
	.tip_arrow {border-color: transparent transparent #f7e2b5 transparent;}
	.save_tip {background-color: #f7e2b5; color: #906830;}*/	

	/*pg7*/
	.pg7_bg {width: 960px; height: 743px; background-position-y: center; background-image: url('../img/pg7_bg.png'); background-repeat: no-repeat;}

		.bt_deco2:link {text-decoration: none; position: relative; top: 10px; left:10px; background: url(../img/save07.png) no-repeat; height: 44px; width: 120px;}
		.bt_deco2:visited {text-decoration: none; position: relative; top: 10px; left:10px; background: url(../img/save07.png) no-repeat; height: 44px; width: 120px;}
		.bt_deco2:hover {text-decoration: none; position: relative; top: 10px; left:10px; background: url(../img/save07.png) no-repeat; height: 44px; width: 120px;}
		.bt_deco2:active {text-decoration: none; position: relative; top: 10px; left:10px; background: url(../img/save07.png) no-repeat; height: 44px; width: 120px;}

		/*.bt_deco2_1:link {text-decoration: none; position: relative; top: 10px; background: url(../img/box07.png) no-repeat; height: 44px;}
		.bt_deco2_1:visited {text-decoration: none; position: relative; top: 10px; background: url(../img/box07.png) no-repeat; height: 44px;}
		.bt_deco2_1:hover {text-decoration: none; position: relative; top: 10px; background: url(../img/box07.png) no-repeat; height: 44px;}
		.bt_deco2_1:active {text-decoration: none; position: relative; top: 10px; background: url(../img/box07.png) no-repeat; height: 44px;}*/

		.bt_deco3:link {text-decoration: none; position: relative; top: 10px; left:10px; background: url(../img/view07_01.png) no-repeat; height: 44px; width: 150px;}
		.bt_deco3:visited {text-decoration: none; position: relative; top: 10px; left:10px; background: url(../img/view07_01.png) no-repeat; height: 44px; width: 150px;}
		.bt_deco3:hover {text-decoration: none; position: relative; top: 10px; left:10px; background: url(../img/view07_01.png) no-repeat; height: 44px; width: 150px;}
		.bt_deco3:active {text-decoration: none; position: relative; top: 10px; left:10px; background: url(../img/view07_01.png) no-repeat; height: 44px; width: 150px;}

		.bt_deco3_1:link {text-decoration: none; position: relative; top: 10px; left:5px; background: url(../img/view07_02.png) no-repeat; height: 44px; width: 150px;}
		.bt_deco3_1:visited {text-decoration: none; position: relative; top: 10px; left:5px; background: url(../img/view07_02.png) no-repeat; height: 44px; width: 150px;}
		.bt_deco3_1:hover {text-decoration: none; position: relative; top: 10px; left:5px; background: url(../img/view07_02.png) no-repeat; height: 44px; width: 150px;}
		.bt_deco3_1:active {text-decoration: none; position: relative; top: 10px; left:5px; background: url(../img/view07_02.png) no-repeat; height: 44px; width: 150px;}

	/*pg8*/
	.pg8_bg {width: 960px; height: 743px; background-position-y: center; background-image: url('../img/pg8_bg.png'); background-repeat: no-repeat;}
	.content8 .c_title {border-bottom:solid 2px rgba(171, 109, 203, 1);}

	.quiz1, .quiz2, .quiz3 {}
		.q1 {margin: 3px 0 10px 35px !important;}
		.content6 .bullet {width: 32px; height: 31px;}
		.qna_a {height: 30px;}

		.replace{position: relative; top: -60px; left: -80px;}
		.replace img{position: relative; top: -20px; left: 600px;}

		.bt_deco19:link {text-decoration: none; position: relative; top:10px; left:165px; background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}
		.bt_deco19:visited {text-decoration: none; position: relative; top:10px; left:165px; background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}
		.bt_deco19:hover {text-decoration: none; position: relative; top:10px; left:165px; background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}
		.bt_deco19:active {text-decoration: none; position: relative; top:10px; left:165px; background: url(../img/view07_01.png) no-repeat; width: 120px; height: 44px;}

		.bt_deco11:link {text-decoration: none; position: relative; top: 5px; left:63px; background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco11:visited {text-decoration: none; position: relative; top: 5px;left:63px; background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco11:hover {text-decoration: none; position: relative; top: 5px; left:63px; background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco11:active {text-decoration: none; position: relative; top: 5px; left:63px;background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}	

		.bt_deco10:link {text-decoration: none; position: relative; top: 5px; left:63px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco10:visited {text-decoration: none; position: relative; top: 5px; left:63px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco10:hover {text-decoration: none; position: relative; top: 5px; left:63px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco10:active {text-decoration: none; position: relative; top: 5px; left:63px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}

		

	/*pg9*/
	.pg9_bg {width: 960px; height: 743px; background-position-y: center; background-image: url('../img/pg9_bg.png'); background-repeat: no-repeat;}

	/*pg10*/
	.pg10_bg {width: 960px; height: 743px; background-position-y: center; background-image: url('../img/pg10_bg.png'); background-repeat: no-repeat;}	
		.end{position: relative; top:39px; left: 245px; display: inline;}
		.end span{position: relative; top:1px; left: 106px; color: #ffffff; font-size: 16px; }
}


/*----- bootstrap theme -----*/
.btn-info {background-color: #44b74f; border: 4px solid #44b74f; box-shadow: inset 0px 1px 0px #44b74f, inset 0px -1px 0px #44b74f;}
.btn-info:hover {background-color: #44b74f; box-shadow:inset 0px 1px 5px #60ad4f;}
.btn-info:focus {background-color: #44b74f; box-shadow:inset 0px 1px 5px #60ad4f;}
.btn-info:active {background-color: #44b74f; box-shadow:inset 0px 1px 5px #60ad4f;}
.btn-info.active {background-color: #44b74f; box-shadow:inset 0px 1px 5px #60ad4f;}
.open .dropdown-toggle.btn-info {background-color: #44b74f; box-shadow:inset 0px 1px 5px #60ad4f;}
.btn-primary {background-color: #60ad4f; border: 1px solid #60ad4f; box-shadow: inset 0px 1px 0px #759cab, inset 0px -1px 0px #132d37;}

.btn-primary:hover {background-color: #60ad4f; border: 1px solid #60ad4f;}
.btn-primary:focus {background-color: #60ad4f; border: 1px solid #60ad4f;}
.btn-primary:active {background-color: #60ad4f; border: 1px solid #60ad4f;}
.btn-primary.active {background-color: #60ad4f; border: 1px solid #60ad4f;}
.open .dropdown-toggle.btn-primary {background-color: #60ad4f; border: 1px solid #60ad4f;}

#print_page { height: 335px; overflow-y: auto;}
.frame_in{ height: 335px; overflow-y: auto; padding: 20px;}
}

@media (min-width: 768px) and (max-width: 991px){
	/*pg1*/
	.pg1_bg {width: 100%; height: 647px; background-position: 0 -45px; background-image: url('../img/pg1_bg.jpg'); background-repeat: no-repeat;}

	/*pg2*/
	.pg2_bg{}

	/*pg3*/
	.pg3_bg{}

	/*pg4*/
	.pg4_bg{}

	/*pg5*/
	.pg5_bg{}

	/*----------------------------- pg5 -----------------------------*/
.content5 .left {}
	.content5 .profile_mv video{float: left; width: 100%;}
	.content5 .teName {display: inline-block; float: left; width: 100%; height: 38px; padding: 10px; margin: 4px 0; background-color: linen; text-align: center; font-weight: bold;}
	.content5 .teName span {}
	.content5 .profile {float: left; overflow-y: auto;}
	.content5 .profile h5 {font-weight: bold;}

.content5 .right {}
	.content5 .study_goal, .content5 .study_con {float: left; overflow-y: auto;}
	.content5 .study_goal {height: 173px;}
	.content5 .study_con {height: 247px; margin-top: 10px;}
	.content5 .study_goal {background-color:#ffffff; opacity: 0.9; margin-bottom: 20px;}
	.content5 .study_con {background-color:#ffffff; opacity: 0.9;}
	.content5 .c_title, .content5 .c_title2 {display: table; font-weight: bold;}
	.content5 .c_list, .content5 .c_list2 {color: #00000; float: left;}

.content5 .c_list_tip {display:block; float:left; width: 100%; margin-bottom: 1%; font-size: 13px; font-weight: bold; overflow-y: auto;}
.content5 .c_title {display: block; margin-bottom: 5px; font-size: 23px; font-weight: bold;}
.content5 .c_list {display: block; float: left; /*height: 45px;*/ color: black; font-size: 15px; overflow-y: auto;}
.content5 .c_iframe {width: 100%; height: 148px; padding: 0.3% 2%; margin: 18px 0px 22px 0px; background-color: #fff; line-height: 30px; font-size: 15px;}

	/*pg6*/
	.pg6_bg{}

	/*pg7*/
	.pg7_bg{}	

	/*pg8*/
	.pg8_bg{}

	/*pg9*/
	.pg9_bg{}

	/*pg10*/
	.pg10_bg{}
}

@media (min-width: 992px){

	/*OT*/
	.pg5_bg{}
	.content5 .right {}
	.content5 .ot_study_goal {background-color:#ffffff; opacity: 0.9; border-radius: 15px;}
	/*----- footer -----*/
	.bottom_right_wrap {}
		.cur_pg {color: #192d85;}
		.all_pg {color: #198584;}
		a.left_arrow {background: url('../img/left_arrow.png') no-repeat;}
		a.right_arrow {background: url('../img/right_arrow.png') no-repeat;}
		a:hover.left_arrow {background: url('../img/left_arrow_over.png') no-repeat;}
		a:hover.right_arrow {background: url('../img/right_arrow_over.png') no-repeat;}

	/*pg1*/
	.pg1_bg {}

	.bt_deco1:link {text-decoration: none; position: relative; top: 50px; left:150px; width:402px; height:78px;}
	.bt_deco1:visited {text-decoration: none; position: relative; top: 50px; left:150px; width:402px; height:78px;}
	.bt_deco1:hover {text-decoration: none; position: relative; top: 50px; left:150px; width:402px; height:78px;}
	.bt_deco1:active {text-decoration: none; position: relative; top: 50px; left:150px; width:402px; height:78px;}
	/*pg2*/
	.pg2_bg{}
	.content2 .right {}
	.content2 .study_goal {background-color:#ffffff; opacity: 0.9; margin-bottom: 20px;}
	.content2 .study_con {background-color:#ffffff; opacity: 0.9;}

	/*pg3*/
	.pg3_bg{}

	/*pg4*/
	.pg4_bg{}

	/*pg5*/
	.pg5_bg{}
	.content5 .right {}
	.content5 .study_goal {background-color:#ffffff; opacity: 0.9; margin-bottom: 20px;}
	.content5 .study_con {background-color:#ffffff; opacity: 0.9;}

	/*pg6*/
	.pg6_bg{}
		
	/*pg7*/
	.pg7_bg{}
		.bt_deco2:link {text-decoration: none; position: relative; top: 10px; left:50px; background: url(../img/save07.png) no-repeat; height: 44px; width: 120px;}
		.bt_deco2:visited {text-decoration: none; position: relative; top: 10px; left:50px; background: url(../img/save07.png) no-repeat; height: 44px; width: 120px;}
		.bt_deco2:hover {text-decoration: none; position: relative; top: 10px; left:50px; background: url(../img/save07.png) no-repeat; height: 44px; width: 120px;}
		.bt_deco2:active {text-decoration: none; position: relative; top: 10px; left:50px; background: url(../img/save07.png) no-repeat; height: 44px; width: 120px;}

/*		.bt_deco2_1:link {text-decoration: none; position: relative; top: 10px; background: url(../img/box07.png) no-repeat; height: 44px;}
		.bt_deco2_1:visited {text-decoration: none; position: relative; top: 10px; background: url(../img/box07.png) no-repeat; height: 44px;}
		.bt_deco2_1:hover {text-decoration: none; position: relative; top: 10px; background: url(../img/box07.png) no-repeat; height: 44px;}
		.bt_deco2_1:active {text-decoration: none; position: relative; top: 10px; background: url(../img/box07.png) no-repeat; height: 44px;}*/

		.bt_deco3:link {text-decoration: none; position: relative; top: 10px; left:50px; background: url(../img/view07_01.png) no-repeat; height: 44px; width: 150px;}
		.bt_deco3:visited {text-decoration: none; position: relative; top: 10px; left:50px; background: url(../img/view07_01.png) no-repeat; height: 44px; width: 150px;}
		.bt_deco3:hover {text-decoration: none; position: relative; top: 10px; left:50px; background: url(../img/view07_01.png) no-repeat; height: 44px; width: 150px;}
		.bt_deco3:active {text-decoration: none; position: relative; top: 10px; left:50px; background: url(../img/view07_01.png) no-repeat; height: 44px; width: 150px;}

		.bt_deco3_1:link {text-decoration: none; position: relative; top: 10px; left:30px; background: url(../img/view07_02.png) no-repeat; height: 44px; width: 150px;}
		.bt_deco3_1:visited {text-decoration: none; position: relative; top: 10px; left:30px; background: url(../img/view07_02.png) no-repeat; height: 44px; width: 150px;}
		.bt_deco3_1:hover {text-decoration: none; position: relative; top: 10px; left:30px; background: url(../img/view07_02.png) no-repeat; height: 44px; width: 150px;}
		.bt_deco3_1:active {text-decoration: none; position: relative; top: 10px; left:30px; background: url(../img/view07_02.png) no-repeat; height: 44px; width: 150px;}

	/*pg8*/
	.pg8_bg {}
		.bt_txt4_1 {color:#ffffff; position: relative; left: -100px; top: 1px; font-size: 16px; font-weight: bold; }

		.bt_deco11:link {text-decoration: none; position: relative; top: -10px; left:-4px; background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco11:visited {text-decoration: none; position: relative; top: -10px;left:-4px; background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco11:hover {text-decoration: none; position: relative; top: -10px; left:-4px; background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco11:active {text-decoration: none; position: relative; top: -10px; left:-4px;background: url(../img/view08.png) no-repeat; width: 82px; height: 27px;}	

		.bt_deco10:link {text-decoration: none; position: relative; top: -10px; left:-4px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco10:visited {text-decoration: none; position: relative; top: -10px; left:-4px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco10:hover {text-decoration: none; position: relative; top: -10px; left:-4px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}
		.bt_deco10:active {text-decoration: none; position: relative; top: -10px; left:-4px; background: url(../img/view09.png) no-repeat; width: 82px; height: 27px;}

		.replace{position: relative; top: -60px; left: 65px;}
		.replace img{position: relative; top: -20px; left: 600px;}
     

	

	/*pg9*/
	.pg9_bg{}

	/*pg10*/
	.pg10_bg{}
		.end{position: relative; top:39px; left: 250px; display: inline;}
		.end span{position: relative; top:1px; left: 106px; color: #ffffff; font-size: 16px; }
}