@charset "utf-8";
/* http://pjchender.blogspot.tw/2015/04/css-3vh-vw.html*/
/*
	vh: view height
	vw: view width
 */
@media screen and (max-width:1440px) {
	.provisionMenu .btnBlue{
		width:35%;
		}
	}
@media screen and (max-width:1280px) {
	.provisionMenu .btnBlue{
		width:40%;
		}
	}
@media screen and (max-width:1024px) {
	.jumbotron .container, .container{
		width:100%;
		}
	.crazyjump_container{
		padding:10px 20px;
		}
	.container{
		width:92%;
		}
	h2{
		font-size:150%;
		font-weight:bold;
		}
	.provision .btnBlue{
		width:40%;
		}
	.provisionMenu .btnBlue{
		width:45%;
		}
	footer.container-fluid{
		padding:0;
		}
	}
@media screen and (max-width: 960px) {
	#custom_index .mm-menu{
		/*width:15% !important;*/
	}
	.provision .btnBlue{
		width:45%;
		}
	footer .container{
		width:98%;
		}
	.index .banner {
		height:100vw;
	}		
	/*****************************/
	/* .header-mmenu
	/*****************************/
	.header-mmenu {
		display: block;
		background: #777 none repeat scroll 0 0;
		box-sizing: border-box;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		height: 40px;
		line-height: 40px;
		padding: 0 50px;
		width: 100%;
	}
	.header-mmenu a {
		background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC") no-repeat scroll center center;
		display: block;
		height: 40px;
		left: 10px;
		position: absolute;
		top: 0;
		width: 40px;
	}
	.content {
		background: none;
	}
	.traffic .col-md-6{
		float:left;
		width:50%;
		}
	.col-md-4.imgGift{
		float:left;
		width:33.333%;
		}
	.about .aboutBox .left, .about .aboutBox .right, .aboutBox .left, .aboutBox .right{
		float:none;
		width:100%;
		}
	.col-md-6.aboutList{
		float:left;
		width:50%;
		}
	.aboutBox .right img{
		width:100%;
		}
	.traffic .col-md-6{
		float:none;
		width:100%;
		}
	.traffic img{
		max-width:100%;
		}
}
@media screen and (max-width:900px) {
	.index .jump {
		display: none;
	}	
}
@media screen and (max-width: 840px) {
	.traffic .col-md-6{
		float:none;
		width:100%;
		}
	.listBox.height{
		height:auto;
		}
	.provision .btnBlue{
		width:50%;
		}
	.phone, address{
		font-size:130%;
		}
	}
@media screen and (max-width: 800px) {
	.provision .img-responsive, .thumbnail > img{
		width:20%;
		}
	.imgGift .list{
		width:200px;
		height:200px;
		}
	.provisionMenu .btnBlue{
		width:50%;
		}
	}
@media screen and (max-width: 768px) {
	.provision .btnBlue, .provisionMenu .btnBlue{
		width:55%;
		}
	.newsCont img{
		max-width:100%;
		}
	.carousel-indicators li, .carousel-indicators .active{
		width:20px;
		height:20px;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
		}
	}
@media screen and (max-width: 603px) {	
	#neww .col-md-4{
		width:33.3333%;
		}
	.imgGift .list{
		width:150px;
		height:150px;
		}
	.provision .btnBlue, .provisionMenu .btnBlue{
		width:70%;
		}	
}
@media screen and (max-width: 533px) {
	.col-md-4.imgGift{
		float:none;
		width:100%;
		margin-bottom:50px;
		}
	.imgGift .list{
		width:248px;
		height:248px;
		}
	.provision .btnBlue, .provisionMenu .btnBlue{
		width:80%;
		}
	}
@media screen and (max-width: 480px) {
	.aboutBox .left, .aboutBox .right, .col-md-4.imgGift{
		float:none;
		width:100%;
		}
	.aboutBox .right img{
		width:100%;
		}
	.provision .btnBlue{
		width:85%;
		}
	.provisionMenu .btnBlue{
		width:100%;
		}
	.phone, address{
		font-size:110%;
		}
}
/*  add by hank 2016.3.22 - bt */
@media screen and (max-width: 450px) {
	.list_grid{
		width:100%;
	}	
	.fc-toolbar{
		font-size:0.7em;
	}
}
@media screen and (max-width:414px) {
	.provision button, .aboutBox .right img, .about .aboutBox .right{
		width:100%;
		}
	.traffic .img{
		margin-bottom:10px;
		}
	.traffic .img, .traffic .txt{
		float:none;
		width:100%;
		}
	.col-md-6.aboutList{
		float:none;
		width:100%;
		}
	.provision .btnBlue, .provisionMenu .btnBlue{
		width:100%;
		text-align:center;
		}
	.provision .btnBlue img, .provision .btnBlue p, .provisionMenu .btnBlue img, .provisionMenu .btnBlue p{
		float:none;
		}
	.provision .btnBlue p, .provisionMenu .btnBlue p{
		width:100%;
		}
	.index section h2{
		font-size:200%;
		}
	}
@media screen and (max-width:375px) {
	.provision button img, .provisionMenu button img{
		width:20%;
		}
	.provision button{
		font-size:110%;
		}
	}
@media screen and (max-width:320px) {
	.provision button img, .provisionMenu button img{
		margin-top:5px;
		}
	.provision button p, .provisionMenu button p{
		margin:0;
		}
	}
	
@media screen and (min-width:960px) {
	#custom_index .mm-menu{
		width:15%;
	}
}


@media screen and (max-width:991px) {
	.traffic .col-md-6{
		padding-left:15px;
	}
}



@media screen and (max-width:645px) {
	.form-control,#contact_form label{
		width:100%;
		text-align:left;
		float:none;
	}
	.form-group{
		padding-left:0;
	}
	
}