@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

/*common*/
    body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; background: #e6e6e6;font-family: Meiryo,"MS P Gothic","Microsoft JhengHei",sans-serif;margin: 0;}
    a{cursor: pointer; color: #000;}
    a:hover{text-decoration:none;}
    *:focus{outline: 0 !important;}
    h1{font-size: 34px; font-weight: bold;}
    h2{font-size: 13px; font-weight: normal;}
    h2 small{font-size: 14px; font-weight: normal;}
    h3{font-size: 34px;}
    h3 small{font-size: 22px; font-weight: bold;}
    h4{font-size: 15px; font-weight: bold;}
    h4 small{font-size: 13px; font-weight: 100;}
    p{font-size: 13px; line-height: 1.6;}
    p big{font-size: 14px; font-weight: bold;}
    p small{font-size: 13px;}
    ul{margin:0; padding-left: 17px;list-style-type: square;font-size: 13px; line-height: 1.6;}
    ul.sech{font-size: 14px;}
    ul.sech li{line-height: 15px;}
    .img100{width: 100%;}
    .pos{position: absolute;}
    .animates_set{transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0;-ms-transition: all .15s ease-out;-webkit-transition: all .15s ease-out;-moz-transition: all .15s ease-out;-o-transition: all .15s ease-out;transition: all .15s ease-out;}
    #container{margin: 0 auto; max-width: 960px; position: relative; padding-top: 15px;}
    .content{margin-bottom: 15px;}
    ._pc{display: block;}
    ._mobile{display: none;}
    .loadingSpinner { width: 100%; height: 100%; z-index: 999;text-align: center;} 
    .qalink { color: #007bff }

/*header*/
    #header{display: none;width: 960px; margin-bottom: 15px;}
    #header ul{list-style: none; padding-left: 0; overflow: hidden; width: 960px;}
    #header li{display: block; height:50px; width:calc((960px - 50px) / 8);float: left; font-size: 0;}
    #header li.main_logo{display: block; height:50px; width:50px;float: left; font-size: 0;}
    #header li.main_logo img{vertical-align: top;}
    #header a{display: block; width:100%; height: 50px; text-align: center; line-height: 50px; font-size: 13px; text-decoration: none;font-family: Uniqlo, Meiryo,"MS P Gothic","Microsoft JhengHei",sans-serif;}
    #header .l1{background: #fff;}
    #header .l2{background: #e0e0e0;}
    #header .l3{background: #929292; color:#fff;}
    #header .l4{background: #3c3c3c; color:#fff;}
    #header .dot_w{position: relative;}
    #header .dot_w:after{content: url(../img/common/header_dot_black.png); width: 1px; height: 50px; position: absolute; right:0; top: 0;}
    #header .dot_b{position: relative;}
    #header .dot_b:after{content: url(../img/common/header_dot_white.png); width: 1px; height: 50px; position: absolute; right:0; top: 0;}
    #header .nN{color:#ff0000 !important;}


/*content*/
    #content{}
    .con_title{height: 109px;padding: 0 25px; background: #fff; border-bottom:1px solid #dcdcdc;}
    .con_title h1{margin-bottom: 0; line-height: 109px;}

    .table{display: table; width:100%; background-color: #fff;margin-bottom: 0;}
    .tr{display: table-row; width: 100%;}
    .th, .td{display: table-cell; vertical-align: middle;}
    .th{background-color: #fafafa;}
    .d0{width: 100%;border-bottom: 1px solid #dcdcdc;}
    .d1{width: 190px;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
    .d2{width: 570px;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
    .d3{width: 200px;border-bottom: 1px solid #dcdcdc;}
    .d4{width: 760px;border-right: 1px solid #dcdcdc; text-align: right;vertical-align: top; height: 143px;}
    .d5{width: 200px; height: 143px;}
    .d6{width: 770px;border-bottom: 1px solid #dcdcdc;}
    .d7{width: 100%;vertical-align: top; height: 143px;}
    .d8{width: 50%;border-right: 1px solid #dcdcdc;}
    .d9{width: 50%;}
    .innerW1{padding:18px 15px;}
    .innerW2{padding:13px 13px;}
    .innerW3{padding:0 0;}

    .sech small, .sech .shippingnum{display: inline-block; font-size: 13px;color: #888;}
    .sech a{}
    .sech .shippingnum{float: right;}

    .table h2{margin:0;}
    .table p{margin:0;}
    .table ul{margin:0; padding-left: 17px;list-style-type: square;}
    .table input{border: 1px solid #cccccc; width: 318px; height: 28px; line-height: 28px; padding:0 8px; font-size: 13px;}
    .table button{cursor: pointer; border: 0;font-size: 13px; color: #fff;font-family: Meiryo,"MS P Gothic","Microsoft JhengHei",sans-serif;}
    .verification{display: inline-block; margin-left: 10px;vertical-align: middle;}
    .verification .code{display: inline-block;vertical-align: middle; font-size: 0;}
    .verification .re{display: inline-block; margin-left: 5px; vertical-align: middle; background-color: #666666; padding: 0 8px; height: 24px;}

    .table button.reset{width: 141px; height: 31px; background-color: #999; float: right;}
    .table button.reset span{display: inline-block; vertical-align: middle; height: 13px; line-height: 15px;}

    .table button.submit{width: 141px; height: 31px; background-color: #13298b; float: right; margin-left: 10px;}
    .table button.submit span{display: inline-block; vertical-align: middle; height: 13px; line-height: 15px;}
    .table button.submit:after{content:'';display: inline-block; width: 15px; height: 15px; vertical-align:middle; margin-left: 3px;background: url(../img/btn_arrow.svg) no-repeat 0 0;}

    .table button.reflash{width: 141px; height: 31px; background-color: #999; line-height: 31px; float: right;}
    .table button.reflash span{display: inline-block; vertical-align: middle; height: 13px; line-height: 15px;}
    .table button.reflash:before{content:'';display: inline-block; width: 15px; height: 15px; vertical-align:middle; margin-right: 3px;background: url(../img/btn_arrow2.svg) no-repeat 0 0;}

    .status .tr .td{padding-top: 37px;font-family: Meiryo,"MS P Gothic","Microsoft JhengHei",sans-serif;}
    .status .tr:first-child .td{padding-top: 37px;}
    .status .tr:last-child .td{padding-bottom: 37px;}

    .status .tr .td:first-child{padding-right:30px; text-align: right;vertical-align: top;padding-left:20px; font-size: 0;}
    .status .tr .td:first-child .ff{height: 45px; position: relative;}
    .status .tr .td:first-child .ff p{padding-top: 12.5px;}
    /* .status .tr .td:first-child .ff:after{content: url(../img/status_check.svg);width: 21px;height: 21px;position: absolute;right: -41px;top: 50%;transform: translate(0 , -50%);} */

    .flagGray:after {content: url(../img/status_check.svg); width: 21px;height: 21px;position: absolute;right: -41px;top: 50%;transform: translate(0 , -50%);}
    .flagGreen:after {content: url(../img/status_check_green.svg); width: 21px;height: 21px;position: absolute;right: -41px;top: 50%;transform: translate(0 , -50%);}


    .status .tr .td:last-child{padding-left:30px;vertical-align: top; font-size: 0; padding-right: 20px;}
    .status .tr .td:last-child img{width: 45px; height: 45px; vertical-align: top; margin-right: 8px;}
    .status .tr .td:last-child .ff{display: inline-block;vertical-align: top; padding-top: 12.5px;width: calc(100% - 8px - 45px);}
    .status .tr .td:last-child .ff .sp{margin-bottom: 4px;}
    .status .tr .td:last-child .ff .de{color: #888; font-size: 12px;}

    .switch_a{cursor:pointer;}
    .switch_a span{display: inline-block; vertical-align: middle;}
    .switch_a .open, .switch_a .close_a{width: 21px; height: 21px; vertical-align: middle; margin-left: 5px;}
    .switch_a .close_a{display: none;width: 21px; height: 21px; background: url(../img/switch_close.svg) no-repeat 0 0; background-size: 100%;}
    .switch_a .open{display: inline-block;width: 21px; height: 21px; background: url(../img/switch_open.svg) no-repeat 0 0; background-size: 100%;}

    .switch_a.on .close_a{display: inline-block;}
    .switch_a.on .open{display: none;}

    .switch_target_a{display: none;}
    .switch_target_open{display: block !important;}

/*footer*/
    #footer { display: none; margin: 0;padding: 0 0 20px 0; }
    .f_desktop{display: block;}
    .f_mobile{display: none;}
    #footer div.siteinfo {background: #000000;position: relative;height: 50px;}
    #footer div.siteinfo p.sitename {float: left;font-size: 0%;line-height: 100%;margin-bottom: 0;}
    #footer div.siteinfo ul.utility {float: left;font-size: 0%;line-height: 100%;margin: 15px 0 0 6px; padding-left:0;}
    #footer div.siteinfo ul.utility li {float: left;}
    #footer dl.world {font-size: 0%;line-height: 100%;}
    #footer div.siteinfo #goPageTop {position: absolute;top: 13px;right: 13px;}
    #footer dl.world dt {float: left;margin: 11px 3px 0 0;margin-left:auto;}
    #footer dl.world dd {float: left;margin: 11px 0 0 0;margin-left:auto;}
    #footer dl.world dd.last {overflow: hidden;}
    #footer dl.world dd.second {margin: 11px 0 0 91px;}
    #footer p.copyright {font-size: 0%;line-height: 100%;margin: 11px 0 0 0;}
    #footer .f_desktop a .imgover2{display: none;}

    #container .gototop {height: 80px;margin-right: 0px;margin-bottom: 0px;position: fixed;right: 0;bottom: 0;display: none;z-index: 300;cursor: pointer;}
    #container .gototop .inner {text-align: right;line-height: 0;}


/*Desktops (>=992px) lg */
@media (max-width: 1199px) {
}
/* Tablets (>=768px) md */ 
@media (max-width: 959px) {

    /*common*/
        h1{font-size: 19px;}
        h2{font-size: 24px;}
        h2 small{font-size: 19px;}
        h3{font-size: 30px;}
        ._pc{display: none;}
        ._mobile{display: block;}
        #container{padding-top: 0;}

    /*header*/
        #header{width: 100%; background: url(../img/m_bg_color_1.jpg) no-repeat 0 0; background-size: 100% 100%;margin-bottom: 0; border-bottom: 1px solid #b8b8b8;}
        #header ul{width: 100%;}
        #header li.main_logo img{width: 100%;}
        #header a{height: 44px; line-height:inherit;}
        #header a.nimg{padding-top: 3px;color: #fff;font-size: 12px;}
        #header a.nimg img{width: 20px;display: block;margin: 0 auto;margin-bottom: 3px;}
        #header a.nimg span{display: block;margin: 0 auto;line-height: 1;transform: scale(0.9);}
        #header li{width:calc((100% - 44px) / 3);height: 44px;}
        #header li.main_logo{width: 44px; height: 44px;}
        
    /*content*/
        .content{margin-bottom: 0;}
        .con_title{padding: 0;height: 51px;background: url(../img/m_bg_color_2.jpg) no-repeat 0 0;background-size: 100% 100%;border-bottom: 0;margin-bottom: 10px;}
        .con_title h1{line-height: 51px;text-align: center;color: #fff;text-shadow: 0px -2px 0px #000000;}
        
        .table{display: block;width: 100%;background: none;padding: 0 5px; margin-bottom: 10px;}
        .tr{display: block;background: #fff;border-radius: 10px;border-radius: 7px;overflow: hidden;}
        .th{display: block;background: none;}
        .td{display: block;}
        /* .table ul{list-style: none; padding-left: 0;} */
        .table ul{margin:0; padding-left: 17px;list-style-type: square;font-size: 13px; line-height: 1.6;}

        .table.sec_t{padding: 0;}
        .table.sec_t .tr{padding: 0;overflow: inherit;}
        .d0{border: 0;height: 46px;background: url(../img/m_bg_color_3.jpg) no-repeat 0 0;background-size: 100% 100%;}
        .innerW1{padding: 0 9px;}
        /*ul.sech{list-style: none;padding-left: 0; }*/
        ul.sech li {line-height: 46px;font-size: 15px; color: #fff;position: relative;}

        .sech small, .sech .shippingnum{display: inline-block; font-size: 13px;color: #c4c4c4;}
        .sech a{}
        .sech .shippingnum{float: inherit; margin-left: 5px;}

        .d1{border: 0;padding: 10px 5px 0;width: 100%;}
        .d2{border: 0;padding: 10px 10px 0;width: 100%;margin-bottom: 10px;}
        .d2.d2_2{margin-bottom: 0px;}
        .d3{border: 0;padding: 0px 10px 10px 10px;width: 100%;}
        .d4{width: 100%;height: auto;}
        .d5{display: none !important;}
        .d6{border: 0;padding: 10px 10px 10px 10px;width: 100%;}
        .d7{width: 100%;height: auto;}
        .d8{}
        .d9{}
        .d1 .innerW2{border-bottom: 2px solid #ccc;padding: 0 0 5px;}
        .innerW2{padding: 0;overflow: auto;}
        .table p{margin-left: 5px;}
        .table input{width: 100%;height: 37px;border-radius: 10px;box-shadow: inset 0px 4px 7px rgba(0, 0, 0, 0.07);border-color: #c8cbcd;}
        .verification{padding: 10px 0 0;margin-left: 0; display: block;}
        .verification .code{display: block; margin-bottom: 5px;}
        .verification .re{display: block;margin-left:0;}
        .star{color: #ff0000;}

        .sec_f .tr{background: none;border-radius: inherit;}
        .table button.reset{float: inherit;width: 100%;padding: 0;height: 35px;font-size: 15px;background: #2f2e2e;position: relative;box-shadow: inset 0px 2px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(0, 0, 0, 0.1);font-weight: bold;}
        .table button.reset span{}

        .table button.submit{float: inherit;width: 100%;margin-left: 0;padding: 0;margin-bottom: 8px;height: 35px;font-size: 15px;background: #13298b;position: relative;box-shadow: inset 0px 2px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(0, 0, 0, 0.1);font-weight: bold;}
        .table button.submit span{}
        .table button.submit:after{height: 18px;width: 18px;position: absolute;right: 14px;top: 50%;transform: translate(0, -50%);border-radius: 100%;box-shadow: 0px 1px 1px hsla(0, 0%, 100%, 1);background: url(../img/btn_arrow_mobile.svg) no-repeat 0 0;}

        .table button.reflash{float: inherit;width: 100%;padding: 0;height: 35px;font-size: 15px;background: #2f2e2e;position: relative;box-shadow: inset 0px 2px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(0, 0, 0, 0.1);font-weight: bold;}
        .table button.reflash span{}
        .table button.reflash:before{height: 18px;width: 18px;position: absolute;left: 14px;top: 50%;transform: translate(0, -50%);border-radius: 100%;box-shadow: 0px 1px 1px hsla(0, 0%, 100%, 1);background: url(../img/btn_arrow2_mobile.svg) no-repeat 0 0;}
        .no-mar{margin-left: 0 !important;}

        .status_map .d0{height: auto;background: none; border-radius: 7px;overflow: hidden;}
        .status_map .m_end .d0{border-bottom: 0;height: auto;background: none;}

        .table.status_map{display: table;width: 100%;}
        .table.status_map .tr{display: table-row;width: 100%;}
        .table.status_map .tr .td{display: table-cell;vertical-align: top;}
        .table.status_map p {margin-left: 0;}
        .status .tr:first-child .td{}
        .status .tr:last-child .td{}
        .table.status{margin-bottom: 0;display: table;}

        .status .tr .td:first-child{padding-left: 0;padding-right: 15px;}
        .status .tr .td:first-child .ff{}
        .status .tr .td:first-child .ff p{}
        .status .tr .td:first-child .ff:after{right: -26px;}

        .status .tr .td:last-child{padding-left: 15px;padding-right: 0;}
        .status .tr .td:last-child img{}
        .status .tr .td:last-child .ff{}
        .status .tr .td:last-child .ff .sp{}
        .status .tr .td:last-child .ff .de{}

        .switch_a span{}
        .switch_a .open, .switch_a .close_a{}
        .switch_a .close_a{width: 18px;height: 18px;background: url(../img/switch_close_mobile.svg) no-repeat 0 0;margin-left: 0;position: absolute;right: 5px;top: 50%;transform: translate(0, -50%);border-radius: 100%;box-shadow: 0px 1px 1px hsla(0, 0%, 100%, 1);}
        .switch_a .open{width: 18px;height: 18px;background: url(../img/switch_open_mobile.svg) no-repeat 0 0;margin-left: 0;position: absolute;right: 5px;top: 50%;transform: translate(0, -50%);border-radius: 100%;box-shadow: 0px 1px 1px hsla(0, 0%, 100%, 1);}

        .switch_a.on .close_a{}
        .switch_a.on .open{}

        .switch_target_a{}
        .switch_target_open{}



    /*footer*/
        .f_desktop{display: none;}
        .f_mobile{display: block;}
        #footer{width: 100%;padding-bottom: 0;margin: 0;}
        #footer ul{width: 100%; padding: 0; margin-bottom: 0;}
        #footer ul li{width: 100%; border-top: solid #e6e6e6 1px; padding:0 20px;}
        #footer ul li a{display: block; width: 100%; height: 50px; font-size: 0; position: relative;}
        #footer ul li a:after{content: '\f105';font-family: FontAwesome;font-weight: normal;font-size: 20px;color: #bfbfbf;text-decoration: none;position: absolute;right: 0;top: 50%;transform: translate(-50%,-50%);}
        #footer ul li a span{display: inline-block; font-size: 14px; line-height: 50px; color: #636262; vertical-align: middle; font-weight: 100;}
        #footer ul li a .logo_gu{display: inline-block; vertical-align: middle; width: 26px; height: 26px;}
        #footer p{color: #636262;font-size: 12px;font-weight: 100;padding-bottom: 12px;padding-top: 12px;text-align: center;text-transform: uppercase;border-top: solid #e6e6e6 1px; margin-bottom: 0;}

        #container .gototop {background: 0 0;bottom: 15px;cursor: pointer;position: fixed;right: 0;visibility: visible;width: 40px;z-index: 10;height: auto;}
        #container .gototop .inner{width: 100%;}


}
/*Phones (<768px) sm */ 
@media (max-width: 767px) {


}