/*====================xs(~767px)====================*/
@media (max-width: 767px){
.navbar-nav{
    float:inherit;
    margin-top:0;
    margin-bottom:0;}
.navbar-nav>li>a{line-height:24px;}    
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {background-color: #333;}
.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar { background-color:#fff;}
#navbar{box-shadow: 0 4px 3px 0px rgba(0,0,0,0.6);}
    
/**首頁**/
.slider:before,.slider:after{
    content:"";
    width:40px;
    height:40px;
    border-width:5px;}
.slider:before{left:15px;}
.slider:after{right:15px;}    
.slick-dots{display:none!important;}
.slick-slide .PIC_title {font-size:10vw;}
.slick-slide .PIC_script{font-size:20px;}
.six_Box > li{border-left:0;border-right:0px;}
.news {
    border-bottom: 1px solid rgb(200,200,200);
    border-right:0;}
.news,.gov{
    padding-top:20px;
    padding-bottom:20px;}  
.gov > ul > li{width:33.3%;}       
.focus_c > h1 > b {
    margin-right:0;
    display:block;}    
    
/**Focus**/
.focus_01{
    background:url(../images/P01.jpg) center center no-repeat;
    background-size:cover;}
.focus_05 .subj{margin-bottom: 50px;}
.focus_06 .subj{margin-right: 15px;margin-left: 50px;}

/**關於大鐸**/
.focus_us .PIC_title {font-size: 5vw;} 

/**系統客戶**/
.mid-wrapper.part{margin-top:50px;}
.part_box {
    border:0;
    border-top:1px solid #e0e0e0;
    background: -moz-linear-gradient(top,#e5e5e5 0%,#fff 10px);
    background: -webkit-linear-gradient(top,#e5e5e5 0%,#fff 10px);
    background: linear-gradient(to bottom, #e5e5e5 0%,#fff 10px);
    margin-right:-15px;
    margin-left:-15px;
    padding: 15px 30px;
    width:calc(100% + 30px);}
.part_box:after{content:inherit;}
.part_box:first-child{margin-top: 15px;padding-bottom:15px;}
.part_p{
    width: 100%;
    height: 80px;
    border: 1px solid #ccc;}
.part_p > img{border: 1px solid #ccc;display:none;}
.part_i {padding: 15px 0 10px;min-height: 130px;}
.prod_box:nth-of-type(4){background-position:top left,right -35px bottom 15px;}
.name_box:before{display:none;}
.name_box {
    border:0;
    border-top:1px solid #b2ebf2;
    background: -moz-linear-gradient(top, #b2ebf2 0%, #feffff 20%);
    background: -webkit-linear-gradient(top, #b2ebf2 0%,#feffff 20%);
    background: linear-gradient(to bottom, #b2ebf2 0%,#feffff 20%);
    margin-right:-15px;
    margin-left:-15px;
    padding: 15px 30px;
    width:calc(100% + 30px);}
.name_box:after{content:inherit;}

/**電子資料庫**/
.prod_box > li{width: 100%;}
.prod_box > li:nth-of-type(even){margin-left:0;}
.prod_box.tw{
    background:linear-gradient(to bottom, #96c8f5 0%,#ffffff 15px,rgba(255,255,255,0) 16px),url(../images/prod_bg05.jpg);   
    background-position:top left,right top 6%;
    background-repeat:no-repeat;
    background-size:contain,240px!important;}


}


/*====================xs(~640px)====================*/
@media (max-width: 640px){
[class^=focus_] {height: 100px;}
.mid-wrapper.page_M {
    background: #fff;
    min-height: calc(100vh - 50px - 100px - 68px);}

/**電子資料庫**/  
.prod_box:nth-of-type(n){background-size:contain,60%;}    
.prod_box:nth-of-type(3){
    background-position:top left,right -10px bottom -35px;}
.prod_box.tw{
    background:linear-gradient(to bottom, #96c8f5 0%,#ffffff 15px,rgba(255,255,255,0) 16px),url(../images/prod_bg05.jpg);
    background-position:top left,right top 3.5%;
    background-repeat:no-repeat;
    background-size:contain,140px!important;}
    
/**footer**/    
.footer br{
    display:inline-block;
    visibility: visible;}
}


/*====================sm(768px~)====================*/
@media (min-width: 768px){ 
.navbar>.container .navbar-brand{
    margin-right: -15px;}  
/**首頁**/  
.simple_w{padding: 15px 15% 50px;} 
[class^=focus_] .PIC_title{font-size:8rem;}
.focus_04 .PIC_title{font-size:6rem;}
.focus_06 .subj{margin-right: 15px;margin-left: 50px;}

/**關於大鐸**/
.focus_us .PIC_title {font-size:5vw;} 

/**系統客戶**/
.part_box:nth-child(2n){border-right:0;}
.part_box:nth-child(2n):after{content:inherit;}
.part:nth-child(2n+1){clear:both;}

/**電子資料庫**/
.prod_box:nth-of-type(4){background-position:top left,right -50px bottom -10px;}
.prod_box:nth-of-type(6){background-position:top left,right bottom -85px;}
.prod_box:nth-of-type(7){background-position:top left,right -85px bottom;}

}
    

/*====================md(992px~)====================*/
@media (min-width: 992px){
.simple_w{padding: 15px 25% 50px;}     
.collapse.show{border-top:0px solid #999;}
 
/**Focus**/
.focus_03 .subj,
.focus_04 .subj{margin-right:auto;margin-left:auto;}

/**關於大鐸**/
.focus_us .subj{padding:0;}
.focus_us .PIC_title {font-size: 3.5vw;} 

/**系統客戶**/
.part_box:nth-child(2n+1){clear:inherit;}
.part_box:nth-child(2n){border-right:1px solid #e0e0e0;}
.part_box:nth-child(3n){border-right:0;}
.part_box:nth-child(2n):after{content:"";}
.part_box:nth-child(3n):after{content:inherit;}
.part_box:nth-child(3n+1){clear:both;}
}


/*====================lg(1200px~)====================*/
@media (min-width: 1200px){
.container{max-width:1200px;padding:0;} 

/**首頁**/ 
.six_Box > li:nth-child(odd),    
.six_Box > li:nth-child(even){border:1px solid #fff;} 
.six_Box > li:nth-child(3n){border-right:0px;}
.six_Box > li:nth-child(3n+1){border-left:0px;}
.gov > ul > li{width:181px;} 
 
/**Focus**/ 
.focus_06 .subj{margin:0 auto;} 

    
/**電子資料庫**/
.prod_box:nth-of-type(4) {background-position:top left,right bottom -15px;}
.prod_box:nth-of-type(6){background-size:inherit,auto;}
.prod_box:nth-of-type(7){background-position:top left,right bottom;}


}