/* == 共用區 ============================================================================= */



/* == 桌機版 ==================================================================


=========== */




/*內容滿版背景*/
.contentoutside{width:100%;
}


/*桌機內容*/
.content{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:2% 1%;
	text-align:center;}

.car2{
	width:100%;
    padding:2% 1%;
	margin:2% auto;}
.car2 li{
	background-color:#179017;
     margin:2% 1%;
	width:30%;
	height:45px;
	line-height:45px;
	font-size:25px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:60px;
	transition:0.5s;}
.car2 li a{
	color:#fff;
	display:block;
	text-decoration:none;}
.car2 li:hover{
	background-color:#042209;
	transform:scale(0.95,0.95);}


.car3{
	width:100%;
    padding:2% 1%;
	margin:2% auto;}
.car3 li{
	background-color:#3974EB;
     margin:2% 1%;
	width:30%;
	height:45px;
	line-height:45px;
	font-size:25px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:60px;
	transition:0.5s;}
.car3 li a{
	color:#fff;
	display:block;
	text-decoration:none;}
.car3 li:hover{
	background-color:#091D78;
	transform:scale(0.95,0.95);}

.car4 li{
	background-color:#F57375;
     margin:2% 1%;
	width:30%;
	height:45px;
	line-height:45px;
	font-size:25px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:60px;
	transition:0.5s;}
.car4 li a{
	color:#fff;
	display:block;
	text-decoration:none;}
.car4 li:hover{
	background-color:#D44144;
	transform:scale(0.95,0.95);}

/* == 手機版 ============================================================================= */
@media screen and (max-width:767px){
.car2{
	width:100%;
    padding:2% 1%;
	margin:2% auto;}
.car2 li{
	background-color:#179017;
     margin:2% 1%;
	width:48%;
	height:45px;
	line-height:45px;
	font-size:20px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:60px;
	transition:0.5s;}
.car2 li a{
	color:#fff;
	display:block;
	text-decoration:none;}
.car2 li:hover{
	background-color:#042209;
	transform:scale(0.95,0.95);}
.car3{
	width:100%;
    padding:2% 1%;
	margin:2% auto;}
.car3 li{
	background-color:#3974EB;
     margin:2% 1%;
	width:48%;
	height:45px;
	line-height:45px;
	font-size:20px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:60px;
	transition:0.5s;}
.car3 li a{
	color:#fff;
	display:block;
	text-decoration:none;}
.car3 li:hover{
	background-color:#091D78;
	transform:scale(0.95,0.95);}
.car4{
	width:100%;
    padding:2% 1%;
	margin:2% auto;}
.car4 li{
	background-color:#F57375;
     margin:2% 1%;
	width:48%;
	height:45px;
	line-height:45px;
	font-size:20px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:60px;
	transition:0.5s;}
.car4 li a{
	color:#fff;
	display:block;
	text-decoration:none;}
.car4 li:hover{
	background-color:#D44144;
	transform:scale(0.95,0.95);}