*{font-family:"Roboto Condensed", sans-serif;letter-spacing:1px;color:#aaa;}
html, body{height:100%;width:100%;margin:0;padding:0;background-color:#000;background:url(../navpic/bg.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
html{min-height:600px;}
body{min-width:300px;margin:80px 0 50px 0;padding:0;}
header, footer{width:100%;min-width:320px;position:fixed;}
header{height:55px;top:0;padding:10px 0px 10px 10px;background-color:#000;background:url(../navpic/bg.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-size:20px;z-index:90;}
header img{margin:0 0;border:none;float:left;}
header a{text-decoration:none;}
header a img{margin:0 0;border:none;float:left;}
header a:hover{color:#eee;}
header nav{margin-top:14px;float:left;overflow:visible;position:relative;text-align:left;}
header nav a.city-top, header nav a.cityen-top, header nav a.cityenflag-top, header nav a.city-loc{float:left;margin-left:32px;}
header nav ul{display:none;margin:4px 0 0 -135px;padding:5px 5px 25px 5px;width:335px;min-width:320px;list-style:none;color:#ccc;float:left;}
header nav:hover ul{display:block;color:#eee;background:rgb(22, 22, 22);background:rgba(22, 22, 22, 0.95);}
header nav ul li{padding:2px;font-size:14px;background:rgb(22, 22, 22);background:rgba(22, 22, 22, 0.95);float:left;}
.touch header nav ul li{font-size:18px;}
header nav ul li a{padding:1px 5px;border:1px solid rgb(22, 22, 22);text-decoration:none;}
header nav ul li a:hover{border:1px solid #000;border-color:#eee;}
.whead{margin:0 auto;max-width:1500px;height:65px;border-bottom:1px solid #666;}
.whead-lg{margin:0 auto;max-width:1880px;height:65px;border-bottom:1px solid #666;}
.logo{margin:0;border:none;float:left;}
.flag{float:right;margin:0px 40px 0px 32px;}
#flag img{margin-right:30px;float:right;}
.msland{padding-right:180px;letter-spacing:0.4em;}
h1{padding:0 10px;margin:-5px 80px 0 20%;max-width:350px;color:#ddd;font-size:1.2em;white-space:nowrap;float:left;position:absolute;}
.hotel{margin:24px 0 0 20%;max-width:none;}
#navtop{width:150px;margin-top:12px;margin-right:22px;float:right;}
#navtop a{color:#ddd;}
#navtop a:hover{color:#fff;}
.navtop-en{width:80px;margin-top:12px;margin-right:22px;float:right;}
#content{margin:0px auto;max-width:1533px;}
#large_content{margin:0 auto;max-width:1970px;}
#menu{float:left;overflow:visible;margin-left:30px;font-size:16px;}
#menu nav ul{display:none;width:335px;min-width:320px;margin:33px 0 0 -12px;padding:5px 5px 25px;list-style:none;z-index:50;position:absolute;}
#menu:hover nav ul{display:block;color:#eee;background:rgb(22, 22, 22);background:rgba(22, 22, 22, 0.95);}
#menu nav ul li a{padding:1px 5px;border:1px solid rgb(22, 22, 22);background:rgb(22, 22, 22);background:rgba(22, 22, 22, 0.95);font-size:.9em;text-decoration:none;float:left;}
#menu nav ul li a:hover{border-color:#eee;color:#eee;}
h2{margin:-5px 0 -35px 0px;font-size:1.1em;font-weight:normal;background:rgb(22, 22, 22);background:rgba(22, 22, 22, 0.95);z-index:5;}
h2:hover{color:#eee;}
.touch h2{visibility:hidden;}
p{margin-top:4px}
#content-top{margin:85px auto;max-width:1533px;min-width:300px;clear:both;}
#box, #hotelbox{width:350px;margin:17px 15px 0px 16px;font-size:0.7em;float:right;}
#g_search{margin:-16px 11px 0px 10px;}
.adv-more{width:270px;border:1px;padding-bottom:20px;}
.adv-more a{padding:0px 10px;font-size:1.4em;text-decoration:none;border:1px solid #666;}
.adv-more a:hover{color:#eee;border:1px solid #eee;}
.g_adv2{width:300px;height:250px;}
.g_adv_only{margin:44px 17px;width:300px;min-height:250px;}
.g_adv_search{margin:37px 27px 0px 0px;width:300px;min-height:250px;float:right;text-align:center;}
.g_adv_linktips{width:300px;height:250px;padding-left:17px;}
.adv-ind{margin-top:100px;margin-right:25px;float:right;}
#grid ul{margin-top:15px;padding:0 5px;list-style:none;}
#grid ul li{margin:17px 12px 12px;cursor:pointer;float:right;width:350px;min-width:320px;height:161px;border:1px solid #000;background:rgba(25, 25, 25, 1);box-shadow:10px 10px 6px #000;text-align:center;overflow:hidden;font-size:13px;}
#grid ul li:hover{border:1px solid #eee;background:rgba(10, 10, 10, 1);box-shadow:16px 16px 14px #000;color:#fff;overflow:visible;-moz-transition-duration:0.7s;-moz-transition-timing-function:ease-in-out;-webkit-transition-duration:0.7s;-webkit-transition-timing-function:ease-in-out;-o-transition-duration:0.7s;-o-transition-timing-function:ease-in-out;-ms-transition-duration:0.7s;-ms-transition-timing-function:ease-in-out;transition-duration:0.7s;transition-timing-function:ease-in-out;}
#grid .wrapper{height:144px;position:relative;margin-bottom:0;}
#grid .wrapper img{border:none;height:100%;}
#grid .widescreen, #grid_start .widescreen{margin-top:14px;}
#grid .widescreen a{padding:0 0 0 10px;letter-spacing:0.6em;font-size:.85em;text-decoration:none;border:1px solid #111;color:#666;background:rgba(15, 15, 15, 0.5);box-shadow:10px 10px 6px #000;}
#grid .widescreen a:hover{border-color:#eee;color:#eee;background:rgba(10, 10, 10, 1);box-shadow:0 0 1px 2px #ddd;box-shadow:16px 16px 14px #000;-moz-transition-duration:0.4s;-moz-transition-timing-function:ease-in-out;-webkit-transition-duration:04s;-webkit-transition-timing-function:ease-in-out;-o-transition-duration:0.4s;-o-transition-timing-function:ease-in-out;-ms-transition-duration:0.4s;-ms-transition-timing-function:ease-in-out;transition-duration:0.4s;transition-timing-function:ease-in-out;}
#grid .g_cityban{width:728px;height:161px;background-color:#000;border-color:#333;cursor:auto;}
.g_citybanner{padding-top:35px;}
.tabl{margin-left:39px;display:table;height:160px;}
.list_more{min-height:10em;display:table-cell;vertical-align:middle;max-width:350px;text-align:left;vertical-align:middle;cursor:auto;}
.touch .list_more{font-size:16px;}
.list_more a{color:#bbb;text-decoration:none;}
.list_more a:hover{color:#fff;}
#tip{margin-top:-17px;text-align:left;font-size:15px;}
.touch #tip{margin-top:0px;font-size:1.5em;}
#tip ul{margin:0;padding:17px;list-style:none;}
#tip ul li{color:#eee;height:25px;}
.touch #tip ul li{color:#eee;height:25px;padding:4px;}
#tip ul li a{text-decoration:none;border:0;}
#tip ul li a:hover{color:#eee;background-color:#111;}
.cont_down{margin:80px auto;max-width:1490px;min-width:300px;color:#bbb;}
.pad{height:30px;float:left;width:290px;}
h3{margin:0 0 0 13px;width:345px;clear:left;color:#ccc;font-size:18px;}
.touch h3{font-size:20px;}
h4{margin-bottom:7px;text-align:left;font-size:15px;color:#ddd;}
.touch h4{font-size:18px;}
.text-1, .text-1b, .text-2, .text-3{padding:0px 0px 0px 5px;width:350px;font-size:14px;text-align:justify;float:left;}
.text-1{margin:-3px 15px 60px 9px;}
.text-1b{margin:-3px 15px 40px 9px;}
.text-2{margin:0px 15px 30px 9px;clear:left;}
.text-3{margin:0px 15px 70px 9px;}
.touch .text-1, .touch .text-1b, .touch .text-2, .touch .text-3{font-size:16px;}
.text-1 a, .text-1b a, .text-2 a, .text-3 a{color:#ddd;text-decoration:none;}
.text-1 a:visited, .text-1b a:visited, .text-2 a:visited, .text-3 a:visited{color:#ddd;}
.text-1 a:hover, .text-1b a:hover, .text-2 a:hover, .text-3 a:hover{color:#fff;}
.adv2-down, .adv3-down{width:300px;height:250px;}
.adv2-down{margin:40px 0 50px 26px;}
.adv3-down{margin:40px 20px 0px 25px;float:left;}
#adv2-down{margin:0px 0px 40px 15px;width:470px;height:60px;float:left;}
.adv_mobile, .adv_mobile-top, .adv_mobile-m{display:none; width:320px;height:100px;}
.adv_mobile{margin:0 0 90px 0;float:left;}
.adv_mobile-top{margin:0;}
.de-map, .d-map, .d-map_s{width:240px;height:400px;font-size:.9em;float:left;}
.de-map{margin:0 0 0 135px;}
.d-map{margin:66px 0px 22px 147px;}
.d-map_s{margin:-169px 0px 22px 147px;}
.de-map a, .d-map a, .d-map_s a{color:#ddd;text-align:center;text-decoration:none;}
.de-map a:hover, .d-map a:hover, .d-map_s a:hover{color:#fff;}
h5{font-size:14px;font-weight:normal;}
#gmap, .g_map{padding:0 0 60px 0;width:722px;min-width:290px;text-align:left;color:#ccc;font-size:16px;float:left;}
#gmap{margin:0px 360px 50px 17px;}
.g_map{margin:40px 6px 0px 10px;}
#gmap a, .g_map a{font-size:17px;color:#ccc;text-decoration:none;}
#gmap a:hover, .g_map a:hover{color:#fff;}
#map_frame{width:100%;height:660px;margin:-20px 0 0 0;}
.mintxt{font-size:12px;}
footer{width:100%;min-width:300px;height:30px;padding-top:8px;background-color:#000;text-align:center;font-size:11px;border-top:1px solid #222;bottom:0;z-index:800;}
footer a{padding-right:7%;text-decoration:none;float:right;}
footer a:hover{color:#eee;}
.mail{width:135px;height:40px;text-align:right;margin-left:10px;float:left;}
#socmed-fb, .socmed-fb{width:13%;bottom:22px;float:left;}
.gplus{width:13%;padding-left:30px;float:left;}
 .whitenorm{color:#ddd;}
 .indwhite, .white{color:#fff;}
@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;
}
@media screen and (max-width:1530px){h1{margin-left:30%;}
#content-top, .cont_down{max-width:1139px;}
#gmap{margin:0 0 50px 17px;clear:none;float:left;}
.d-map_s{margin:80px 0px 22px 147px;}
}
@media screen and (max-width:1195px){#navtop{margin-top:0;}
#content-top, .cont_down{max-width:770px;}
h1{margin-left:40%;}
h3{margin:0px 0px 0px 17px;}
.text-1, .text-1b, .text3{margin:0px 15px 30px 14px;}
.text-2{clear:none;float:left;}
.de-map{margin:0px 127px 0px 22px;}
 .d-map{margin:0px 127px 60px 22px;}
.d-map_s{margin:0 auto;float:none;}
.adv2-down, .adv3-down{display:none;}
}
@media screen and (max-width:790px){header nav{margin-top:4px;}
h1{margin-top:0;}
#hotelbox{width:199px;float:none;}
#box{margin: 40px 20% 0px 0px;}
.g_adv2{clear:right;margin-right:20%;padding-right:5px;}
#grid ul{padding:0;}
#grid ul li{clear:right;margin-right:20%;}
.cont_down{max-width:660px;}
h3, h4, .text-1, .text-1b, .text-2, .text-3{width:290px;}
.text-1b{margin:0px 15px 90px 14px;}
.de-map{margin:0px 40px 0px 50px;}
#gmap, .g_map{width:600px;}
#grid .g_cityban{width:350px;}
.touch #gmap a, .touch .g_map a{border:1px solid #666;padding:4px;line-height:1.8;}
.adv_mobile-m{padding:30px 0 0 25px;display:block}
.adv_mobile{display:block}
.touch footer{padding-top:32px;}
 #tip, #g_search, .g_adv_linktips, .g_citybanner, .touch .de-map, .touch .d-map, .touch .d-map_s, .hotel, .touch h2, .touch #map_frame, .touch h5, .touch .mintxt{display:none;}
 }
@media screen and (max-width:690px){h1{margin-left:146px;}
.cont_down{max-width:350px;}
.text-1b{margin:0px 15px 30px 14px;}
#gmap, .g_map{width:343px;}
#gmap{margin:0;}
.g_map{margin:40px;}
.g_adv2, .g_adv_search, .g_adv_only, #adv2-down, .city-loc, #navtop{display:none;}
}
@media screen and (max-width:546px){h1{white-space:normal;}
#box{margin: 20px 10% 0px 0px;}
#grid ul li{margin-right:10%;}
#adv2-down, .gplus, #socmed-fb, .socmed-fb{display:none;}
}
@media screen and (max-width:470px){header nav ul{width:300px;min-width:200px;}
.flag{margin:0px 15px 0px 32px;}
header nav a.cityenflag-top{white-space: pre;}
.adv-more{padding: 0 0 0 10px;}
#text-top{width:270px;}
#grid_start ul{margin-top:470px;}
#gmap, .g_map{width:300px;}
.touch .adv_mobile-top{display:block}
}
@media screen and (max-width:400px){header nav ul{margin:-54px 0 0 -135px;}
.flag, .touch .mail{display:none;}
#box{margin: 0; width:auto;}
.touch header nav ul{margin-top:-30px;}
#grid ul li{margin-right:0;font-size:14px;}
.cont_down{margin:0;}
h3{margin-left:8px;}
.text-1, .text-1b, .text-2, .text-3{padding:0;margin:0px 15px 30px 8px;}
.list_more{padding:0 0 0 15px;}
#gmap, .g_map{margin:30px 0px 60px 0;padding:0 0 0 20px;}
.touch footer{font-size:14px;padding:32px 0 0 0;height:15px;}
.touch footer a{padding:0 32px;}
}
@media screen and (max-height:500px){footer{display:none;}
body{margin:0;}
header{position:relative;}
#content-top{margin:0 auto;}
}