/************************************************************************ XS ************************************************************************/
/*★★★★★★★★★★★★★★★★★★★★(~ 767px)★★★★★★★★★★★★★★★★★★★★*/
@media only screen and (max-width : 767px) {
.navbar {height:60px;}
.navbar-nav {margin: 0px -15px;}
.navbar-header{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: center;}
.navbar>.container-fluid .navbar-brand{
    background: url(../images/logo_s_e.png) left center no-repeat;
    width: 100%;
    height: 60px;
    background-size:auto;}
.navbar-default .navbar-toggle {margin:8px 0;}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form{background:#666;border-top:1px solid #fff;border-bottom:1px solid #000}
.navbar-default .navbar-nav>li>a{color:#fff;text-shadow:none;border-bottom:1px solid #fff;padding-top:15px;padding-bottom:15px;border-radius:0px;text-align:center;margin-left:0px;}
.navbar-default .navbar-nav.navbar-right>li:last-child>a{border-bottom:0px;}
.navbar-nav,
.navbar-nav.navbar-right{position:inherit;margin: 0 -15px;}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-right>li>a:focus,
.navbar-default .navbar-right>li>a:hover{background-color:rgba(255,255,255,1);color:#000;text-shadow:none;border:0px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color:#000;color: #fff;border-bottom:0px;text-shadow:none;}
.navbar-default .navbar-right>li.logout {
    text-shadow: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0px;
    text-align: center;
    margin-left: 0px;}

/*======首頁(申請表單查詢)======*/
#main-wrapper{margin-top: 60px;min-height: calc(100vh - 102px);}
.search_box{
   display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
   -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
       -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
   margin-top:20px;}
.search_box> .head_ti{text-align:left;margin:10px;width:120px;}
.search_box> .search_i{width:calc(100% - 140px);margin-top:20px;}
.sh_button{width:100%;}
.search_i>div.sh_th{/*width:90px;*/padding-left:0}
.search_i>div.kw{/*width:calc(100% - 100px);*/padding:0;}
.search_box>.sh_button{padding-bottom:10px;}
.search_box div.sh_02{margin-top:30px;}

/*======線上申請======*/
.apply_i .kw{padding:0;}
.navbar>.container-fluid .apply_HD .navbar-brand{
    background: url(../images/logo_s_02_e.png) left center no-repeat;
    width: 100%;
    height: 65px;}   
[class*=apply_box] .ap_th,[class*=apply_box] .ap_th_02{padding-right:0;width:130px;}   
[class*=apply_box] .ap_td,[class*=apply_box] .ap_td_02{width:calc(100% - 130px);}
[class*=apply_box] .other .ap_th{text-align:left;width:80px;}
[class*=apply_box] .other .ap_td{width:calc(100% - 80px);}   
[class*=apply_box] .ap_td.sent_file{width:100%;}
[class*=apply_box] .ap_td.file_i{width:100%;}
.rcpt input[type=text]{width:100%;}
[class*=apply_box] .row.mode .ap_td{width:calc(100% - 180px);}

/*======填寫申請單======*/
.sum_th {min-width:100px;}

/*======Modal======*/
.modal-dialog{width:90%;min-width:300px;margin: 0 auto;}

/*======表單查詢======*/
ul.Bmark>li {line-height:20px;}
ul.Bmark>li a {padding:5px 0;}
}


/*★★★★★★★★★★★★★★★★★★★★(~ 640px)★★★★★★★★★★★★★★★★★★★★*/
@media only screen and (max-width :640px) {
/*======首頁(申請表單查詢)======*/
#main-wrapper{background:none;padding-top:0px;min-height:calc(100vh - 124px);padding-bottom: 0;}
.intro_box,.QA_box,[class*=apply_box]{width:100%;border-radius:0;border:0px;}
.search_box{padding-bottom:10px}
.search_box .sh_th{text-align:left;}
   
/*======申請須知======*/
.QA_cont>li.q_list{margin-left:0;margin-right:0;}
[class*=Q_box]{width:calc(100% + 30px);margin: 10px -15px;} 

/*======線上申請======*/
#apply-wrapper {padding:0;min-height: calc(100vh - 134px);}
.stamp{width:150px;}
[class*=apply_box]{min-height: calc(100vh - 134px);margin: 0;}
#apply-wrapper .apply_box> .subj,
#apply-wrapper .apply_box_02> .subj,
#apply-wrapper .apply_box_03> .subj{
    background: -moz-linear-gradient(top, #c30303 20%, #730303 80%);
    background: -webkit-linear-gradient(top, #c30303 20%,#730303 80%);
   background: linear-gradient(to bottom, #c30303 20%,#730303 80%);}
[class*=apply_box] .about_P .ap_th,
[class*=apply_box] .other .ap_th,
#apply-wrapper .pay .ap_th_02{width:auto;} 
[class*=apply_box] .about_P .ap_td,
[class*=apply_box] .other .ap_td,
#apply-wrapper .pay .ap_td_02{
    clear: both;
    width: 100%;
    margin-top:0;
    padding-left: 30px;}
#apply-wrapper .pay .ap_td_02{padding-left: 15px;}
#apply-wrapper .pay .ap_td_02.rcpt{width: auto;clear: none;}
.guide >span {line-height:34px;}
.guide >span:not(:last-child):after{top:11px;}

/*======表單查詢======*/
ul.Bmark{width:100%;white-space:nowrap;}
ul.Bmark>li{width:calc((100% - 5px) / 3);line-height:20px;}
ul.Bmark>li:last-child{margin-right:0;}
#apply-wrapper .apply_box_03 .pay .ap_th_02 {width: 170px;text-align: left;}
#apply-wrapper .apply_box_03 .pay .ap_td_02.rcpt {width: calc(100% - 170px);}
[class*=apply_box] .man_i>.ap_th{padding: 0;margin:0;}
[class*=apply_box] .man_i>.ap_td,
[class*=apply_box] .man_i>.ap_td.ML{width: calc(100% - 100px);line-height:28px;}
[class*=apply_box] .pp_i>.ap_th{width:195px;margin-left:0;clear:both;}
[class*=apply_box] .pp_i>.ap_td,
[class*=apply_box] .pp_i>.ap_td.pt{width:calc(100% - 195px - 1px);}
}


/*★★★★★★★★★★★★★★★★★★★★(~ 480px)★★★★★★★★★★★★★★★★★★★★*/
@media only screen and (max-width :480px) {    
.navbar>.container-fluid .navbar-brand{
    background: url(../images/logo_s_ee.png) left center no-repeat;
    margin-right: 10px;}
/*======首頁(申請表單查詢)======*/
.search_box> .search_i{margin-top:0;}
.search_box> .sh_button{margin-top:15px;}
.search_box> .sh_button> input[class$=_btn]:last-child{margin-right:0;}
.search_i>div.sh_th{width:100%;}
.search_i>div.kw{width:100%;}
.sh_01 .search_i{
    /*display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;*/
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
   -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;}
.apply_sent{width:100%;}  
.apply_sent input[type=submit]{margin-left:0px;width:100%;}
.sh_button span.forget_btn,
.sh_button span.forgetmainno_btn {width:100%;margin: 0 5px 10px 0;}

/*=====線上申請=====*/
.navbar>.container-fluid .apply_HD .navbar-brand{
    background: url(../images/logo_s_02_ee.png) left center no-repeat;
    width:80%;background-size:auto;}
#apply-wrapper .subj,
[class*=apply_box] .ap_th,
[class*=apply_box] .ap_th_02{text-align:left;padding-left: 15px;}
[class*=apply_box] .ap_th_02{width:40px;}
[class*=apply_box] .ap_td_02{width:calc(100% - 40px);}
input.sent_btn{margin-left:0px;margin-top:15px;}
.stamp{
   width: 120px;
    height: 80px;
    background-size:80%;
   top:2px;}
[class*=apply_box] .other .ap_th{width:auto;}   
[class*=apply_box] .other .ap_td.memo{width:100%;}
 

/*=====單筆複製申請資訊=====*/
.box_subform {width: 100%;}
.box_04 {
    width: calc(100% + 30px);
    display: inline-block;
    margin: 0 -15px;} 
    
/*======表單查詢======*/
 .out_btn {right:10px;}
    
/*======Modal======*/
.set_i .s_td{padding:0;}

}

/*★★★★★★★★★★★★★★★★★★★★(320px ~ 479px)★★★★★★★★★★★★★★★★★★★★*/
@media only screen and (max-width :479px) and (min-width :320px) {
}


/************************************************************************ OVER XS ************************************************************************/
/*★★★★★★★★★★★★★★★★★★★★(768px ~)★★★★★★★★★★★★★★★★★★★★*/
@media only screen and (min-width : 768px) {
.navbar>.container-fluid .navbar-brand{
    background: url(../images/logo_s_02_e.png) left center no-repeat;
    width: 400px;
    height: 60px;
    margin:0;
    background-size:auto;}
input.login_ok{width:100px}
.navbar-nav{
    position: absolute;
    right:0px;
    bottom: 0px;
   margin:0;}
.navbar-nav.navbar-right{top: 10px;bottom:initial;}

/*======首頁(申請表單查詢)======*/
.search_box div.search_i {padding: 10px 0;}

/*=====線上申請=====*/
[class*=apply_box] >div:nth-child(2n+1){clear:initial;}
.navbar>.container-fluid .apply_HD .navbar-brand {
    background: url(../images/logo_02_e.png) left center no-repeat;
    width: 550px;
    height:65px;
    margin: 0;
    background-size: contain;} 	
.lab_i>li{margin-bottom:0;}   


/*======申請表單修改======*/

}


/*★★★★★★★★★★★★★★★★★★★★(768px ~ 991px)客製化讓漢堡選單從992px以後才出現★★★★★★★★★★★★★★★★★★★★*/
@media only screen and (min-width : 768px) and (max-width : 991px) {
.navbar {height:70px;}  
.navbar-header {float: none;}
.navbar>.container-fluid .navbar-brand {
    background: url(../images/logo_e.png) left center no-repeat;
    width: 626px;
    height: 70px;
    margin: 0;
    background-size: contain;}
.navbar-left,.navbar-right {float: none !important;}
.navbar-toggle {display: block;}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
   padding:0 15px;}
.navbar-collapse.collapse {display: none!important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background: #666;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #000;
    margin-right: -15px;
    margin-left: -15px; }
.navbar-nav {
    float: none!important;
    margin-top: 7.5px;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;}
.navbar-nav, .navbar-nav.navbar-right {
    position: inherit;
    margin: 0px;}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    text-shadow: none;
    border-bottom:1px solid #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 0px;
    text-align: center;
    margin-left: 0px;}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-right>li>a:focus,
.navbar-default .navbar-right>li>a:hover{background-color:rgba(255,255,255,1);color:#000;text-shadow:none;border:0px;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{background-color:#000;color: #fff;border-bottom:0px;text-shadow:none;}   
.collapse.in{display:block !important;}
.navbar-collapse.in {overflow-y: auto!important;}
#main-wrapper{margin-top:70px;}

/*======首頁(申請表單查詢)======*/
.sh_button span.forget_btn,
.sh_button span.forgetmainno_btn {width:100%;margin: 0 5px 10px 0;}

/*=====線上申請=====*/
.navbar>.container-fluid .apply_HD .navbar-brand {
    background: url(../images/logo_02_e.png) left center no-repeat;
    width: 550px;
    height:65px;
    margin: 0;
    background-size: contain;}
}


/*★★★★★★★★★★★★★★★★★★★★(992px ~)★★★★★★★★★★★★★★★★★★★★*/
@media only screen and (min-width : 992px) {
.navbar-default{
    background: url(../images/top_bg.png),#a32233;
    background-position: right -10px;
    background-repeat: no-repeat;}
.navbar>.container-fluid .navbar-brand{
    background: url(../images/logo_e.png) left center no-repeat;
    width: 626px;
    height: 85px; 
    margin:0;}
.navbar-nav:not(.navbar-right){width:auto;}   
.navbar-nav:not(.navbar-right)>li{
    width:auto;
    text-align: center;
    background-color: #fff;
    font-size: 18px;
    border-radius: 6px 6px 0 0;
    margin-left: 1px;
    color: #a32233;}
.navbar-default .navbar-nav>li>a{padding: 8px 15px;font-weight:normal;text-shadow: none;color:#a32233;margin-left:0px;}
.navbar-nav.navbar-right{top:initial;right:80px;}
.navbar-default .navbar-right>li:first-child{margin-right:20px;}
.navbar-default .navbar-right>li>a{padding:8px 3px 4px 0;color:#fff;}
.navbar-default .navbar-right>li>a:focus,
.navbar-default .navbar-right>li>a:hover{background:none;border-bottom:3px solid #fff;}
.navbar-default .navbar-nav>.active>a:after,
.navbar-default .navbar-nav>.active>a:focus:after,
.navbar-default .navbar-nav>.active>a:hover:after{
   content:"";
   width:0;
   height:0;
   border:7px solid transparent;
   border-bottom-color:#a32233;
   position:absolute;
   left:calc(50% - 7px);
   bottom:-10px;}
#main-wrapper{
    min-height: calc(100vh - 152px);
    margin-top: 90px;}    
    
/*======首頁(申請表單查詢)======*/
.intro_box>div:first-child{width:calc(100% - 450px);}
.search_box{width:450px;} 

/*=====線上申請=====*/   
#apply-wrapper .rcpt span:first-child(){margin-right:15px;}
#apply-wrapper .pay .ap_td_02.currency,
#apply-wrapper .pay .ap_td_02.raise{width:calc(50% - 170px);}

/*=====填寫申請單=====*/
.box_02 {border-bottom: 1px dotted #aaa;margin-top:0px;}
.apply_box .tab {padding: 0!important;display:inline-block;}
.sum_th{display:none!important;}
.box_subform>div:nth-child(2) .tab .sum_th {display:block!important;border-right: 2px groove #fff;}
.sum_td{text-align:center;font-weight:normal;}
.sum_td.note{text-align:left;font-weight:normal;}
.apply_box .tab.no {width:60px;}
.apply_box .tab.ti,
.apply_box .tab.sect {width:calc((100% - 650px) / 2);}
.apply_box .tab.auth {width:170px;}
.apply_box .tab.dep,
.apply_box .tab.up, .apply_box .tab.bookno{width:140px;}
.apply_box .ti .sum_td{text-align:left;}
.apply_T,.apply_B,#apply-wrapper .next_step {text-align:center;}

/*=====申請確認=====*/
.box_03 .tab.ti,
.box_03 .tab.sect,
.box_03 .tab.auth{width:calc((100% - 341px) / 3);}

/*=====單筆複製申請資訊=====*/
.apply_box_02 .box_04 {margin-top:0px;}
.apply_box_02 .box_04 .tab {padding: 0!important;}
.apply_box_02 .box_04 div:not(.no) .sum_th{display:inline-block!important;}
.apply_box_02 .box_04 .sum_td{/*text-align:center;*/border-bottom:0px;}
.apply_box_02 .box_04 .sum_td.left{text-align:left;}
.apply_box_02 .box_04 .no .sum_td{text-align:left;}
.apply_box_02 .box_04 .sum_td.file_i{text-align:left;border-bottom:0px;}

/*======表單查詢======*/
.apply_box_03 .tab {padding: 0!important;display:inline-block;}
.apply_box_03 .tab.no {width:60px;}
.apply_box_03 .tab.dep{width:180px;}
.apply_box_03 .tab.bookno{width:140px;}
.apply_box_03 .tab.ti{width:calc(100% - 590px);}
.apply_box_03 .tab.auth{width:210px;}
.apply_box_03 .ti .sum_td{text-align:left;}
[class*=apply_box] .man_i>.ap_td{width:calc((100% - 330px) / 3);}
[class*=apply_box] .man_i>.ap_td.ML{width:calc(100% - 110px);}


}


/*★★★★★★★★★★★★★★★★★★★★(1200px ~)★★★★★★★★★★★★★★★★★★★★*/
@media only screen and (min-width: 1200px){  
.intro_box,.QA_box,[class*=apply_box]{max-width:1200px;}
   
/*=====線上申請=====*/   
.stamp{position:fixed;} 

}