ul{
    list-style: none;
    padding-left: 15px;
}

ul li:before{
    content:  "\2022";
    position: relative;
    left:     -10px;
    color: #888;
    line-height: 28px;
}

.subli:before{
    content:  "\2010";
    position: relative;
    left:     -10px;
    color: #888;
    line-height: 25px;
}


.main{
	width: 80%;	
	min-height: 40px;
	margin-left: 10%;
	margin-top: 50px;
}


.main_ftr{
	width: 100%;
	min-height: 40px;
	margin-top: 30px;
	padding-bottom: 25px;
}


.main2{
	position: relative;
	width: 100%;
	min-height: 300px;
}

.frst{
	position: relative;width: 100%;height: 635px;background-image: url(b67.jpg);background-size: 890px;background-position: 44% 50%;background-repeat: no-repeat;overflow-x: hidden;
}

.ims_arrw{
	position: absolute;display: none;transform: scale(0.85);right: 19px;top: -108px;
}

.ims_arrwm{
	position: absolute;transform: scale(0.85);left: 302px;right: auto;top: -21px;
	left: 305px;right: auto;top: -33px;display: none;
}

.mtxt_case{
	position: absolute;margin: 193px auto 0;width: auto;text-align: center;max-width: 380px;left: 0;right: 0;
	transform: scale(0.8);
}

.mtxt{
	padding-top: 7px;
	padding-bottom: 7px;
	height: 80px;
}

.mtxt2{
	padding-top: 7px;
	padding-bottom: 7px;
	height: 80px;
	margin-left: 0;margin-right: 0;
}

#oj{
	max-width: 767px;
}

.dpl{
	position: absolute;width: 250px;height: 43px;margin-left: auto;margin-right: auto;left: 0;right: 0;top: 70px;padding-right: 425px;
}

.dpr{
	position: absolute;width: 200px;height: 100px;margin-left: auto;margin-right: auto;left: 0;right: 0;bottom: 40px;padding-left: 850px;
}



.drf_style{
	width: 100%;min-height: 450px;background-image: url(snd44.jpg);background-repeat: no-repeat;background-size: 350%;background-position: 50% 55%;position: relative;
	-webkit-transition: background-size 0.75s cubic-bezier(.64,.64,.74,.89);
	-moz-transition: background-size 0.75s cubic-bezier(.64,.64,.74,.89);
	-o-transition: background-size 0.75s cubic-bezier(.64,.64,.74,.89);
	transition: background-size 0.75s cubic-bezier(.64,.64,.74,.89);
	will-change: background-size;
}


.drs_style{
	width: 100%;margin: 0 auto;min-height: 450px;background-image: url(fst39.jpg);background-repeat: no-repeat;background-size: 295%;background-position: 55% 88%;position: relative;	
	-webkit-transition: background-size 0.75s cubic-bezier(.64,.64,.74,.89);
	-moz-transition: background-size 0.75s cubic-bezier(.64,.64,.74,.89);
	-o-transition: background-size 0.75s cubic-bezier(.64,.64,.74,.89);
	transition: background-size 0.75s cubic-bezier(.64,.64,.74,.89);
	will-change: background-size;
}

.drb_case{
	width: 80%;	
	min-height: 40px;
	margin-left: 10%;
	margin-top: 30px;
	padding: 60px 0 90px;
}

.drb{
	position: relative;float: none;width: 100%;height: 220px;text-align: center;margin-bottom: 20px;
}

.lngr_img{
	height: 120px;margin: 0 auto;
}

.cpb{
	position: relative;float: none;width: 100%;height: 220px;text-align: center;
}

.prvc_img{
	height: 105.7px;margin: 6px auto 5px;
}

.hdn_case{
	width: 95%;min-height: 300px;position: relative;margin: 25px auto 30px;max-width: 800px;
}

.hdn_lft{
	position: relative;float: none;width: 100%;text-align: center;height: auto;padding-top: 30px;margin-bottom: 40px;
}

.hdn_rght{
	width: 100%;height: auto;float: none;position: relative;text-align: center;
}

.hdn_sbg{
	position: relative;
	width: 200px;
	text-align: center;
	margin: 20px auto;
	color: #3c3c3c;
	background-color: rgba(206, 213, 84, 0.33);
}

.hdn_sbg h2{
	font-family: "customFontLight", Helvetica, Arial, sans-serif;
	font-size: 33px;
}

.hdn_tx{
	position: relative;width: 80%;max-width: 320px;height: auto;font-size: 18px;color: #6f6f6f;margin: 0 auto;
}

.hdn_img{
	width: 290px;
	padding-left: 25px;
}

.hwsw{
	min-height: 300px;
	padding-right: 0;
	margin-bottom: 35px;
	clear: both;
}

.hwsw_top{
	width: 80%;float: none;padding-top: 45px;padding-left: 10%;margin-bottom: 28px;max-width: 900px;display: block;position: relative;
}

.hwsw_rght{
	width: 45%;float: left;padding-top: 45px;padding-left: 5%;max-width: 582px;display: none;position: relative;
}

.hwswtx_bkg{
	position: absolute;width: 56px;height: 27px;left: 136px;top: 3px;background-color: rgba(206, 213, 84, 0.24);z-index: 44;
}

.hwswtl{
	position: relative;margin-bottom: 16px;
}

.hwswtl h2{
	font-size: 23px;
}

.hwswtlz{
	position: relative;
	z-index: 45;
}

.hwswd{
	font-size: 17px;line-height: 22px;word-spacing: 1px;color: #464646;
}

.hwsw_img{
	width: 98%;float: none;padding: 0 1%;text-align: center;
}

.asst{
	width: 100%;text-align: center;margin-top: 110px;
}

td{
	padding: 12px 10px;
}

td p{
	margin: 0;
}

.tbl_cover{
	width: 100%;
	overflow-x: auto;
}

#tblb{
	font-size: 18px;
	margin: 0 auto;
	transform: translateX(-50px);
}

.tr_cptn{
	color: #999;font-size: 15px;text-align: right;vertical-align: middle;
	max-width: 200px;
}

.td_stl{
	text-align: center;
	padding: 12px 14px;
	max-width: 110px;
}

.in_td_sp{
	padding: 0 27px;
}

.trb{
	width: 241px;
}

.tr_hdn{
	display: none;
}

#tmr{
	text-align: center;
	width: 200px;
	cursor: pointer;
	color: #0847c7;
	padding: 9px 7px 11px;
	margin: 20px auto 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}

.tb_after_swch tr td{
	padding: 8px 12px;
}

.sz_label{
	position: relative;font-size: 30px;color: #555;font-family: "customFontUltraLight", Helvetica, Arial, sans-serif;letter-spacing: 0.27px;width: 100%;text-align: center;
	margin-bottom: 20px;
}

.adj_tl{
	width: 100%;margin-bottom: 20px;text-align: center;padding-top: 30px;
}

.adj_tl h2{
	font-size: 23px;
}

.adj_tx{
	width: 70%;max-width: 900px;margin: 0 auto;font-size: 16px;line-height: 21px;color: #555;margin-bottom: 30px;text-align: center;
}







@media (max-width: 1229px){
	
	.asst{
		margin-top: 100px;
	}

}


@media (max-width: 1070px){
	
	.dpr{
		bottom: -104px;padding-left: 400px;
	}
	
}


@media (max-width: 1000px){
	
	#tblb{
		transform: translateX(0);
	}
	
}


@media (max-width: 950px){
	
	.adj_tx{
		width: 90%;
	}
	
	#oj{
		width: 90%;
	}
	
	.dpl{
		top: 10%;padding-right: calc(30% + 120px);
	}

}


@media (max-width: 863px){
	
	.dpr{
		bottom: -104px;padding-left: 44%;
	}
}


@media (max-width: 670px){
	
	.dpl{
		top: 4%;
	}
	
}


@media (max-width: 577px){
	
	#oj{
		width: 100%;
	}
	
	.dpl{
		padding-right: 0;
		margin-right: 0;
		margin-left: 0;
		right: auto;
		left: auto;
	}
	
	.dpr{
		padding-left: 38%;
	}
	
}





@media (min-width: 400px){

	.drf_style{
		background-size: 260%;
	}

}


@media (min-width: 420px){
	
	.drs_style{
		background-size: 220%;background-position: 45% 92%;
	}

}


@media (min-width: 510px){
	
	.drs_style{
		background-size: 220%;background-position: 45% 88%;
	}

}


@media (min-width: 660px){
	
	.frst{
		height: 700px;
		background-size: 1080px;
		background-position: 50% 50%;
	}
	
	.mtxt_case{
		width: 512px;margin: 217px auto 0;
		transform: scale(1);
	}
	
	.mtxt2{
		margin-left: 33px;margin-right: 33px;
	}
	
	.hdn_case{
		margin: 50px auto 30px;
	}
	
	.drf_style{
		background-size: 185%;
	}
	
	.drb_case{
		margin-left: 10%;
		margin-top: 30px;
		padding: 70px 0 100px;
	}
	
	.drb{
		margin-bottom: 28px;
	}
	
	.lngr_img{
		height: auto;
	}
	
	.prvc_img{
		height: auto;
	}
	
	.drs_style{
		background-size: 150%;
	}
	
}



@media (min-width: 1024px){
	
	.frst{
		height: 740px;background-size: 1205px;background-position: 50% 61%;
	}
	
	.mtxt_case{
		margin: 236px auto 0;width: 80%;max-width: 766px;
	}
	
	.ims_arrwm{
		left: auto;right: 12%;top: -22px;
	}

	.mtxt{
		height: auto;
	}
	
	.hdn_case{
		margin: 70px auto 30px;
	}
	
	.hdn_lft{
		float: left;width: 55%;
		padding-top: 0;margin-bottom: 0;
	}
	
	.hdn_rght{
		width: 45%;height: auto;float: left;
	}
	
	.hdn_img{
		width: 274px;
		padding-left: 0;
	}
	
	.drb{
		float: left;width: 250px;margin-bottom: 0;
	}
	
	.cpb{
		float: right;width: 380px;
	}

}
	

@media (min-width: 1230px){
	
	.frst{
		height: 830px;
		background-size: 1420px;
		background-position: 50% 55%;
	}
	
	.mtxt_case{
		margin: 285px auto 0;width: 80%;max-width: 766px;transform: scale(1.05);
	}
	
	.drf_style{
		background-size: 140%;
	}
	
	.drs_style{
		background-size: 120%;background-position: 45% 95%;
	}

	.hdn_case{
		width: 80%;height: 400px;
	}
	
	.hdn_rght{
		width: 40%;
	}
	
	.hdn_tx{
		margin-left: 13%;margin-right: 5%;
	}
		
	.hdn_img{
		width: 330px;margin-left: 10%;
	}
	
	.hwsw{
		margin-bottom: 20px;
	}
	
	.hwsw_top{
		display: none;
	}
	
	.hwsw_img{
		width: 46%;float: left;text-align: right;
	}
	
	.hwsw_rght{
		display: block;max-width: 525px;
	}
	
}


@media (min-width: 1420px){
	
	.frst{
		height: 880px;
		background-size: 1560px;
		background-position: 50% 55%;
	}
	
	.mtxt_case{
		transform: scale(1.075);
		margin: 300px auto 0;
	}
	
}


@media (min-width: 1480px){
	
	.hwsw{
		padding-right: 5%;
	}
	
	.hwsw_rght{
		max-width: 582px;
	}

}


@media (min-width: 1600px){
	
	.frst{
		height: 910px;
		background-size: 1900px;
	}
	
	.mtxt_case{
		transform: scale(1.2);
		margin: 296px auto 0;
	}
	
}


@media (min-width: 1900px){
	
	.frst{
		height: 940px;
		background-size: 2200px;
	}
	
	.mtxt_case{
		transform: scale(1.3);
		margin: 300px auto 0;
	}

}


@media (min-width: 2200px){
	
	.frst{
		height: 1000px;
		background-size: 2560px;
	}
	
	.mtxt_case{
		transform: scale(1.38);
		margin: 314px auto 0;
	}

}

