@charset "utf-8";
body,html{
	background: #f4f4f4!important;
	font-family: Platform,"Helvetica Neue",Helvetica,Arial,sans-serif, "Times New Roman",Times,serif,微軟正黑體;
	font-weight: 700;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	min-width: 300px;
	color: #4d4d4d;
}

ol,ul{margin: 0;padding: 0;}
li,ul{text-decoration: none;}
ol,ul{list-style: none;}
li {list-style-type: disc;}

a,a *{color: inherit; font-size: inherit; text-decoration: none;}
a:focus,a:hover,a:hover *{text-decoration: none; color: inherit; outline: 0;}
a:focus{border: 0;}
form{color: inherit}input[type=radio]{vertical-align:middle;margin-right:2px}



.navbar-inverse{
	background:  #f4f4f4!important;
}

.left{float: left;}
.right{float: right;}
.clear{clear: both!important;}
.text_left{text-align: left;}
.text_right{text-align: right;}
.text_center{text-align: center;}
.absolute{position: absolute;}
.relative{position: relative;}
.cell{display: table-cell; vertical-align: middle;}
.no_margin{margin: 0px !important;}


.container{padding-right: 0; padding-left: 0px;}

@media (min-width: 1200px){
	.container { width: auto; margin-left: 0%; margin-right: 0%;}
	.minHeight {
        min-height: 60vh;
	}
}
@media (max-width: 1200px){
	.container { width: auto; margin-left: 0%; margin-right: 0%;}
	
}
.content{position: relative; margin: 0 auto; text-align: center; background-color: #ffffff;}
.row{margin-left: 0px; margin-right: 0px;}

/*deskmobile*/
.desktop{
	display:block !important;
}
.mobile{
	display:none !important;
}
@media screen and (max-width:767px) {
	.desktop{
		display:none !important;
	}
	.mobile{
		display:block !important;
	}
}
.desktop{
	display:block;
}
.for_pc{
	display:block;
}

.mobile{
	display:none !important;
}
.for_mobile{
	display:none;
}

@media screen and (max-width:767px) {
	.desktop{
		display:none !important;
	}
	.mobile{
		display:block !important;
	}
}
/*/deskmobile*/


/*deskmobile for general*/
.desktop2{
	display:block;
}

.mobile2{
	display:none !important;
}
@media only screen and (device-width: 768px) {
	.mobile2{
			display: block !important;
			}
	.desktop2{
		display:none !important;
	}
}  

@media screen and (max-width:767px) {	
	.desktop2{
		display:none !important;
	}

	.mobile2{
		display:block !important;
	}
}


/*/deskmobile*/
/* Exclude Ipad */
	@media (min-width:767px) and (max-width:990px){	
		.excludeIpad{
			display:none !important;
		}

	}

	@media only screen and (orientation : landscape) {
		.onlyIpadH {
			display:none !important;
		}
		
	}
/* Exclude Ipad */


/* glyphicon */
.glyphicon-plus-sign {
	color: #01A09B;
}
.glyphicon-plus-sign:hover, .glyphicon-plus-sign:focus, .glyphicon-plus-sign:active{
	color: #37AECC;
}
/* glyphicon */



/*btn ------------------------------------------------------------------------------------------------------------------------- */
	.btn:hover {
		color: #634a43 !important;
		border-bottom: 1px solid #634a43 !important;
		background-color: #FFFFFF !important;
	}
		
	.btn-index {
		min-width: 250px;
		display: inline-block;
		background-color: #004880;
		color: #ffffff;
		font-family: Arial,Helvetica,sans-serif;
		font-weight: 400;
		font-size: 13px;
		float: right;
		border: 1px solid #ffffff;
		border-radius: 0px;
		padding: 5px 0px 5px 0px;
		text-align: center;
		font-weight: bold;
		float: inherit;
	}

	.btn-index:hover{
		color: #ffffff !important;
		border: 1px solid #F68565 !important;
		background-color: #F68565 !important;
	}

	.btn-index.active.focus, .btn-index.active:focus, .btn-index.focus, .btn-index:active.focus, .btn-index:active:focus, .btn-index:focus {
		color: #ffffff !important;
		border: 1px solid #F68565 !important;
		background-color: #F68565 !important;
	}
		
		
	@media (max-width: 767px){	
		.btn-index {
			min-width: 50px;
			display: inline-block;
			background-color: #004880;
			color: #ffffff;
			font-family: Arial,Helvetica,sans-serif;
			font-weight: 400;
			font-size: 13px;
			/*float: right;*/
			border: 1px solid #ffffff;
			border-radius: 0px;
			padding: 5px 0px 5px 0px;
			text-align: center;
			font-weight: bold;

		}
	}

	.btn:hover {
		color: #004880 !important;
		border-bottom: 1px solid #004880 !important;
		background-color: #FFFFFF !important;
	}
	
	/*btm ------------------------------------------------------------------------------------------------------------------------- */
	.btm{
		display: block;
		/*background: url(../images/.png);*/
		background: #004880;
		padding: 5px 20px;
		max-width: 150px;
		font-size: 18px;
		color: #ffffff;
		text-align: center;
		margin-top: 20px;
		border: 1px solid #004880;
	}

	.btm:hover{
		color: #004880;
		background: #ffffff;
		border: 1px solid #004880;
	}

	.btm span{
		margin-right: 10px;
	}
	/*btm ------------------------------------------------------------------------------------------------------------------------- */
	/*btm_cart ------------------------------------------------------------------------------------------------------------------------- */
	.btm_cart{
		display: block;
		/*background: url(../images/.png);*/
		background: #ffffff;
		padding: 5px;
		max-width: 30px;
		font-size: 15px;
		color: #C4AC9B;
		text-align: center;
		margin-top: 0px;
		border: 1px solid #C4AC9B;
		border-radius: 25px;
		height: 28px;
	}

	.btm_cart:hover{
		color: #ffffff;
		background: #C4AC9B;
		border: 1px solid #C4AC9B;
	}

	.btm_cart span{
		margin-right: 0px;
		text-align: center;
	}	
	/*btm_cart ------------------------------------------------------------------------------------------------------------------------- */
	
/*btn ------------------------------------------------------------------------------------------------------------------------- */
/*min height ------------------------------------------------------------------------------------------------------------------------- */
	@media (min-width: 767px){
		.basicMinHeight{
			min-height: 800px !important;
		}
	}
	
	@media (max-width: 767px){
	}
	
	/* iPads (portrait) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
		.basicMinHeight{
			min-height: 830px !important;
		}
	}   

	/* iPads (landscape) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
		.basicMinHeight{
			min-height: 550px !important;
		}
	} 
/*min height ------------------------------------------------------------------------------------------------------------------------- */

/*----------------------------------------------------------------------------------------------------------------------------putlast*/

.minusCon {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.headerP {
	min-height: 68px !important;	
	margin-bottom: 15px !important;
}

/*----------------------------------------------------------------------------------------------------------------------------putlast*/