.h_logo img { max-height: 40px; }
.container { margin: 0 auto; }
@media (max-width: 767px) { .container { width: 96%; } }
@media (min-width: 768px) and (max-width: 1299px) { .container { width: 90%; } .h_logo img { max-height: 30px; } }
@media (min-width: 1300px) { .container { width: 100%; max-width: 1200px; } .h_logo img { max-height: 30px; } }
.header { width: 100%; position: relative; z-index: 10; background: #fd8c05; padding-top: 15px; }
#header > .container { padding-top: 15px; position: relative; }
#header > .h_inside > a { float: left; }
.h_logo { position: absolute; top: 50%; left: 0; height: 40px; margin-top: -15px; }
#goToTop { position: fixed; bottom: 50px; right: 10%; padding: 4px; background: #999; cursor: pointer; }
#header .top_head { display: flex; justify-content: flex-end; line-height: 50px; color: #fff; }
.top_head .h_share { display: flex; margin-right: 0; align-items: center; }
.top_head .h_share li { margin: 0 5px; }
.top_head .h_share div { display: none; position: absolute; top: 26px; padding: 5px; z-index: 1; background: #fff; border-radius: 5px; }
.top_head .h_share div img { display: block; }
.top_head .h_login { margin-right: 30px; position: relative; }
.top_head .h_login div:last-child { position: absolute; display: none; top: -14px; }
#header .bot_head { display: flex; justify-content: flex-end; line-height: 36px; }
.bot_head .h_menus { display: flex; margin-right: 14px; align-items: center; }
.bot_head .h_menus > li { position: relative; }
.bot_head .h_menus > li > a, .bot_head > .h_menus > li > a:visited { background: transparent; color: #fff; font-size: 16px; padding: 8px 30px 8px 0; }
.bot_head .h_menus > li > a:hover, .bot_head .h_menus > li a.current { color: #ffffff; }
.h_menus > li > .sub_menu { display: none; width: max-content; position: absolute; top: 32px; background: #ededed; }
.h_menus > li:hover .sub_menu { display: block; }
.h_menus > li > .sub_menu > li { position: relative; }
.h_menus > li > .sub_menu > li > a { display: block; padding: 5px 10px; background: transparent; color: #000; font-size: 14px; }
.h_menus > li > .sub_menu > li > a:hover { color: #fff; background: #fd8c05; }
.sub_menu .lightmenu { display: none; position: absolute; background: #ddd; left: 100%; top: 0; }
.sub_menu .lightmenu a { display: block; padding: 5px 15px; background: transparent; color: #000; font-size: 14px; white-space: nowrap; }
.sub_menu .lightmenu a:hover { color: #fff; background: #ffad4c; }
.h_menus .sub_menu > li:hover .lightmenu { display: block; }
.h_search { display: flex; width: 191px; height: 32px; position: relative; margin-top: 0px; }
.h_search .topsotext { width: 152px; height: 30px; position: absolute; left: 0; top: 0; border: 0; }
.h_search .btn_search { position: absolute; right: 0; top: 0; background: #363636; width: 40px; height: 30px; border-radius: 0px; color: #fff; text-align: center; line-height: 30px; }
.h_search > input:first-child { background-color: #cccece; border: 0; }
.h_tips { line-height: 26px; }
.h_lang { position: relative; margin-left: 0px; height: 26px; }
.h_lang span { display: block; width: 90px; height: 26px; line-height: 26px; margin: 0 0 0 10px; text-align: center; color: #363636; border-radius: 5px; background: #ffffff; font-size: 12px; box-shadow: inset 0.5px -1px 2px rgba(0, 0, 0, 0.25); border-radius: 4px; }
.h_lang a i { font-size: 12px; }
.h_lang_box { display: none; position: absolute; left: 0; top: 26px; width: 90px; background-color: #ffffff; z-index: 2; border-radius: 4px; line-height: 26px; text-align: center; color: #363636; box-shadow: inset 0.5px -1px 2px rgba(0, 0, 0, 0.25); }
.h_lang_box a { display: block; }
.h_lang_box a:hover { color: #fd8c05; }
.h_lang:hover .h_lang_box { display: block; }
.sub_icon { margin-left: 5px; }
#dy { cursor: pointer; }
.email_booking { float: left; width: 200px; display: none; margin-left: 20px; }
.inviteform2 { width: 100%; font-size: 0; height: 30px; }
.topdyemail, .topdybutton { display: inline-block; vertical-align: top; }
.topdyemail { width: 160px; height: 30px; line-height: 30px; border: 0; font-size: 12px; padding: 0 5px; }
.topdybutton { width: 40px; height: 30px; border: 0; background: url(../submit.png) left center; }
@media (max-width: 1100px) and (min-width: 981px) { .bot_head .h_menus > li > a, .bot_head > .h_menus > li > a:visited { padding-right: 16px; } .h_logo { margin-top: -36px; } }
@media (max-width: 980px) and (min-width: 0px) { .header, .navigation { display: none; } .phone_header { height: 30px; } .phone_logo { width: 50%; } .phone_logo img { max-width: 100%; max-height: 30px; } .menu_btn { width: 30px; } .menu_btn img { width: 100%; } .moblie_header { display: block; position: fixed; top: 0px; left: 50%; padding: 10px 5px; background-color: #fd8c05; transform: translateX(-50%); width: 100%; z-index: 10; } .moblie_header .fl img { max-height: 40px; max-width: 50%; } .moblie_header .fr a { display: block; width: 100%; height: 100%; } .moblie_header .fr a img { height: 26px; vertical-align: middle; margin-top: 17px; } .moblie_header_top { background: #e5e5e5; padding: 6px 0; } .menu_box { display: block; position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; z-index: 10000; } .menu_box .menu_mark { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; z-index: 1; } .menu_box .btn_closed_box { position: absolute; width: 20%; left: 0px; top: 5%; z-index: 100; filter: alpha(opacity=0); opacity: 0; } .menu_box .menu_nav { position: absolute; width: 80%; right: 0px; top: 0px; background-color: #545454; height: 100%; z-index: 100; right: -80%; } .menu_box .menu_nav ul { padding-left: 5%; padding-right: 5%; } .menu_box .menu_nav ul li { border-bottom: 1px solid #ffffff6b; position: relative; } .menu_box .menu_nav ul.child_nav > li:last-child { border-bottom: 0; } .menu_box .menu_nav ul li a { display: block; width: 100%; height: 45px; color: #fff; line-height: 45px; padding-left: 3%; font-size: 16px; } .menu_box .menu_nav ul li.had_sonnav a { width: calc(100% - 45px); } .menu_box .menu_nav ul li .plus { z-index: 2; width: 45px; height: 45px; padding: 14px; display: inline-block; position: absolute; right: 0; top: 0px; background: url(../plus.png) center center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; } .menu_box .menu_nav ul li .plus_on { background: url(../reduce.jpg) center center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; } .menu_box .menu_nav ul li .child_nav { display: none; } .menu_box .menu_nav ul li .child_nav a { height: 40px; line-height: 40px; font-size: 14px; } .menu_box .menu_nav ul li.had_sonnav a { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .phone_margin { height: 50px; } .h_search { width: 90%; margin: 10px auto; } .h_search .topsotext { width: calc(100% - 40px); } .h_search .btn_search { background-color: #fd8c05; } }
@media (max-width: 980px) and (min-width: 768px) { .menu_box .menu_nav { width: 400px; } }
.goTop { cursor: pointer; position: fixed; right: 0px; bottom: 10%; z-index: 99; display: none; }
.footer { width: 100%; background-color: #363636; padding: 40px 0; }
.footer_nav { border-right: 1px solid #ffffff; flex: 1; margin-right: 5%; }
.footer_nav dl { display: inline-block; vertical-align: top; margin-right: 4%; margin-bottom: 4%; font-size: 14px; line-height: 1.5; }
.footer_nav dl dt a { font-weight: bold; color: #ff8b00; margin-bottom: 10px; }
.footer_nav dl dd a { color: rgba(255, 255, 255, 0.54); }
.footer_nav dl dd a:hover { text-decoration: underline; }
.footer_contact { width: 360px; color: #ffffff; }
.footer_facebook_code { text-align: center; color: #ffffff; width: 102px; line-height: 30px; }
.footer_facebook_code img { width: 100%; }
.footer_address { padding-left: 6%; line-height: 26px; width: calc(100% - 140px); min-width: 186px; }
.footer_address .tit { font-weight: bold; color: #ff8b00; margin-bottom: 10px; line-height: 16px; }
.footer_address .iconfont { margin-right: 16px; }
.share { margin-top: 30px; font-weight: bold; font-size: 14px; }
.social, .share .tips { display: inline-block; vertical-align: middle; }
.share .tips { width: 62px; }
.social { margin-left: 10px; width: calc(100% - 74px); }
.social a { display: inline-block; vertical-align: top; width: 32px; height: 32px; margin-right: 10px; margin-top: 5px; }
.social .icon_share { display: inline-block; vertical-align: top; width: 100%; height: 100%; background-size: 100% 100%; background-repeat: no-repeat; }
.icon_facebook1 { background-image: url("../icon_facebook1.png"); }
.icon_tuite1 { background-image: url("../icon_tuite1.png"); }
.icon_google1 { background-image: url("../icon_google1.png"); }
.icon_in1 { background-image: url("../icon_in1.png"); }
.icon_linkedin1 { background-image: url("../icon_linkedin1.png"); }
.copy_right { width: 100%; background-color: #000; color: #ccc; padding: 15px 0; text-align: center; }
@media (max-width: 1024px) { .footer_contact { width: 294px; } .footer_nav { margin-right: 4%; } }
@media (max-width: 767px) { .footer_nav { display: none; } .footer_contact { width: 100%; } .footer_address { padding-left: 15px; } .copy_right { font-size: 12px; padding: 10px 0; } }
.bot_head .h_menus > li.active > a { text-transform: uppercase; }
#sys_check_box { padding: 20px 10px; }
.true_btn_submit { margin: 20px auto 0 auto; }
.whatsapp-pc { position: fixed; right: 0px; bottom: calc(10% + 70px); cursor: pointer; border-radius: 50px; overflow:hidden; width:60px; height:60px; z-index:999; }
.whatsapp-m { position: fixed; right:0; bottom:20%; cursor:pointer; border-radius:50px; overflow:hidden; width:60px; height:60px; z-index:999; }
.whatsapp a, .skype a { display:block; }
.whatsapp img, .skype img { width:100%; height:100%; }
.whatsapp-m { display:none; }
.skype { position: fixed; right:0px; bottom:calc(10% + 140px); cursor:pointer; overflow:hidden; width:60px; height:60px; z-index:999; }
@media(max-width:768px){ .whatsapp-pc{display:none;} .whatsapp-m{display:block;} }