@charset "utf-8";
/* CSS Document */


html, body { width:100%; overflow-X:hidden; font-size: 62.5%; }

body {
	font-family:Arial, Helvetica, "Myriad Pro", "Montserrat", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "sans-serif";
	width: 100%;
	overflow-x: hidden;
	position: relative;
	background: #ffffff;
}

@media screen and (max-width: 800px) {
	body {font-size: 12px; }
}

 /*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 內容 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/


.container{width:100%; position:relative; margin: 0; padding: 0; overflow: auto;}
.content {width:100%; max-width: 1000px; margin: 0 auto; padding:10rem 0;text-align: center; overflow: auto;}
h2 {
	font-size: 4rem;
	text-align: center;
	color: #FFFFFF;
}
h3 {
	font-size: 2rem;
	text-align: center;
	color: #A40002;
	margin: 5rem 0;
}
.chosen_box {
	width: 90%;
	max-width: 900px;
	border: 1px solid #EDEDED;
	background-color: #FFF;
	border-radius:10px;
	padding:0 2% 10% 2%;
	display: block;
	text-align: center;
	margin: 15rem 4% 15rem 2%;
}
.boxs {
	width: 28%;
	display: inline-block;
	text-align: center;
	padding:2%;
	vertical-align: top;
}
@media screen and (max-width: 800px) {

	
}

.boxs a {
	text-decoration: none;
	text-decoration-line: none;

}
.boxs a:hover {
	text-decoration: none;
	text-decoration-line: none;
	color: #B3B3B3;

}
.boxs img {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}
.boxs h4 {
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: bold;
	color: #666;
	padding: 0;
	margin: 0 0 0.5rem 0;
}
.boxs p {
	font-size: 1.4rem;
	line-height: 1.8rem;
	color: #666;
	padding: 0;
	margin: 0;
}


#tab-demo{
	width: 100%;
	text-align: center;
}

#tab-demo > ul{ 
	display:block; 
	margin:0;
	list-style:none;
	text-align: center;
	padding: 0;
	margin: 0;
}
.tab-title{
	list-style:none;
}
#tab-demo > ul > li img {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}
#tab-demo > ul > li{ 
	width: 20%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	list-style:none;
	padding: 0;
	margin: 0 2%;
	opacity:0.5;
}
@media screen and (max-width: 800px) {
#tab-demo > ul > li{ 
	width: 40%;
}
}

#tab-demo >  ul > li a{ 
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: bold;
	color: #666;
	text-decoration:none;
}
#tab-demo > ul > li.active{ 
	color: #666;
	opacity:1;
}
#tab-demo > .tab-inner{ 
	clear:both; 

}
.tab-inner{text-align: center; }
.tab-inner ul {text-align: center; display: block;padding: 0; margin: 0;}
.tab-inner ul li {
	width:20%;
	display: inline-block;
	text-align: center;
	padding:1.5rem 0.5rem 2rem 0.5rem;
	vertical-align: top;
	margin: 3rem 1rem;
	font-size: 2rem;
	font-weight: bold;
	color: #666;
	border: solid 1px #ccc;
	-webkit-border-radius:0.5rem;
	-moz-border-radius:0.5rem;
	border-radius:0.5rem;

}
.tab-inner ul li p{
	font-size: 1.4rem;
	text-align: center;
	font-weight: 100;
	margin: 1rem auto;
	line-height: 2rem;
}

@media screen and (max-width: 800px) {
.tab-inner ul li {
	width:40%;
	margin:1rem;
}
}
.tab-inner img {width: 80%; margin: 0 auto; display: block;}
.go_btn {
	margin:1rem auto 0 auto;
	width: 100%;
	max-width:10rem;
	display: block;
	color:#FFF;
}
.go_btn a{
	color:#FFF;
	font-size:1.4rem;
	font-weight: bold;
	padding:0.5rem 1rem;
	text-align:center;
	-webkit-border-radius:1rem;
	-moz-border-radius:1rem;
	border-radius:1rem;
	background: #C00;;
	text-decoration:none;
	text-align:center;
	}
.go_btn a:hover{
	background:#d2d2d2;

	}








.op50 {opacity: 0.5;}
.bg-boxA {
	background: url("../image/BG-A.jpg") fixed top center;
	background-size: cover;
}
.clear {
	clear: both;
}