body { height: 100%; font-family: "微軟正黑體"!important; }

#title-zone {width:100%; padding-top:4px;}
#title-logo {margin:0px auto; width:940px; height:120px; background:url(../img/basic/title-logo.png) no-repeat;position:relative;}
#title-logo ul {padding:0px; margin:0px; position:absolute; top:0px; left:580px;}
#title-logo ul li {display:inline-block; float:left; height:32px;}
#title-logo ul li a { display:inline-block; color:#000; height:32px; font-size:13px; padding-left:4px; padding-right:4px; font-weight:bold;}
#title-logo ul li a:hover {text-decoration:none; color:#27A6E1; }
#title-logo ul li.title-link {padding-top:6px; }

#menu-zone {width:100%;background:#27A6E1; height:52px; margin-top:2px;}
#menu-zone ul {padding:0px; margin:0px auto; width:940px; list-style:none;/*border:solid 1px red;*/ }
#menu-zone ul li {display:inline-block; float:left; /*border:solid 1px green;*/ }
#menu-zone ul li a {display:inline-block; color:#000; font-size:15px; padding:8px 6px 0px 6px; font-weight:bold; background:url(../img/basic/menu-body.png) repeat-x; height:52px;/*border:solid 1px green;*/}
#menu-zone ul li a:hover {text-decoration:none; color:#27A6E1; }
#menu-zone ul li.divide-bar a:hover {text-decoration:none; color:#000; }
.menu-left {background:url(../img/basic/menu-left.png) no-repeat; color:#000!important; width:132px; height:52px; padding-left:36px; padding-top:8px;}
.menu-right{background:#27A6E1 url(../img/basic/menu-right.png) no-repeat; color:#000!important; width:70px; height:52px; }

#main-content { width:100%; padding-top:20px; min-height:1120px;}
#main {margin:0px auto; width:860px;}
.col {padding:4px; }
.sidenav { /*padding-top:20px; background-color:#fff; height: 100%;*/ }
span.VerticalBar {/*margin-left:4px; margin-right:4px;*/ display:inline-block; width:1px; height:12px; border-left:solid 1px #c0c0c0; }
p.city a:first-child { color:#a6a6a6;}

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:100%!important; display:block;z-index:2000;position:relative;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style] {width:100%!important;display:block;z-index:2000;position:relative;}


#footer { width:100%;  background-color: #555; color:#fff; margin-top:12px; padding-top:12px; padding-bottom:12px; }
#footer p { margin:0px auto; width:540px; text-align:center;}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
 #mobel-logo {background:#fff url(../img/basic/logo1.png) no-repeat top left; height:73px; width:100%; border-bottom:solid 2px #27A6E1; padding-bottom:12px;}
 #title-zone{ display:none; }
 #menu-zone { display:none; }
 .sidenav {display:none; }
  #main-content { height:100%;}
  #main {margin:0px auto; width:88%;}
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}