@charset "big5";
/* CSS Document */
@media only screen and (max-width: 768px) {
#main{box-shadow:none;}
#container{margin:0; width:100%; background-color:#FFFFFF;}
#top,#menu,#right .map{display:none;}
#top-mobile,#menu-mobile,.map-mobile{display:block;}
#left{float:none; width:100%; padding-bottom:10px;}
#right{float:none; width:100%;}
#bottom{height:0;}
.title{margin:0; font-size:21px;}
.index-wdf .title{background-color:#FFDDFF; color:#990066;}
.content{box-shadow:none;}
.content p,.content p a,.content p a:hover{font-size:16px; line-height:24px;}
.content h2{font-size:20px; line-height:27px;}
.content h2 span,.content h2 div{font-size:16px;}
.content h2 span{display:inline-block;}
.content .img img{margin:0;}
.index-cul .content img{width:60%;}
.index-sum .content img{width:50%;}
.index-hal .content img{width:50%;}
.index-wdf .content img{width:50%;}
.index-win .content img{width:40%;}
.index-new .content img{width:50%;}
#rmenu a,#rmenu b{margin:3px 0;}
#jump{display:block;}
#left .map a{width:95%;}
#left .map img{width:100%;}
#left .special img{width:100%;}
.visa,.visa a,.visa a:hover{font-size:15px; line-height:22px;}
.visa b{font-size:18px;}
.visa br{display:none;} 
.empire{background:none;}
.empire .phone{display:block;}
.empire .first{padding:10px; background-color:#990000; font-size:15px; line-height:22px;}
.empire .second{font-size:20px;}
.empire .third{font-size:15px; line-height:22px;}
.empire .third span{display:block;}
.empire br{display:none;}
#mhk { display:block;} 
#mhk img{ max-width:95%;}
.hkad{ display:none}
.hkad img{ display::none }
}