/*
* Training CSS
*-------------------------------------
*
* Version: R3-150420A
*
* Author: Abundant Blessing Church Digital Team
*
* Notes: including all content structures of training page
*
*/
#tr_anchor{
	position:relative;
	height:0;
	top:100px;
	display:black;
	overflow:hidden;
}
#training_main_intro{
	background:url(../img/training/training_bg01.jpg) no-repeat fixed;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow:hidden;
	}
.intro_content01{
	background:url(../img/training/training_title_large.png) no-repeat;
	height:150px;
	margin:80px auto 0;
	}
.intro_content02{
	background:url(../img/training/training_title.png) no-repeat;
	height:350px;
	margin:150px auto 0 0;
	}
.dash01{
	border-top:1px dashed #CCC;
	height: 120px;
	overflow:hidden;
	}
.dash02{
	border-top:1px dashed #AAA;
	height:5px;
	}
#training_now{
	background:#003;
	height:350px;
}
#training_index{
	background:url(../img/training/index.jpg) no-repeat center;
	width:100%;
	height:400px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*float:left;*//*使用雙層貼圖時開啟*/
}
#training_index2{
	background:url(../img/training/index_alpha.png);
	height:400px;
	}/*若要使用底紋,#training_index 改用index.png 做雙層貼圖*/
#training_basic{
	background:url(../img/training/basic01.jpg) no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 auto;
	}
.basic_mask{
	background:url(../img/training/basic01_mask.png) no-repeat;
	margin: 0 auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#training_adv{
	background:url(../img/training/advanced01.jpg) no-repeat center fixed;
	height: 1100px;
	margin: 0 auto;
	padding: 0;
	-webkit-box-shadow:0 1px 1px 2px #999;
	-o-box-shadow:0 1px 1px 2px #999;
	-box-shadow:0 1px 1px 2px #999;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow:hidden;
	}
.adv_mask{
	background:url(../img/training/advanced01_mask.png) no-repeat center;
	margin:450px auto 0;
	height:160px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#ex_anchor{position:relative;height:0;top:-30px;display:black;overflow:hidden;}
#training_extra{
	background:#FFF;
	margin: 0 auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow:hidden;
	}
.headline{background:#5DD8B8;height:40px;width:100%;margin:0 0 20px 0;}
.extra_content{overflow:hidden;}
.logo_content1{width:950px;margin:0 auto;overflow:hidden;padding:40px 0;}/*(150+20+20)*5*/
.logo_content2{width:840px;margin:0 auto;overflow:hidden;padding:40px 0;}/*(150+30+30)*4*/
.hv:hover{opacity:0;-webkit-transition: opacity .3s ease;-moz-transition: opacity .3s ease;-o-transition: opacity .3s ease;transition: opacity .15s ease-in;}
.ex_gt{	background:url(../img/training/ex_gt.png) no-repeat;float:left;}
.ex_gt_dn{background:url(../img/training/ex_gt_dn.png) no-repeat;}
.ex_bs{	background:url(../img/training/ex_bs.png) no-repeat;float:left;}
.ex_bs_dn{background:url(../img/training/ex_bs_dn.png) no-repeat;}
.ex_pn{	background:url(../img/training/ex_pn.png) no-repeat;float:left;}
.ex_pn_dn{background:url(../img/training/ex_pn_dn.png) no-repeat;}
.ex_dm{	background:url(../img/training/ex_dm.png) no-repeat;float:left;}
.ex_dm_dn{background:url(../img/training/ex_dm_dn.png) no-repeat;}
.ex_pa{	background:url(../img/training/ex_pa.png) no-repeat;float:left;}
.ex_pa_dn{background:url(../img/training/ex_pa_dn.png) no-repeat;}
.ex_sn{	background:url(../img/training/ex_sn.png) no-repeat;float:left;}
.ex_sn_dn{background:url(../img/training/ex_sn_dn.png) no-repeat;}
.ex_mt{	background:url(../img/training/ex_mt.png) no-repeat;float:left;}
.ex_mt_dn{background:url(../img/training/ex_mt_dn.png) no-repeat;}
.ex_sn{	background:url(../img/training/ex_sn.png) no-repeat;float:left;}
.ex_sn_dn{background:url(../img/training/ex_sn_dn.png) no-repeat;}
.ex_mm{	background:url(../img/training/ex_mm.png) no-repeat;float:left;}
.ex_mm_dn{background:url(../img/training/ex_mm_dn.png) no-repeat;}
.ex_sv{	background:url(../img/training/ex_sv.png) no-repeat;float:left;}
.ex_sv_dn{background:url(../img/training/ex_sv_dn.png) no-repeat;}
.ex_logo{background-size:150px 150px;height:150px;width:150px;}/****for RWD****/
.logo_wrap1{overflow:hidden;float:left;padding:0 20px;}/****for RWD****/
.logo_wrap2{overflow:hidden;float:left;padding:0 30px;}/****for RWD****/
/*
//===============================
// SCREEN (Smaller then 979)
//===============================
*/
@media (max-width: 979px) {
#training_main_intro{height:700px;min-width:900px;}
#training_index{min-width:900px;}
#training_basic{height:900px;min-width:900px;}
.basic_mask{height:900px;}
#training_adv{min-width:900px;}
.adv_mask{height:120px;}
.logo_content1{width:750px;margin:0 auto;padding:40px 0;}/*(150+20+20)*5*/
.logo_content2{width:720px;margin:0 auto;padding:40px 0;}/*(150+30+30)*4*/
.ex_logo{background-size:120px 120px;height:120px;width:120px;}/****for RWD****/
.logo_wrap1{float:left;padding:0 15px;}/****for RWD****/
.logo_wrap2{float:left;padding:0 30px;}/****for RWD****/
}
/*
//===============================
// SCREEN (Between 980 to 1366)
//===============================
*/
@media (min-width: 980px) and (max-width: 1366px) {
#training_main_intro{height:700px;}
#training_basic{height:1000px;}
.basic_mask{height:1000px;}
.adv_mask{height:120px;}
}
/*
//===============================
// SCREEN (Between 1367 to 1599)
//===============================
*/
@media (min-width: 1367px) and (max-width: 1599px) {
#training_main_intro{height:850px;}
#training_basic{height:1200px;}
.basic_mask{height:1200px;}
}
/*
//============================
// SCREEN (Bigger then 1600)
//============================
*/
@media (min-width: 1600px) {
#training_basic{height:1400px;}
.basic_mask{height:1400px;}
}