/* 1401 以上 寬螢幕 */
@media screen and (min-width:1401px){
	.modal-body{
		color: #000;
	}
	#warpper{
		min-width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv1{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv1bg{
		width: 1170px;
		height: auto;
		margin: 0 auto;
		background-image: url(../images/kv1_bg.png);
		background-size: 100%;
		background-position: top center;
		background-repeat: no-repeat;
	}
	.mtkv1{
		margin-top: 650px;
	}
	.title1{
		font-size: 4em;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 0;
	}
	.title2{
		font-size: 1.5em;
		line-height: 1.5;
		text-align: center;
		color: #000;
		margin-bottom: 10px;
	}
	.kv1_big{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv1_small{
		display: none;
		visibility: hidden;
	}
	.text_title1{
		font-size: 2.5em;
		font-weight: bold;
	}
	.colorfff{
		color: #fff;
	}
	.form_top{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 10px 0;
	}
	.btn_box{
		width: 50%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	.btn_style{
		color: #FFF;
		background-color: #9f2124;
	}
	.form_txt{
		clear: both;
		color: #000;
		font-size:0.8em;
		line-height: 3;
		margin-bottom:0;
		text-align: center;
	}
	.form_txt a{
		color: #000;
	}
	.btn_man{
		width: 48%;
		height: auto;
		float: left;
	}
	.btn_woman{
		width: 48%;
		height: auto;
		float: right;
	}
	.kv2{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 0;
	}
	.kv2_big{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv2_small{
		display: none;
		visibility: hidden;
	}
	.kv3{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv4{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv4_bg.jpg);
		background-position: top center;
		padding:20px 0;
	}
	.kv4box{
		width: 100%;
		height: auto;
		background-color: #fff;
		padding:30px 0;
	}
	.title3{
		font-size: 2.5em;
		line-height: 1.8;
		color: #000;
		text-align: center;
		margin-bottom: 0px;
	}
	.title4{
		font-size: 1.2em;
		line-height: 1.5;
		color: #000;
		text-align: center;
		margin-bottom: 0px;
		overflow: hidden;
	}
	.title5{
		font-size: 1.2em;
		line-height: 1.5;
		color: #000;
		text-align: center;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.kv4pic{
		width: 70%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	.kv4pic img{
		width: 100%;
		height: auto;
	}
	.kv5{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv5_bg.jpg) no-repeat;
		background-size: 100%;
	}
	.kv5box{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv5_boxbg.jpg);
		padding: 30px 0;
	}
	.kv5box_left{
		width: 80%;
		height: auto;
		margin-left: 20%;
	}
	.kv5box_left img{
		width: 100%;
		height: auto;
	}
	.register-box{
		width: 65%;
		height: auto;
		overflow: hidden;
		margin-left: 5%;
	}
	h3{
		margin-bottom: 10px;
	}
	.kv5_p1{
		font-size: 1.5em;
		margin-bottom: 10px;
		line-height: 1.3;
		color: #cd6861;
		text-align: justify;
	}
	.btn_block{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.copyright_p{
		text-align: center;
		margin-bottom: 0;
	}
}
/* 1366 寬螢幕 */
@media (max-width:1400px) and (min-width:1200px){
	#warpper{
		min-width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv1{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv1bg{
		width: 1170px;
		height: auto;
		margin: 0 auto;
		background-image: url(../images/kv1_bg.png);
		background-size: 100%;
		background-position: top center;
		background-repeat: no-repeat;
	}
	.mtkv1{
		margin-top: 650px;
	}
	.title1{
		font-size: 4em;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 0;
	}
	.title2{
		font-size: 1.5em;
		line-height: 1.5;
		text-align: center;
		color: #000;
		margin-bottom: 10px;
	}
	.kv1_big{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv1_small{
		display: none;
		visibility: hidden;
	}
	.text_title1{
		font-size: 2.5em;
		font-weight: bold;
	}
	.colorfff{
		color: #fff;
	}
	.form_top{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 10px 0;
	}
	.btn_box{
		width: 50%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	.btn_style{
		color: #FFF;
		background-color: #9f2124;
	}
	.form_txt{
		clear: both;
		color: #000;
		font-size:0.8em;
		line-height: 3;
		margin-bottom:0;
		text-align: center;
	}
	.form_txt a{
		color: #000;
	}
	.btn_man{
		width: 48%;
		height: auto;
		float: left;
	}
	.btn_woman{
		width: 48%;
		height: auto;
		float: right;
	}
	.kv2{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 0;
	}
	.kv2_big{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv2_small{
		display: none;
		visibility: hidden;
	}
	.kv3{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv4{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv4_bg.jpg);
		background-position: top center;
		padding:20px 0;
	}
	.kv4box{
		width: 100%;
		height: auto;
		background-color: #fff;
		padding:30px 0;
	}
	.title3{
		font-size: 2.5em;
		line-height: 1.8;
		color: #000;
		text-align: center;
		margin-bottom: 0px;
	}
	.title4{
		font-size: 1.2em;
		line-height: 1.5;
		color: #000;
		text-align: center;
		margin-bottom: 0px;
		overflow: hidden;
	}
	.title5{
		font-size: 1.2em;
		line-height: 1.5;
		color: #000;
		text-align: center;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.kv4pic{
		width: 70%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	.kv4pic img{
		width: 100%;
		height: auto;
	}
	.kv5{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv5_bg.jpg) no-repeat;
		background-size: 100%;
	}
	.kv5box{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv5_boxbg.jpg);
		padding: 30px 0;
	}
	.kv5box_left{
		width: 80%;
		height: auto;
		margin-left: 20%;
	}
	.kv5box_left img{
		width: 100%;
		height: auto;
	}
	.register-box{
		width: 65%;
		height: auto;
		overflow: hidden;
		margin-left: 5%;
	}
	h3{
		margin-bottom: 10px;
	}
	.kv5_p1{
		font-size: 1.5em;
		margin-bottom: 10px;
		line-height: 1.3;
		color: #cd6861;
		text-align: justify;
	}
	.btn_block{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.copyright_p{
		text-align: center;
		margin-bottom: 0;
	}
}
/*PAD*/
@media (max-width:1199px) and (min-width:992px){
	#warpper{
		min-width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv1{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv1bg{
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-image: url(../images/kv1_bg.png);
		background-size: 100%;
		background-position: top center;
		background-repeat: no-repeat;
	}
	.mtkv1{
		margin-top: 580px;
	}
	.title1{
		font-size: 4em;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 0;
	}
	.title2{
		font-size: 1.5em;
		line-height: 1.5;
		text-align: center;
		color: #000;
		margin-bottom: 10px;
	}
	.kv1_big{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv1_small{
		display: none;
		visibility: hidden;
	}
	.text_title1{
		font-size: 2.5em;
		font-weight: bold;
	}
	.colorfff{
		color: #fff;
	}
	.form_top{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 10px 0;
	}
	.btn_box{
		width: 50%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	.btn_style{
		color: #FFF;
		background-color: #9f2124;
	}
	.form_txt{
		clear: both;
		color: #000;
		font-size:0.8em;
		line-height: 3;
		margin-bottom:0;
		text-align: center;
	}
	.form_txt a{
		color: #000;
	}
	.btn_man{
		width: 48%;
		height: auto;
		float: left;
	}
	.btn_woman{
		width: 48%;
		height: auto;
		float: right;
	}
	.kv2{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 0;
	}
	.kv2_big{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv2_small{
		display: none;
		visibility: hidden;
	}
	.kv3{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv4{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv4_bg.jpg);
		background-position: top center;
		padding:20px 0;
	}
	.kv4box{
		width: 100%;
		height: auto;
		background-color: #fff;
		padding:30px 0;
	}
	.title3{
		font-size: 2.5em;
		line-height: 1.8;
		color: #000;
		text-align: center;
		margin-bottom: 0px;
	}
	.title4{
		font-size: 1.2em;
		line-height: 1.5;
		color: #000;
		text-align: center;
		margin-bottom: 0px;
		overflow: hidden;
	}
	.title5{
		font-size: 1.2em;
		line-height: 1.5;
		color: #000;
		text-align: center;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.kv4pic{
		width: 70%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	.kv4pic img{
		width: 100%;
		height: auto;
	}
	.kv5{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv5_bg.jpg) no-repeat;
		background-size: 100%;
	}
	.kv5box{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv5_boxbg.jpg);
		padding: 30px 0;
	}
	.kv5box_left{
		width: 90%;
		height: auto;
		margin-left: 10%;
	}
	.kv5box_left img{
		width: 100%;
		height: auto;
	}
	.register-box{
		width: 70%;
		height: auto;
		overflow: hidden;
		margin-left: 5%;
	}
	h3{
		margin-bottom: 10px;
	}
	.kv5_p1{
		font-size: 1.5em;
		margin-bottom: 10px;
		line-height: 1.3;
		color: #cd6861;
		text-align: justify;
	}
	.btn_block{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.copyright_p{
		text-align: center;
		margin-bottom: 0;
	}
}
/*MOBILE 768*/
@media (max-width:991px) and (min-width:768px){
	#warpper{
		min-width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv1{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv1bg{
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-image: url(../images/kv1_bg.png);
		background-size: 100%;
		background-position: top center;
		background-repeat: no-repeat;
	}
	.mtkv1{
		margin-top: 450px;
	}
	.title1{
		font-size: 4em;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 0;
	}
	.title2{
		font-size: 1.5em;
		line-height: 1.5;
		text-align: center;
		color: #000;
		margin-bottom: 10px;
	}
	.kv1_big{
		width: 90%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	.kv1_small{
		display: none;
		visibility: hidden;
	}
	.text_title1{
		font-size: 2.5em;
		font-weight: bold;
	}
	.colorfff{
		color: #fff;
	}
	.form_top{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 10px 0;
	}
	.btn_box{
		width: 50%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	.btn_style{
		color: #FFF;
		background-color: #9f2124;
	}
	.form_txt{
		clear: both;
		color: #000;
		font-size:0.8em;
		line-height: 3;
		margin-bottom:0;
		text-align: center;
	}
	.form_txt a{
		color: #000;
	}
	.btn_man{
		width: 48%;
		height: auto;
		float: left;
	}
	.btn_woman{
		width: 48%;
		height: auto;
		float: right;
	}
	.kv2{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 0;
	}
	.kv2_big{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv2_small{
		display: none;
		visibility: hidden;
	}
	.kv3{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv4{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv4_bg.jpg);
		background-position: top center;
		padding:20px 0;
	}
	.kv4box{
		width: 100%;
		height: auto;
		background-color: #fff;
		padding:30px 10px;
		overflow: hidden;
	}
	.title3{
		font-size: 2.5em;
		line-height: 1.8;
		color: #000;
		text-align: center;
		margin-bottom: 0px;
		overflow: hidden;
	}
	.title4{
		font-size: 1.2em;
		line-height: 1.5;
		color: #000;
		text-align: center;
		margin-bottom: 0px;
		overflow: hidden;
	}
	.title5{
		font-size: 1.2em;
		line-height: 1.5;
		color: #000;
		text-align: center;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.kv4pic{
		width: 90%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	.kv4pic img{
		width: 100%;
		height: auto;
	}
	.kv5{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv5_bg.jpg) no-repeat;
		background-size: 100%;
	}
	.kv5box{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv5_boxbg.jpg);
		padding: 30px 0;
	}
	.kv5box_left{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv5box_left img{
		width: 110%;
		height: auto;
	}
	.register-box{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	h3{
		margin-bottom: 10px;
	}
	.kv5_p1{
		font-size: 1.5em;
		margin-bottom: 10px;
		line-height: 1.3;
		color: #cd6861;
		text-align: justify;
	}
	.btn_block{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.copyright_p{
		text-align: center;
		margin-bottom: 0;
	}
}
/*MOBILE 414*/
@media screen and (max-width:767px){
	#warpper{
		min-width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv1{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv1bg{
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-image: url(../images/kv1_bg_m.jpg);
		background-size: 100%;
		background-position: top center;
		background-repeat: no-repeat;
	}
	.mtkv1{
		margin-top: 90%;
	}
	.title1{
		font-size: 2.5em;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 0;
	}
	.title2{
		font-size: 1.2em;
		line-height: 1.5;
		text-align: center;
		color: #000;
		margin-bottom: 10px;
	}
	.kv1_big{
		display: none;
		visibility: hidden;
	}
	.kv1_small{
		width: 90%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	.text_title1{
		font-size: 2.5em;
		font-weight: bold;
	}
	.colorfff{
		color: #fff;
	}
	.form_top{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 10px 0;
	}
	.btn_box{
		width: 50%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	.btn_style{
		color: #FFF;
		background-color: #9f2124;
	}
	.form_txt{
		clear: both;
		color: #000;
		font-size:0.8em;
		line-height: 3;
		margin-bottom:0;
		text-align: center;
	}
	.form_txt a{
		color: #000;
	}
	.btn_man{
		width: 48%;
		height: auto;
		float: left;
	}
	.btn_woman{
		width: 48%;
		height: auto;
		float: right;
	}
	.kv2{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 0;
	}
	.kv2_big{
		display: none;
		visibility: hidden;
	}
	.kv2_small{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv3{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.kv4{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv4_bg.jpg);
		background-position: top center;
		padding:20px 0;
	}
	.kv4box{
		width: 100%;
		height: auto;
		background-color: #fff;
		padding:30px 10px;
		overflow: hidden;
	}
	.title3{
		font-size: 2.5em;
		line-height: 1.8;
		color: #000;
		text-align: center;
		margin-bottom: 0px;
		overflow: hidden;
	}
	.title4{
		font-size: 1.2em;
		line-height: 1.5;
		color: #000;
		text-align: center;
		margin-bottom: 0px;
		overflow: hidden;
	}
	.title5{
		font-size: 1.2em;
		line-height: 1.5;
		color: #000;
		text-align: center;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.kv4pic{
		width: 60%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	.kv4pic img{
		width: 100%;
		height: auto;
	}
	.kv5{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv5_bg.jpg) no-repeat;
		background-size: 100%;
	}
	.kv5box{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../images/kv5_boxbg.jpg);
		padding: 30px 0;
	}
	.kv5box_left{
		width: 100%;
		max-height: 250px;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.kv5box_left img{
		width: 100%;
		height: auto;
	}
	.register-box{
		width: 90%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
	h3{
		margin-bottom: 10px;
	}
	.kv5_p1{
		font-size: 1.5em;
		margin-bottom: 10px;
		line-height: 1.3;
		color: #cd6861;
		text-align: justify;
	}
	.btn_block{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.copyright_p{
		text-align: center;
		margin-bottom: 0;
	}
}


@media screen and (min-width:768px){
	body #wrapper {/* used by RTL*/
		overflow:hidden; 
		min-height:100%; /*  because short page hide long menus */
		background: url(../images/bg.jpg);
		background-size: 100%;
		background-position:  top center;	
	}
}
/*MOBILE 414*/
@media screen and (max-width:767px){
	body #wrapper {
		background-image: none;
		background-color: #f0cacc;
	}
}