/*To change this license header, choose License Headers in Project Properties.To change this template file, choose Tools | Templatesand open the template in the editor.*/
/*     Created on : Jul 24, 2014, 4:13:34 PM    Author     : Ping*/

body,
img,
ul,
li,
table,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
p,
button,
input,
textarea,
select,
iframe {
    border: none;
    margin: 0;
    padding: 0;
}
body {
    border-top: 10px #0b72a2 solid;
    font-family: Lato, Arial, sans-serif !important;
    font-size: 12px;
    line-height: 1.25;
}
table {
    border-spacing: 0;
}
th,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}
h1 {
    font-size: 18px !important;
    font-weight: bold !important;
    border-bottom: 1px #d9d9d9 solid;
    padding-bottom: 5px;
    margin: 0 !important;
}
p {
    text-align: justify;
    line-height: 1.5;
}
a {
    color: #63c7f5;
}
a:hover {
    color: #54abd3;
}
.wrap {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}
/*<<<<<<<<<<< header >>>>>>>>>>>*/

.header table {
    max-width: 1000px;
    width: 100%;
    margin-top: 13px;
}
.header table tr td {
    vertical-align: bottom;
}
.logo,
.logo img {
    margin-top: 13px
}
.toplink {
    float: right;
    list-style: none;
    margin-top: 60px;
    width: 100%;
    margin-bottom: 15px;
    /*padding-bottom:15px;*/
}
.mob-view {
    display: none;
}
@media (min-width: 768px) {
    .toplink {
        width: auto;
        margin-bottom: 0;
    }
}
.toplink li {
    float: left;
    margin-left: 40px;
}
@media screen and (max-width: 992px) {
    .toplink {
        width: 100%;
    }
    .toplink li {
        width: 16%;
        margin-left: 3%;
    }
    .wrap {
        width: 100%
    }
}
@media screen and (max-width: 480px) {
    .logo img {
        width: 100%
    }
    .toplink {
        margin-top: 10px;
    }
    .toplink li {
        width: 42%;
        margin-left: 5%;
        margin-top: 10px;
    }
    .col-xs-6 {
        width: 100%
    }
}
.toplink li a {
    display: block;
    color: #931010;
    white-space: nowrap;
    text-decoration: none;
    line-height: 14px
}
.toplink li a img {
    display: block;
    float: left;
    margin-right: 10px;
}
.fb-like-btn {
    margin-top: 5px;
    margin-left: 50px;
    display: none;
}
@media (min-width: 768px) {
    .fb-like-btn {
        display: block;
    }
}
#translate-this,
.translate-this-button {
    float: right;
    top: 24px;
    position: relative;
    z-index: 555;
}
@media screen and (max-width: 767px) {
    #translate-this,
    .translate-this-button {
        display: none;
    }
    .banner {
        height: auto !important;
        min-height: 350px;
        padding-bottom: 20px;
    }
    .banner div img {
        width: 100%;
        margin: 0;
        padding-bottom: 30px
    }
    .banner span {
        left: 50% !important;
        bottom: 20px !important;
    }
}
.menu {
    border-bottom: 5px #63c7f5 solid;
    position: relative;
    border-spacing: 5px 0;
}
.menu tr td {
    text-align: center;
    vertical-align: middle !important;
    height: 21px;
}
.menu tr td a {
    padding: 8px 15px 3px;
    text-decoration: none;
    color: #000000;
    display: block;
}
.menu tr td .active {
    color: #ffffff;
}
.menu tr td a:hover,
.menu:hover tr td a.active {
    color: #000000;
}
.hovering {
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #63c7f5;
}
.sm-no-view {
    display: none
}
@media (min-width: 992px) {
    .sm-no-view {
        display: block
    }
}
/*<<<<<<<<<<< banner >>>>>>>>>>>*/

.banner {
    height: 350px;
    overflow: hidden;
    margin-top: 28px;
    background: #54abd3;
    color: #ffffff;
}
.banner > div {
    position: relative;
    left: 0;
    right: 0;
    display: none;
}
.banner div img {
    float: left;
    margin-right: 48px;
}
.banner div h1 {
    padding: 32px 48px 18px;
    border-bottom: none;
}
.banner div p {
    padding: 0 48px;
}
.banner span {
    position: absolute;
    left: 515px;
    bottom: 30px;
}
.banner span button {
    background: #f8f8f8;
    border: 1px #54abd3 solid;
    padding: 3px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    margin: 2px;
    outline: none;
    cursor: pointer;
}
.banner span button b {
    display: block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
.banner span button.active b {
    background: #54abd3;
}
.banner > p {
    border: 1px #54abd3 solid;
    width: 160px;
    padding: 20px;
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    text-align: left;
    background: #c1e8ff;
}
.banner > h3 {
    color: #54abd3;
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    font-weight: bold;
    font-size: 16px;
}
/*<<<<<<<<<<< home >>>>>>>>>>>*/

.home,
.home-sm {
    height: 170px;
    margin: 30px auto;
}
.home div.box,
.home-sm div.box {
    height: 168px;
    width: 241px;
    color: #ffffff;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.home-sm div.box,
.home-sm .advertisment2 {
    position: relative !important;
    float: left;
    width: 100%;
    display: block;
}
.home div span,
.home-sm span {
    font-size: 18px;
}
.home div a,
.home-sm a {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.home div a:hover,
.home-sm a:hover {
    color: #ffffff !important;
}
.home .advertisment,
.home-sm .advertisment2 {
    padding: 0;
    width: 242px;
    height: 168px;
    border: 1px #000000 solid;
    position: relative;
    overflow: hidden;
}
.home-sm .advertisment2,
.advertisment2 img {
    width: 100%
}
.home .advertisment img,
.home-sm .advertisment2 img {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.home-sm div.box,
.home-sm .advertisment2 {
    margin-bottom: 20px;
}
/*<<<<<<<<<<< footer >>>>>>>>>>>*/

.footer {
    background: #f4f4f1;
    color: #666666;
    padding: 20px 0;
    clear: both
}
/*<<<<<<<<<<< main >>>>>>>>>>>*/

.main {
    margin: 30px auto 60px;
}
.about th {
    text-align: left;
    font-size: 14px;
    border-bottom: 1px #d9d9d9 solid;
    padding-bottom: 5px;
}
.about th:first-child {
    width: 785px;
    font-size: 18px;
    font-weight: bold;
}
.about td {
    padding-top: 25px;
    line-height: 2;
    vertical-align: top;
}
.about td b {
    display: block;
    margin-bottom: 5px;
}
/*.about td:first-child p { padding-right: 80px; }*/

.about td div {
    background: #63c7f5;
    color: #ffffff;
    float: left;
    width: 37px;
    text-align: center;
    line-height: 37px;
    font-size: 18px;
    margin: 5px 5px 25px 0;
}
.facility {
    list-style: none;
    height: 1410px;
}
.facility li {
    display: block;
    position: relative;
    float: left;
    width: 253px;
    margin: 20px 40px;
}
.facility li img {
    position: relative;
    top: 20px;
    padding: 5px;
    border: 3px #63c7f5 solid;
}
.facility li table {
    width: 228px;
    padding: 0 10px;
    margin: 0 auto;
    background: url(../img/layout/facility.png) no-repeat center center;
    height: 50px;
    position: relative;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 1;
}
@media screen and (max-width: 630px) {}.facilitypolicy {
    background: #54abd3;
    color: #ffffff;
    border-radius: 10px;
    border-spacing: 40px 20px;
    font-size: 11px;
    margin-top: 20px;
    width: 100%;
    border-collapse:separate;
}
.facilitypolicy td {
    vertical-align: top;
}
.facilitypolicy b {
    display: block;
    margin-bottom: 5px;
}
.facilitypolicy img {
    margin-top: 8px;
}
.facilitypolicy a {
    color: #ffffff;
}
.member_form {
    width: 100%;
    table-layout: fixed;
    background: #c1e8ff;
    padding: 30px 15px;
    margin-top: 20px;
    border-collapse: separate;
}
.member_form td {
    vertical-align: top;
}
.member_form table {
    width: 600px;
}
.member_form table td {
    padding: 3px 0;
}
.member_form button {
    background: #0b72a2;
    color: #ffffff;
    height: 30px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    margin: 0 auto;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
}
.member_form button:hover {
    background: #54abd3;
}
.member_form ul {
    list-style: none;
}
.member_form li {
    position: relative;
    margin: 0 25px 10px;
}
.member_form label {
    display: block;
    float: left;
    width: 180px;
    max-width: 30%;
    line-height: 1.5;
    margin: 0;
    padding: 6px 0;
}
.member_form em {
    color: #d40000;
}
.member_form input[type="text"] {
    height: 30px;
    border: 1px #54abd3 solid;
    padding: 0 10px;
    max-width: 420px;
    width: 70%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.member_form input[type="password"] {
    height: 30px;
    border: 1px #54abd3 solid;
    padding: 0 10px 0 10px;
    max-width: 420px;
    width: 70%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.member_form select {
    height: 30px;
    border: 1px #54abd3 solid;
    padding: 5px 0 5px 6px;
    max-width: 420px;
    width: 70%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.member_form select.register_dropdown {
    border: 1px #54abd3 solid;
    padding: 5px 0 5px 6px;
    max-width: 420px;
    width: 70%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.member_form .checkbox {
    border: 1px #54abd3 solid;
    background: #ffffff;
    width: 430px;
    padding: 0 10px 10px;
    line-height: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
}
.member_form .checkbox input {
    float: left;
    display: block;
    margin-right: 5px;
}
.member_form .checkbox label {
    position: static;
    display: block;
    line-height: 1.1;
    color: #000000;
}
.member_form .textarea label {
    border-bottom: 1px #d9d9d9 solid;
    width: 430px;
    background: #ffffff;
    top: 1px;
}
.member_form textarea {
    border: 1px #54abd3 solid;
    padding: 40px 10px 10px;
    width: 430px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    resize: none;
    overflow: hidden;
    height: 22px;
    display: block;
}
.member_form2 select {
    border: 1px #54abd3 solid;
    padding: 5px 5px 5px 5px;
    width: 145px;
    max-width: 145px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.member_form2 .member_select {
    height: 28px;
    border: 1px #54abd3 solid;
    padding: 5px 5px 5px 5px;
    max-width: 450px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.member_form_appointment {
    padding-top: 10px;
}
.member_form_appointment td {
    padding-top: 5px;
    padding-left: 5px;
}
.member_form_appointment input[type="text"] {
    height: 28px;
    border: 1px #54abd3 solid;
    padding: 0 10px 0 10px;
    width: 100% !important;
    max-width: 100% !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.member_form_appointment textarea {
    border: 1px #54abd3 solid;
    padding: 5px 10px 10px;
    width: 100% !important;
    max-width: 100% !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    resize: none;
    overflow: hidden;
    height: 100px;
    display: block;
}
.member_form_appointment select {
    border: 1px #54abd3 solid;
    padding: 5px 5px 5px 5px;
    width: 100% !important;
    max-width: 100% !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.appointment {
    width: 100%;
    table-layout: fixed;
    background: #c1e8ff;
    padding: 30px 0 0;
    margin-top: 20px;
    border-collapse: separate
}
.appointment td {
    vertical-align: top;
}
.appointment ul {
    list-style: none;
}
.appointment li {
    position: relative;
    margin: 0 25px 10px;
}
.appointment li label {
    position: absolute;
    top: 0;
    left: 10px;
    line-height: 30px;
    color: #666666;
}
.appointment li span {
    color: #666666;
    display: block;
    border-bottom: 1px #d9d9d9 solid;
    line-height: 30px;
}
.appointment input[type="text"] {
    height: 28px;
    border: 1px #54abd3 solid;
    padding: 0 10px 0 100px;
    width: 455px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.appointment input[type="password"] {
    height: 28px;
    border: 1px #54abd3 solid;
    padding: 0 10px 0 100px;
    width: 344px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.appointment select {
    border: 1px #54abd3 solid;
    padding: 5px 5px 5px 96px;
    width: 456px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.appointment .checkbox {
    border: 1px #54abd3 solid;
    background: #ffffff;
    width: 454px;
    padding: 0 10px 10px;
    line-height: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
}
.appointment .checkbox input {
    float: left;
    display: block;
    margin-right: 5px;
    margin-left: 0 !important;
}
.appointment .checkbox label {
    position: static;
    display: block;
    line-height: 1.1;
    color: #000000;
}
.appointment .textarea label {
    border-bottom: 1px #d9d9d9 solid;
    width: 412px;
    background: #ffffff;
    top: 1px;
}
.appointment textarea {
    border: 1px #54abd3 solid;
    padding: 40px 10px 10px;
    width: 454px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    resize: none;
    overflow: hidden;
    height: 22px;
    display: block;
}
.beforesubmit {
    padding: 25px;
    border-top: 1px #ffffff solid;
    margin-top: 15px;
}
.beforesubmit input[type="checkbox"] {
    margin-right: 5px;
    display: block;
    float: left;
    margin-top: 1px;
}
.beforesubmit label a {
    color: #666666;
}
.beforesubmit li {
    margin-left: 0;
    margin-top: 20px;
    width: 450px;
    float: left;
}
.beforesubmit li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    text-align: center;
    color: #54abd3;
    font-size: 10px;
}
.beforesubmit li a img {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}
#captcha2 {
    text-align: center;
}
.beforesubmit button {
    background: #0b72a2;
    color: #ffffff;
    height: 30px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    margin-top: 35px;
    float: right;
    margin-right: 30px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.beforesubmit button:disabled {
    background: #d9d9d9 !important;
}
.beforesubmit button:hover {
    background: #54abd3;
}
h1 span {
    color: #858585;
}
.team {
    max-width: 1000px;
    width: 100%;
    table-layout: fixed;
    border-spacing: 20px;
    border-collapse: separate;
}
.team a {
    line-height: 50px;
    width: 228px;
    background: url(../img/layout/facility.png);
    display: block;
    color: #ffffff;
    font-size: 14px;
    margin: 0 auto;
    float: left;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.team a:hover {
    background: #63c7f5;
}
.team i {
    color: #666666;
    font-size: 11px;
    display: block;
    margin-top: 5px;
    text-align: left;
    margin-left: 238px;
}
.team em {
    color: #666666;
    font-size: 11px;
    display: block;
    margin-top: 5px;
    text-align: left;
    margin-left: 238px;
}
.team td i {
    line-height: 50px;
    margin-top: 0;
}
.team td em {
    line-height: 50px;
    margin-top: 0;
}
.team2 {
    padding: 0;
    table-layout: fixed;
    max-width: 1000px;
    width: 100%;
    border-collapse: separate;
    float: left;
}
.team2 img {
    display: block;
    float: left;
}
.team2 li {
    list-style: none;
    float: left;
    padding: 10px;
    width: 33%;
}
.team2 i {
    display: block;
    line-height: 26px;
    margin-left: 10px;
    float: left;
}
.team2 em {
    display: block;
    line-height: 26px;
    margin-left: 10px;
    float: left;
}
.serviceholder {
    background: #c1e8ff;
    max-width: 1000px;
    border-spacing: 20px;
    width: 100%;
    float: left;
    border-collapse: separate;
}
.serviceholder td {
    vertical-align: top;
}
.service {
    max-width: 470px;
    width: 100%;
    border-spacing: 0 20px;
    table-layout: fixed;
    border-collapse: separate;
}
.service td {
    background: #ffffff;
    border: 1px #54abd3 solid;
    padding: 10px;
}
.service table {
    width: 100%;
}
.service table td {
    border: none;
    padding: 7px;
}
.service img {
    border: 1px #666666 solid;
    display: block;
    margin-bottom: -1px;
}
@media screen and (max-width: 767px) {
    #translate-this,
    .translate-this-button {
        display: none;
    }
    .banner {
        height: auto !important;
        min-height: 350px;
        padding-bottom: 20px;
    }
    .banner div img {
        width: 100%;
        margin: 0;
        padding-bottom: 30px
    }
    .banner span {
        left: 50% !important;
        bottom: 20px !important;
    }
    .service {
        max-width: 100%;
    }
    .serviceholder td {
        display: block;
        width: 100%
    }
    .service table td {
        width: auto;
        float: left
    }
}
.service ul {
    margin-left: 20px;
}
.service ul li {
    font-weight: bold;
}
.service i {
    color: #666666;
    font-weight: normal;
}
.serviceholder span {
    color: #0b72a2;
    float: right;
}
.requestQuote {
    display: block;
    float: right;
    background: #0b72a2;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 10px;
}
.requestQuote:hover {
    background: #54abd3;
    color: #ffffff;
}
.overlay {
    background: #000000;
    opacity: 0.75;
    filter: alpha(opacity=75);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}
.popup {
    width: 500px;
    background: #c1e8ff;
    position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
}
.popup ul {
    list-style: none;
    padding: 20px;
}
.popup li {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
}
.popup label {
    position: absolute;
    top: 0;
    left: 10px;
    line-height: 30px;
    color: #666666;
}
.popup input {
    height: 28px;
    border: 1px #54abd3 solid;
    padding: 0 10px 0 100px;
    width: 452px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.popup select {
    height: 30px;
    border: 1px #54abd3 solid;
    padding: 5px 5px 5px 96px;
    width: 460px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.popup .textarea label {
    border-bottom: 1px #d9d9d9 solid;
    width: 430px;
    background: #ffffff;
    top: 1px;
    text-align: left;
}
.popup textarea {
    height: 115px;
    border: 1px #54abd3 solid;
    padding: 40px 10px 10px;
    width: 452px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right bottom;
    resize: none;
    overflow: auto;
    display: block;
    font-family: Arial, sans-serif;
}
.popup button {
    background: #0b72a2;
    color: #ffffff;
    height: 30px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 5px;
}
.popup a {
    line-height: 30px;
    background: #54abd3;
    color: #ffffff;
    height: 16px;
    padding: 7px 26px;
    text-align: center;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 5px;
    cursor: pointer;
}
#captcha {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    text-align: center;
    color: #54abd3;
    font-size: 10px;
    padding: 0;
    margin: 0;
    line-height: 1.25;
    overflow: hidden;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
	min-height: 28px;
}
.popup button:hover,
.popup a:hover {
    background: #63c7f5;
    color: #ffffff;
}
.vacation p {
    color: #666666;
}
.vacation ul {
    color: #666666;
    margin-left: 20px;
}
.vacation ul ul {
    color: #000000;
}
.vacation li {
    padding: 5px 0;
}
.vacation td {
    text-align: center;
    padding: 20px;
    vertical-align: top;
    line-height: 1.75;
}
.vacation td span {
    margin-bottom: 3px;
    font-size: 14px;
}
.vacation td a {
    font-style: italic;
    text-decoration: none;
}
.vacation td a:hover {
    text-decoration: underline;
}
.sitemap {
    margin-left: 20px;
    margin-top: 20px;
}
.sitemap ul {
    margin-left: 20px;
}
.sitemap li {
    line-height: 25px;
}
#location {
    width: 377px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    padding: 6px;
}
.contactbtn {
    position: absolute;
    top: 0;
    right: 0px;
    background: #54abd3 url(../img/btn/map.png) no-repeat left center;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 80px;
    display: block;
    padding: 0 10px 0 25px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}
.contactbtn:hover {
    color: #ffffff;
    background-color: #0b72a2;
}
.teammembercv {
    border-spacing: 1px;
    color: #000000;
    margin-top: 20px;
    width: 100%;
    table-layout: fixed;
}
.teammembercv th {
    background: #0b72a2;
    text-align: left;
    padding: 17px 15px;
    width: 95px;
    font-size: 16px;
    vertical-align: top;
    line-height: 35px;
}
.teammembercv td {
    padding: 10px 15px;
}
.teammembercv .year {
    width: 75px;
    text-align: center;
}
.teammembercv .odd td {
    background: #c1e8ff;
}
.teammembercv .even td {
    background: #f8f8f8;
}
.appointment-policy {
    margin-left: 20px;
}
.appointment-policy li {
    margin-bottom: 10px;
}
.charterlist {
    margin-left: 20px;
    line-height: 1.5;
}
.charterlist li {
    margin-bottom: 15px;
    text-align: justify;
}
.careerbanner {
    background: url(../img/layout/career.jpg) no-repeat;
    width: 100%;
    height: 324px;
    position: relative;
}
.careerbanner p {
    position: absolute;
    top: 43px;
    right: 34px;
    text-align: right;
    color: #ffffff;
    font-size: 16px;
}
.careerbanner a {
    position: absolute;
    bottom: 0;
    left: 210px;
    line-height: 58px;
    padding-left: 68px;
    background: url(../img/layout/download.png) no-repeat;
    font-size: 16px;
    text-decoration: none;
}
.career p span {
    color: #63c7f5;
    font-size: 14px;
}
.careermap {
    width: 273px;
    margin-left: 20px;
    margin-top: 5px;
}
.contactform {
    width: 100%;
}
.contactform td {
    width: 45%;
}
.contactform iframe {
    width: 100%
}
.contactform ul {
    list-style: none;
}
.contactform li {
    position: relative;
    margin-bottom: 10px;
}
.contactform li label {
    position: absolute;
    top: 0;
    left: 10px;
    line-height: 30px;
    color: #666666;
}
.contactform li span {
    color: #666666;
    display: block;
    border-bottom: 1px #d9d9d9 solid;
    line-height: 30px;
}
.contactform input {
    height: 30px;
    border: 1px #54abd3 solid;
    padding: 0 10px 0 100px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.contactform select {
    height: 28px;
    border: 1px #54abd3 solid;
    padding: 0 10px 0 100px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.contactform .textarea label {
    border-bottom: 1px #d9d9d9 solid;
    right: 10px;
    background: #ffffff;
    top: 1px;
}
.contactform iframe,
#googleMap,
#bingmap {
    width: 100%;
    height: 388px;
    border: 1px #54abd3 solid;
}
.contactform textarea {
    border: 1px #54abd3 solid;
    padding: 40px 10px 10px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    resize: none;
    overflow: hidden;
    height: 163px;
    display: block;
    background: no-repeat right bottom;
}
.contactform tr th {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
}
.contactform tr td {
    vertical-align: top;
}
.contactform tr td:first-child {
    padding-right: 20px;
}
.contactform button {
    background: #0b72a2;
    color: #ffffff;
    height: 30px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    float: right;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.contactform button:hover {
    background: #54abd3;
}
.contacttable {
    width: 100%;
    table-layout: fixed;
}
.contacttable td {
    vertical-align: top;
    /* padding-left: 80px; */
}
.downloadlist {
    width: 1000px;
    background: #0b72a2;
    border-spacing: 1px;
    table-layout: fixed;
}
.downloadlist tr th {
    background: #ffffff;
    color: #000000;
    padding: 10px 15px;
    vertical-align: top;
    text-align: left;
    line-height: 1.5;
}
.downloadlist tr .topic {
    background: #ffffff;
    color: #000000;
}
.downloadlist tr .theader {
    background: #0b72a2;
    text-align: center;
    color: #ffffff;
}
.downloadlist tr td {
    background: #ffffff;
    padding: 10px 15px;
    vertical-align: top;
    line-height: 1.5;
}
.downloadlist tr td[colspan="2"],
.downloadlist tr td[colspan="3"] {
    text-align: center;
}
.downloadlist a {
    background: url(../img/layout/pdf.jpg) no-repeat;
    padding-left: 20px;
    color: #0b72a2;
}
.downloadlist a:hover {
    color: #63c7f5;
    text-decoration: none;
}
.language {
    float: right;
    font-size: 12px;
    margin-top: 6px;
    font-weight: normal;
}
.language a {
    text-decoration: none;
    margin: 0 5px;
    vertical-align: bottom;
}
.fees {
    border-spacing: 1px;
    background: #0b72a2;
    width: 100%;
}
.fees th {
    padding: 6px 12px;
    background: #ffffff;
    font-weight: bold;
    text-align: left;
}
.fees td {
    padding: 6px 12px;
    background: #ffffff;
}
#homeContentClose,
#con_close,
#close {
    position: absolute;
    right: 25px;
    top: 20px;
    color: #cc6666;
    cursor: pointer;
}
.promoeventpopup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 4;
}
.popupcontent {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 500px;
    width: 100%;
    top: 150px;
    background: url(../img/bg/white90.png);
    z-index: 5;
    margin: 0 auto;
}
.popupcontent > div {
    padding: 40px 20px;
}
.mob-title {
    display: none;
}
.mob-clear {
    display: none;
}
@media (min-width: 954px) and (max-width: 1017px) {
    .facility li {
        margin: 20px 20px;
    }
}
@media screen and (max-width: 992px) {
    .careerbanner {
        background: url(../img/career2.jpg) no-repeat;
        background-size: 100%
    }
    .careerbanner p {
        display: none;
    }
    .appointment ul {
        margin-left: 0 !important
    }
    .appointment td {
        display: block;
    }
    .appointment table {
        max-width: 418px;
    }
    .contactbtn {
        right: 18px;
    }
}
@media (min-width: 854px) and (max-width: 953px) {
    .facility li {
        margin: 20px 70px;
    }
}
@media (min-width: 768px) and (max-width: 853px) {
    .facility li {
        margin: 20px 40px;
    }
}
@media screen and (min-width: 684px) and (max-width: 767px) {
    .facility li {
        margin: 20px 30px;
    }
}
@media (min-width: 610px) and (max-width: 683px) {
    .facility li {
        margin: 20px 15px;
    }
}
@media (min-width: 320px) and (max-width: 610px) {
    .facility li {
        width: 100%;
        text-align: center;
        margin: 20px 0;
    }
    .facilitypolicy td {
        display: block
    }
    .facilitypolicy img {
        width: 100%
    }
    .appointment input[type="text"] {
        padding: 0 10px 0 45px
    }
}
@media screen and (max-width: 767px) {
    .contactform tr td:first-child {
        padding-right: 0;
    }
	
	.team{
		width:100%!important;	
	}
	
    .team td em {
        clear: both;
        margin-left: 0;
        width: 100%;
    }
	
    .team th p {
        clear: both;
		padding-top:10px;
        margin-left: 0;
        width: 100%;
    }
    .team2 li {
        width: 50%;
    }
    .contactform td,
    .contactform tr th {
        display: block;
        width: 100%
    }
    .contactform {
        margin-top: 30px;
    }
    .contactform input {
        width: 100%
    }
    .contactform textarea {
        width: 100%;
    }
    .contactform .textarea label {
        width: 89%
    }
    .contactform ul {
        margin-top: 30px;
    }
    .desk-title {
        display: none;
    }
    .mob-title {
        display: block;
        font-size: 14px;
        font-weight: bold;
        width: 100%;
        margin-top: 30px;
    }
    .member_form table {
        width: 100%;
    }
    .member_form label {
        float: none;
        max-width: 100%;
        width: 100%;
    }
    .member_form select.register_dropdown {
        width: 100%;
    }
}
@media screen and (max-width: 630px) {
    .career table td {
        display: block
    }
    .careerbanner a {
        left: 0px
    }
    .appointment select,
    .appointment .checkbox,
    .appointment textarea {
        width: 90%
    }
    .appointment input[type="text"],
    .appointment select,
    .appointment small {
        width: 90%;
    }
    .appointment li {
        margin: 0 12px 10px
    }
    .contactbtn {
        right: 43px;
    }
    .team2 li {
        width: 100%;
    }
    .team td,
    .team th {
        display: block;
    }
    .team em {
        clear: both;
        margin-left: 0;
        margin-top: 10px;
        float: left;
    }
	
}
@media (min-width: 320px) and (max-width: 480px) {
    .wrap {
        width: 90%
    }
    .requestQuote {
        top: 195px !important
    }
    .vacation td {
        display: block
    }
    #feedback td {
        display: block
    }
    #feedback td img {
        width: 100%
    }
    .mob-clear {
        clear: both;
        display: block
    }
    .careerbanner {
        height: 195px;
    }
    .careerbanner a {
        line-height: 30px;
    }
    .popup {
        top: 0 !important;
        height: 100%
    }
    .popup li {
        float: left
    }
    .popup input {
        width: 280px;
        float: left;
        clear: both;
        padding-left: 5px;
    }
    .popup select {
        width: 280px;
        float: left;
        clear: both;
    }
    .popup label {
        text-align: left;
        clear: both;
        display: block;
        text-align: left;
        position: relative;
        left: 0;
    }
    .popup textarea {
        width: 280px;
        float: left;
        clear: both;
    }
    .popup .textarea label {
        background: none;
        border: none;
        width: 280px;
    }
    .member_form input[type="password"],
    .member_form input[type="text"] {
        width: 100%;
    }
    .appointment li label {
        position: relative;
        display: block;
        clear: both
    }
    #location,
    .appointment input[type="text"],
    .appointment select,
    .appointment select,
    .appointment .checkbox,
    .appointment textarea,
    .appointment select,
    .appointment .checkbox,
    .appointment textarea,
    .appointment input[type="text"] {
        width: 100%;
        max-width: 280px;
        padding-left: 0
    }
    .appointment .textarea label {
        max-width: 280px;
        background: none;
        border: none
    }
    .beforesubmit li {
        max-width: 280px;
    }
    .appointment .checkbox label {
        max-width: 280px;
        overflow: hidden;
    }
    .appointment small {
        max-width: 280px;
    }
    .beforesubmit {
        padding: 5px;
        max-width: 270px;
    }
}
.member_menu a.active {
    color: red;
}
.applicationform {
    width: 100%;
}
.applicationform ul {
    list-style: none;
}
.applicationform li {
    position: relative;
    margin-bottom: 10px;
}
.applicationform li label {
    position: absolute;
    top: 0;
    left: 10px;
    line-height: 30px;
    color: #666666;
}
.applicationform input {
    height: 28px;
    border: 1px #54abd3 solid;
    padding: 0 10px 0 100px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff no-repeat right top;
}
.applicationform .textarea label {
    border-bottom: 1px #d9d9d9 solid;
    width: 100%;
    background: #ffffff;
    top: 1px;
}
.applicationform textarea {
    border: 1px #54abd3 solid;
    padding: 40px 10px 10px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    resize: none;
    overflow: hidden;
    height: 163px;
    display: block;
    background: no-repeat right bottom;
}
.applicationform button {
    background: #0b72a2;
    color: #ffffff;
    height: 30px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    float: left;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.applicationform button:hover {
    background: #54abd3;
}
.applicationform > div {
    float: left;
    padding: 0 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.grid1 {
    width: 8.333333%;
}
.grid2 {
    width: 16.666666%;
}
.grid3 {
    width: 25%;
}
.grid4 {
    width: 33.333333%;
}
.grid5 {
    width: 41.666666%;
}
.grid6 {
    width: 50%;
}
.grid7 {
    width: 58.333333%;
}
.grid8 {
    width: 66.666666%;
}
.grid9 {
    width: 75%;
}
.grid10 {
    width: 83.333333%;
}
.grid11 {
    width: 91.666666%;
}
.grid12 {
    width: 100%;
}
#google_translate_element {
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 1;
}
div.st-btn[data-network='renren'], div.st-btn[data-network='threema'] {
    display: none !important;
}