@media screen and (max-width: 1440px) {
    .topNav>li>a {
        font-size: 110%;
        /*k*/
    }
    .topNav>li>ul>li {
        width: calc(28% - 53px);
        /*k*/
    }
}

@media screen and (max-width: 1280px) {
    section.header {
        padding: 0 2%;
    }
    .topNav>li>a {
        font-size: 105%;
        /*k*/
    }
}

@media screen and (min-width: 1025px) {
    .header.NavFixed .logo {
        display: none;
    }
    .header.NavFixed .mainNavWrap {
        margin-left: 0;
    }
    .header.NavFixed .topNav>li>ul {
        padding: 18px 13% 32px 13%;
    }
}

/*█████████████████████████↓↓ 1024 ↓↓█████████████████████████*/

@media screen and (max-width: 1024px) {
    body {
        position: absolute;
        width: 100%;
    }
    li.question {
        display: none;
    }
    .newsRun {
        display: none;
    }
    /* -- 兩邊的間距start -- */
    .topNav, .subNavWrap {
        padding: 0 15px 0 0;
        margin: 0;
    }
    .topNav>li>ul {
        padding: 18px 0;
    }
    .rightNavWrap {
        right: 8px;
    }
    /* -- 兩邊的間距end -- */
    /* -- 選單start -- */
    section.header {
        height: 68px;
        padding: 0;
    }
    .header .logo {
        width: 230px;
        height: 87%;
        /*k*/
        background: url(../../images/logo_pad.svg) no-repeat left/cover;
        /*k*/
        position: relative;
        float: left;
        margin-left: 16px;
    }
    .subNavWrap {
        width: 100%;
        background: #24cfe5;
        height: 68px;
    }
    .subNav {
        float: right;
        height: 100%;
    }
    .subNav>ul {
        margin-top: 16px;
    }
    li.langList a {
        line-height: 1.5;
        padding: 5px 15px 0 15px;
    }
    .rightNavWrap {
        display: none;
    }
    .topNav .mobileShow {
        display: block;
    }
    .subNavOther .search input.btn {
        background: url(../../images/icon/search_w.svg) no-repeat center/100%;
    }
    .subNav li>a {
        background-color: #01afc5;
        /*k*/
    }
    li.member>a {
        text-indent: -9999px;
        width: 31px;
        padding: 0;
        content: "";
        display: block;
        width: 35px;
        /*k*/
        height: 35px;
        /*k*/
        background: #00a6bb url(../../images/icon/member.svg) no-repeat center/50%;
        /*k*/
        border-radius: 50%;
        position: relative;
        z-index: 1;
    }
    li.member:before {
        background: #0c8fa0 url(../../images/icon/member.svg) no-repeat center/50%;
    }
    .search input[type="submit"] {
        background-color: #0c8fa0
    }
    /*側開*/
    .mainNavWrap {
        position: fixed;
        width: 250px;
        top: 0;
        left: -250px;
        overflow: hidden;
        height: 100%;
        margin-left: 0;
        padding-left: 0;
    }
    .topNav {
        height: 100%;
        width: 100%;
        background: #ffffff;
        padding: 0;
        padding-top: 13px;
        overflow-y: scroll;
        padding-bottom: 85px;
    }
    .NavFixed .topNav {
        background: #ffffff;
    }
    .topNav>li {
        width: 100%;
        border-bottom: 1px solid #dfdfdf;
    }
    .topNav>li:last-child {
        display: block;
        /*k*/
    }
    .topNav>li.haveSecond {
        background: url(../../images/icon/btn_down_w_4.svg) no-repeat 218px 23px/15px
    }
    .topNav>li.haveSecond.UPPP {
        background: url(../../images/icon/btn_up_w_4.svg) no-repeat 200px 15px/20px;
    }
    .topNav>li>a {
        height: 50px;
        padding: 0 24px 0 67px;
        color: #3e3e3e;
    }
    .topNav>li:nth-child(1)>a {
        background: url(../../images/list_img/order_2.svg) no-repeat 15px;
        background-size: 12%;
    }
    .topNav>li:nth-child(2)>a {
        background: url(../../images/list_img/order_1.svg) no-repeat 10px;
        background-size: 14%;
    }
    .topNav>li:nth-child(3)>a {
        background: url(../../images/list_img/service_9.svg) no-repeat 10px;
        background-size: 14%;
    }
    .topNav>li:nth-child(4)>a {
        background: url(../../images/list_img/theme_5.svg) no-repeat 10px;
        background-size: 14%;
    }
    .topNav>li:nth-child(5)>a {
        background: url(../../images/list_img/buy_6.svg) no-repeat 10px;
        background-size: 15%;
    }
    .topNav>li:nth-child(6)>a {
        background: url(../../images/list_img/multimedia_4.svg) no-repeat 10px;
        background-size: 15%;
    }
    .topNav>li:nth-child(7)>a {
        background: url(../../images/list_img/service_3.svg) no-repeat 10px;
        background-size: 14%;
    }
    .topNav>li:nth-child(8)>a {
        background: url(../../images/list_img/multimedia_home.svg) no-repeat 10px;
        background-size: 14%;
    }
    .topNav>li>a>span {
        text-align: left;
    }
    /*第二層*/
    .topNav>li>ul {
        display: none;
        position: relative;
        padding: 0;
        background: #f1f1f1;
    }
    .topNav>li>ul>li {
        display: block;
        float: none;
        margin: 0;
        width: 100%;
    }
    .topNav>li>ul>li>a {
        padding: 13px 23px;
        color: #4c4c4c;
    }
    li.travel>ul>li:nth-child(2) {
        width: 100%;
    }
    .topNav>li.travel>ul>li {
        float: none;
    }
    .topNav a:hover {
        color: #009baf;
    }
    .topNav>li>ul>li>a:hover {
        color: #009baf;
    }
    .subNavTxt {
        display: none;
    }
    /* -- 側邊選單 -- */
    .main aside {
        margin-top: 0px;
    }
    .main article {
        margin: 0px;
    }
    /* -- footer -- */
    .sitemapAll {
        display: none;
    }
    .copyright>*.acc {
        position: absolute
    }
}

/*█████████████████████████↓↓ 900 ↓↓█████████████████████████*/

@media screen and (max-width: 900px) {
    .copyWrap>span:last-child {
        display: none;
    }
}

/*█████████████████████████↓↓ 768 ↓↓█████████████████████████*/

@media screen and (max-width: 769px) {
    /*.visitorCenterBox {
        float: none;
    }
    .visitorCenterBox:first-child{
        border: none;
        margin-bottom:20px;
    }*/
    .subNav li.kids {
        display: none;
    }
    .visitorCenterAll {
        display: none;
    }
    .copyRight {
        margin: 0;
    }
    .copyRight span {
        margin: 0;
        width: calc(100% - 180px);
    }
    /*1130*/
    .subNavWrap {
        padding: 0;
        margin: 0;
    }
    .subNav>ul>li {
        margin-right: 6px;
    }
    /*1130(end)*/
    .main article {
        width: 100%;
        min-height: 835px;
    }
    b.memName {
        display: none;
    }
    /*footer*/
    footer .otherLink {
        display: none;
    }
    .copyWrap {
        margin-bottom: 0;
    }
    .copyright>*.acc {
        display: none;
    }
    .site .box {
        display: inline-block;
        vertical-align: top;
        width: 48%;
        margin: .5%;
        margin-bottom: 39px;
    }
    footer {
        padding: 24px 30px 26px 30px;
    }
}

/*█████████████████████████↓↓ 680 ↓↓█████████████████████████*/

@media screen and (max-width: 1024px) {
    .subNav {
        position: absolute;
        float: none;
        left: -250px;
        /*       bottom: calc(-100vh - -68px);*/
        /*         bottom: calc(-100vh - -95px);/*k*/
        top: calc(100vh - 220px);
        background: #ffffff;
        height: 195px;
        /*k*/
        padding: 0 15px;
        width: 250px;
        text-align: center;
        z-index: 999;
    }
    .subNav>ul>li {
        margin-bottom: 15px;
        /*k*/
        display: inline-block;
        float: none;
    }
    .subNav>ul>li.kids {
        display: none;
    }
    .subNav>ul>li.search {
        position: fixed;
        top: 16px;
        right: 8px;
    }
    .subNav>ul>li.member {
        position: fixed;
        top: 16px;
        right: 48px;
    }
    .subNav>ul>li.member.logInNow {
        right: 48px;
    }
    .topNav {
        padding-bottom: 163px;
    }
    .subNav>ul>li.gov {
        display: inline-block;
        float: none;
        text-align: center;
        margin-top: 0px;
        /*k*/
        margin-right: 0;
    }
    .subNav li.gov>a {
        display: inline-block;
        width: 105px;
        float: left;
    }
    li.langList>a {
        display: none !important;
    }
    li.langList {
        width: 100%;
        margin-right: 0;
    }
    li.langList ul {
        display: block;
        position: relative;
        padding: 0;
        background: none;
        box-shadow: none;
        margin-top: 12px;
        text-align: center;
        width: 100%;
        left: 0;
        margin-left: 0;
        margin-top: -6px;
    }
    li.langList ul:before {
        display: none;
    }
    li.langList ul a {
        /* padding: 0; */
        background: #01afc5;
        /*k*/
        /* margin-bottom: 5px; */
        border-radius: 25px;
        width: 95px;
        display: inline-block;
        font-size: 0;
        height: 28px;
    }
    li.langList ul li {
        display: inline-block;
        position: relative;
    }
    li.langList ul li a:before {
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        line-height: 28px;
        color: #FFf;
        font-size: 0.833rem;
        left: 0;
        top: 0;
    }
    li.langList ul li:nth-child(1) a:before {
        content: "中文";
    }
    li.langList ul li:nth-child(2) a:before {
        content: "EN";
    }
    li.langList ul li:nth-child(3) a:before {
        content: "日本語";
    }
    li.langList ul li:nth-child(4) {
        margin-right: 4px;
    }
    li.langList ul li:nth-child(4) a:before {
        content: "อักษรไทย";
    }
    li.langList ul li:nth-child(5) a:before {
        content: "Tiếng Việt";
    }
    .subNav li.home {
        display: none;
    }
    .search span {
        display: none;
        width: 100%;
        position: fixed;
        top: 68px;
        background: rgba(0, 0, 0, 0.43);
        left: 0;
        padding: 14px;
        text-align: center;
        color: #ffffff;
    }
}

/*█████████████████████████↓↓ 480 ↓↓█████████████████████████*/

@media screen and (max-width: 480px) {
    a {
        -webkit-tap-highlight-color: rgba(128, 128, 128, 0);
        -webkit-user-select: none;
        word-break: break-all;
    }
    .header .logo {
        width: 220px;
        height: 51px;
        background: url(../../images/logo_pad.svg) no-repeat left/cover;
        /*k*/
        /*        background: url(../../images/logo_mobile.svg) no-repeat center/contain;*/
        margin-left: 5px;
        /*k*/
        margin-top: 4px;
        /*k*/
    }
    .fontSize {
        margin-top: 0;
    }
    .introPage .fontSize li.share {
        display: block;
    }
    .subNavWrap .logo {
        background: url(../../images/logo2.png) no-repeat center/contain;
        width: 140px;
        margin-top: 0;
        margin-left: 13px;
    }
    .subNavWrap .menuControl {
        width: 48px;
    }
    .subNavWrap {
        padding: 0 16px 0 0;
    }
    .main {
        min-height: 560px;
    }
    .main article {
        padding: 23px 26px 80px 26px;
        min-height: 560px;
    }
    .newsBox h4 {
        height: 0;
    }
    .subNavOther .search {
        margin-right: 9px;
    }
    .subNavOther .search>a {
        width: 38px;
        height: 38px;
        margin-top: 16px;
        transition: initial;
    }
    .subNavOther .lan>a {
        width: 38px;
        height: 38px;
        margin-top: 16px;
    }
    /*第三層選單 標題下拉*/
    .mobileSecondBtn i {
        width: 84%;
        margin-left: -42%;
        font-size: 107%;
    }
    .leftBtns {
        padding: 0 18px 1px 18px;
    }
    .mobileSecondBtn>ul li {
        display: inline-block;
        width: 100%;
        margin: 11px 0;
    }
    .mobileSecondBtn>ul li.mobileThirdBtn a.focus {
        padding: 0 36px;
    }
    .leftBtns .mobileSecondBtn>a.focus {
        max-width: 282px;
        line-height: 1.3em;
    }
    .leftBtns .mobileSecondBtn>a.focus:before {
        width: 60px;
        left: -40px;
        /*top: 46px;*/
    }
    .leftBtns .mobileSecondBtn>a.focus:after {
        width: 60px;
        right: -40px;
        /*top: 46px;*/
    }
    .mobileSecondBtn>ul li.mobileThirdBtn {
        height: 66px !important;
    }
    .mobileSecondBtn ul.focus {
        /*padding-top: 66px;*/
        padding-top: 0;
        width: 84%;
    }
    .mobileSecondBtn ul.focus li {
        display: none;
    }
    .mobileSecondBtn>ul {
        font-size: 100%;
    }
    .mobileSecondBtn>ul li.mobileThirdBtn a.focus:after {
        right: 14px;
    }
    /*footer*/
    a.footerMailbox {
        display: none;
    }
    .copyright {
        float: none;
    }
    .copyRight>* {
        float: none;
    }
    .bottomLogo {
        display: none;
    }
    .copyright>strong {
        display: block;
        width: 270px;
        margin: 7px auto;
        line-height: 1.2em;
    }
    .copyRight span {
        width: 100%;
    }
    .copyRight span p {
        display: none;
    }
    .copyWrap>span:last-child {
        display: none;
    }
    footer {
        padding: 10px 4% 40px 4% !important;
    }
    /*搜尋BOX*/
    .searchBox dl>dt {
        display: block;
        margin-bottom: 7px;
    }
    .searchBox {
        padding: 12px 26px 15px 26px;
    }
    /*固定住的*/
    .fixedBtn {
        text-indent: -9999px;
        width: 50px;
        height: 50px;
        right: 14px;
    }
    .fixedBtn.goTop {
        text-indent: initial;
    }
    .goBack {
        bottom: 108px;
        background: #f99620 url(../../images/icon/goBack.svg) no-repeat center 13px/49%;
    }
    .othersBtn .collectBasket {
        right: 14px;
        width: 50px;
        height: 50px;
        bottom: 46px;
    }
    .pageNum>a {
        display: none;
    }
    .pageNum a.pre, .pageNum a.next {
        display: inline-block;
    }
    .subNavOther .share>a {
        margin: 0 17px 0 0;
    }
    /*搜尋按鈕*/
    .searchBox dl {
        margin-right: 5px;
    }
    input.long {
        width: 162px;
    }
    .searchMapWrap {
        background: none;
    }
}

@media screen and (max-width: 480px) {
    li.home {
        display: none;
        /*k*/
    }
    .soundPrecautions a {
        width: 100%;
        text-align: center;
        margin-right: 0;
        margin: 5px 0;
    }
}

/*█████████████████████████↓↓ 375 ↓↓█████████████████████████*/

@media screen and (max-width: 376px) {
    .header .logo {
        width: 174px;
        margin-left: 0px;
    }
    .main article {
        padding: 18px 18px 20px 18px;
    }
    footer {
        padding: 7px 20px 9px 20px;
    }
    .searchBox {
        padding: 12px 20px 13px 20px;
    }
    /*全版的選單*/
    .full header nav ul>*:nth-child(odd) {
        margin-bottom: 3px;
    }
    .full header nav li {
        width: 100%;
    }
    .hideH1 header h2 {
        font-size: 205%;
    }
    /*第三層選單標題下啦*/
    .mobileSecondBtn i {
        width: 100%;
        margin-left: -50%;
        font-size: 99%;
        line-height: 47px;
        height: 45px;
        margin-top: 9px;
    }
    .mobileSecondBtn ul.focus {
        margin-top: 60px;
    }
    .leftBtns .mobileSecondBtn>a.focus {
        max-width: 230px;
        line-height: 1.3em;
        font-size: 207%;
        margin-top: 0;
    }
    .leftBtns .mobileSecondBtn>a.focus:before {
        width: 45px;
        left: -24px;
    }
    .leftBtns .mobileSecondBtn>a.focus:after {
        width: 45px;
        right: -24px;
    }
    .mobileSecondBtn ul.focus {
        width: 100%;
    }
    /*vic*/
    .about_4>ul>li {
        font-size: 137%;
    }
    /*外連*/
    .linkOutPage .box {
        width: 90%;
        margin-left: -45%;
        margin-top: 0;
    }
    .linkOutPage .box p.t1 {
        font-size: 237%;
    }
    .linkOutPage .box span {
        font-size: 94%;
        padding: 16px 16px;
    }
    /*404*/
    .errorPage .box {
        top: 4vh;
    }
    .errorPage h1.logo {
        margin-bottom: 0;
    }
    .errorPage .box {
        width: 90%;
        margin-right: -45%;
    }
    .errorPage .box p.t1 {
        font-size: 330%;
    }
    .errorPage .box p.t2 {
        font-size: 261%;
    }
    .otherPage .box span {
        font-size: 95%;
    }
}

/*█████████████████████████↓↓ 374 ↓↓█████████████████████████*/

@media screen and (max-width: 374px) {
    .topNav>li>a {
        height: 40px;
        font-size: 95%;
    }
}