@charset "UTF-8";
/* CSS Document */
/*主選單*/
#header ul li a.herenow{color:#608ff7; font-weight:bold;}

.map{ width:70%; height:300px; margin:0 15%;}

.info{display:block;list-style-type:none; text-align:center;margin:100px 0 0 0; padding:0 0 0 0;}
.info ul{}
.info li{ display:block;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.info li a{ font-family:'Hind Vadodara',sans-serif,"微軟正黑體", "Microsoft JhengHei",helvetica-w01-light, helvetica-w02-light, sans-serif; line-height:38px; letter-spacing:1.5px; font-size:14px; text-decoration:none; color:#000;}
.info li a img{ display: inline-block; margin:-10px 5px 0 0; padding:0;width:50px; height:30px;}


.seemore{ display:block; margin:0; }
.seemore a{ position:relative;margin:0; padding:15px 70px; border:3px solid #000; font-size:14px; line-height:55px;text-decoration:none; color:#000; font-family:Arial, Helvetica, sans-serif; letter-spacing:3px;}
.seemore a:after{ content:''; width:8px; height:8px; position:absolute;top:16px; right:40px;border:2px solid #000; border-top:2px solid transparent; border-left:2px solid transparent; transform: rotate(-45deg);}
.seemore a:hover{ background-color:#000; color:#fff;}
.seemore a:hover:after{ content:'';border:2px solid #fff; border-top:2px solid transparent; border-left:2px solid transparent; transform: rotate(-45deg);}
.seemore a:before{ content:url(../images/icon/messenger.png); position:absolute; top:5px; left:35px;} 
.seemore a:hover:before{ content:url(../images/icon/messenger_hover.png);} 

.homeinfo{font-family: 'Poppins', sans-serif;color:#000;margin:auto; display:inline-block; text-align:center; width:100%; margin-top:-20px}
.homeinfo h4{ font-size:26px; border-bottom:1px #000 solid; width:40%; text-align:center; margin-left:30%; padding-bottom:35px;}
.homeinfo a{ text-decoration:none;font-size:13px; padding: 0 30px; color:#000;}


@media screen and (max-width:768px){
	.map{width:90%; height:500px; margin:0 5%;}
	.info{margin:10% 0 0 0;}
	.info li a{font-size:12px;line-height:30px;}
	
	
}