@charset "big5";
/* CSS Document */
body{margin:0;}

#containter{margin:0 auto; padding-top:40px; width:980px;}
#top img{display:block;}
#top-mobile{display:none;}
#top-mobile img{display:block; width:100%;}

#main{margin:0 auto; padding:10px 0; width:900px;}
#main hr{clear:both; visibility:hidden;}
.office{padding:10px 0;}
.locationphoto{width:400px; float:left;}
.content{width:300px; height:200px;border-collapse:collapse; float:left;}
.content,.content tr,.content th,.content td{border:solid 1px #0080cc;}
.content th,.content td{padding:3px 5px; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:20px; letter-spacing:1px; text-align:left; vertical-align:top;}
.content th{color:#0066CC; text-indent:2px; text-align:left;}
.content td,.content td a{color:#333333;}
.content td:first-child{width:60px; text-align:center;}
.content td a{text-decoration:none;}
.content td a:hover{color:#0066FF;}

.hid{display:none;}
.seemore{text-align:right;}
.seemore a{color:#FF3300; font-size:13px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; letter-spacing:1px; text-decoration:none; cursor:pointer;}
.seemore a:hover{color:#FF00FF;}
.textless{display:none;}
.locationmap{margin-bottom:10px; width:100%; height:600px;}
.blue{color:#0066CC;}
.line{margin-bottom:10px; height:10px; border-bottom:dashed 1px #333333;}

nav {position:relative; height:auto; box-sizing:border-box; padding:10px 0px;}
nav a {display:inline-block; width:70px; font-size:16px; line-height:28px; font-family:·L³n¥¿¶ÂÅé,MS Gothic,sans-serif; color:#0077ee; border:4px double #0077ee;text-decoration:none;}
nav a:hover {font-family:·L³n¥¿¶ÂÅé,MS Gothic,sans-serif; color:#fb04be; border:4px double #fb04be; font-size:16px; line-height:28px;}
nav a.slec {color:#fb04be; border:4px double #fb04be; cursor:default;}
nav i.nav_rt {position:absolute; right:0px; top:0px; padding:17px 5px;}
nav i.nav_lt {position:absolute; left:0px; top:0px; padding:17px 5px;}
#line{ width:22%;}

@media only screen and (max-width: 768px) {
  #containter{width:100%;}
  #top{display:none;}
  #top-mobile{display:block;}
  
  #main,.locationphoto,.content{width:100%; float:none;}
  .content th,.content td,.seemore a{font-size:16px; line-height:24px;}
  .content td:first-child{width:75px;}
  .locationmap{height:400px;}
  
  
  	nav {width:100%; box-sizing:border-box; padding:0px 10px; height:auto;line-height:39px;}
	nav a {width:50px; font-size:14px; line-height:20px; paddding:10px 0px;}
	nav a:hover {width:50px; font-size:14px; line-height:20px; paddding:10px 0px; color:#b9cadb; border:4px double #b9cadb;}
}