@media screen and (min-width:1200px) {

}
@media screen and (max-width:1199px) {
    #container #main,.mainbox,#container #footer #fmain{width:94%;}
    #container #footer #xy{position: initial;}
    #container #footer #xy ul{right: initial;top: initial;margin: 0 auto 10px;}
    #container #main #nav-menu .menu li .root{width: auto;padding-right: 10px;padding-left: 60px;}
    #container #main #banner li{width: 49%;margin-bottom: 20px;}
    #container #main #banner .sp{margin-left:0;}
    #container #main #banner li:nth-child(2n){margin-left:2%;}
    #container #main #banner li a, #container #main #banner li img{width: 100%;height: auto;}
    .rollBox, .rollBox .Cont{width: auto;float: none;}
}
@media screen and (max-width:1024px) {
    .shareFixed,#container #main #header #sublogo,#container #main #header #logo,#container #main #header #funbox > span,#container #main #nav-menu{display: none;}
    body{background-color: #fff;background-image: none;}
    #container #main #header #funbox{margin-top: 130px;}
    #container #main #header #funbox,#container #main #header #funbox form{width: 100%;padding:0;background-image: none;}
    #container #main #header #funbox form.bgimg{background-color: #fff;height:38px;border-radius: 4px;overflow: hidden;box-shadow:0 5px 5px rgba(0,0,0,0.05)}
    #container #main #header #funbox form #tx{height:38px;line-height: 38px;padding-left:15px;}
    #container #main #header #funbox form #btn{width: 38px;height:38px;background-position: -512px -2px;}
    #rcep_htit{display: block;text-align: center;padding-top: 60px;}
    #container #main #rpart01{padding:0;}
    .RhiSlider,.hiSlider{width: 100%;float: none;}
    .rp_classbox01{margin-left: 0;margin-top: 20px;}
    #container #main #rpart02{padding:0;}
    #rpart02 .rp_classbox{float: none;width: 100%;margin-bottom: 20px;}
    #rpart06 .rp_classbox{float: none;width: 100%;margin-bottom: 20px;padding:0;min-height: auto;}
    #rpart04 .rp_classbox04, #rpart04 .rp_classbox,.xd_country .xd,.xd_country .lx{float: none;width: 100%;margin-bottom: 20px;padding: 0;}
    .xd_country .list_country li{width: 20%;}


    #container #footer #pbox{width: auto;display: flex;
        flex-wrap: wrap;
        justify-content: center;}
    #container #main #links #ttline font{display: none;}
    #container #main #links #ttline {
        height: 38px;
        border-bottom: 2px solid #0168b7;
    }
    #container #main #links{padding:0;}
    #container #main #links ul li{width: 50%;}
    #container #main #links ul li a{padding-right: 0;}
    #rcep_tit{position: absolute;top:30px;background-image: none;left: 0;right: 0;display: block!important;}
    #rcep_tit h2{font-size: 26px;/*text-stroke: 2px #fff;-webkit-text-stroke: 2px #fff;*/}
    /*#rcep_tit h2::before {
        content: "æ­¦æ±‰å¸‚å¯¹æŽ¥RCEPå…¬å…±æœåŠ¡å¹³å°";
        position: absolute;
        -webkit-text-stroke: 0;
        font-weight: 700;
        background: linear-gradient(to bottom, #ff5654, #da2c2b);
        -webkit-background-clip: text;
        color: transparent;
        display: inline-block;
    }*/
    #container #main .off-canvas-wrap #nav-menu{display: block;}
    #container #main .off-canvas-wrap #nav-menu .menu{width: auto;}
    #container #main .off-canvas-wrap #nav-menu .menu li{float: none;}
    .header-action-style{display: block;right:20px;}
    #container #main #location{display: none;}
    #container #main #part{padding:0;}
    #container #main #header{height:195px;}
    #rpart04 .rp_classbox05{min-height: initial;}
    .rp_classbox04 .rp_classbox.rp_classbox05 .rlist{min-height: initial;}
}
@media (max-width: 768px){
    #container {
        width: 100%;
    }
    .xd_country .list_country li img{width: 65%;}
    #rpart04 .taxrate{height:auto;flex-direction: column;}
    #rpart04 .taxrate .img{width: 100%;}
    #rpart04 .taxrate .info{padding: 20px;flex: 1;justify-content: center;text-align: center;}
    .rp_classbox04 .taxrate .info .btn_taxrate{margin-bottom: 10px;}
    #rpart03 > a{height:80px;}
    #container #main #banner li{width: 100%;margin-left:0!important;}
    #rcep_htit h2{font-size: 26px;}
    #container #main #part #part_left{width: 100%;}
    #container #main #part #part_left #nav{background-color: #007edf;padding-bottom: 0;margin-bottom: 25px;}
    #container #main #part #part_left #nav #ttline{width: 276px;
        height: 83px;
        padding: 15px 0 15px 108px;
        box-sizing: border-box;
        background-position: 20px -530px;
    }
    #container #main #part #part_left #nav #navbox{background-color: #fff;}
    #container #main #part #part_right{width: 100%;margin-left: 0;}
    #container #main #part #part_left #nav #navbox #leftmenu{padding-bottom:20px;}
    #detailbox{padding: 25px 10px 40px 10px;}
    #detailbox #ttline h1{margin:20px;line-height: 1.25}
    #detailbox #textbody img{max-width: 100%!important;height:auto!important;}
    #detailbox #docbottom{padding:10px 0;}
    #detailbox #docbottom ul{width: auto;float: none;}
    #share-wrap{float: none;margin-top: 10px;}
    #container{background-size: 320%;}

}
@media (max-width: 414px){
    .hiSlider-item{height:240px;}
    #container #main #part #part_right .l01_w833 li span{width: 95px;}
}