@charset "utf-8";
/* CSS Document */

 html
        {
            width:100%;
            height:auto;    
            margin: 0;
            padding-top: 2%;
            padding-bottom: 2%;
            background-image:url(../img/BK_05.jpg) ;
            background-size: auto;
            font-family: Microsoft JhengHei;
            overflow: auto;
            -ms-overflow-style: none;
            /*overflow: -moz-scrollbars-none;*/
        }
        
        body
        {
            margin:0 auto;            
            max-width: 1280px;
            box-shadow: 0px 0px 5px #333333;
            /*-ms-overflow-style: none;*/
            
        }



       h3

{
font-size:20px !important;    
font-weight: 700 !important;  
}

      /* body::-webkit-scrollbar 
        {
            display: none;
            width: 0 !important
        }*/

       a:link
        {
            text-decoration:none;
            color:#ffffff;
        }

       a:visited
        {
            color:#ffffff;
            text-decoration:none;

        }
       
a:hover
{
color: #b0c4de !important;  
    
}
.PC_device
{
display: block;    
}

.Phone_device
{
display:none;    
}
ul {
  /* 取消ul預設的內縮及樣式 */
  margin: 0;
  padding: 0;
  list-style: none;
  width: 70%;
margin-left:15%;

}

ul.drop-down-menu {
  display: inline-block;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
    margin-top:0.5%;
    margin-bottom:0.1%;
}

ul.drop-down-menu li {

    position: relative;
  white-space: nowrap;
text-align: center;
}

ul.drop-down-menu>li:last-child {
  border-right: none;
}

ul.drop-down-menu>li {
  float: left;
  /* 只有第一層是靠左對齊*/
      width:25%;
}

ul.drop-down-menu a {
  
    background-color: #333333;
  color: #ffffff;
  display: block;
  
  text-decoration: none;
  line-height: 40px;
}

ul.drop-down-menu a:hover {
  /* 滑鼠滑入按鈕變色*/
  background-color: #333333;
  color: #ffff00;
}

ul.drop-down-menu li:hover>a {
  /* 滑鼠移入次選單上層按鈕保持變色*/
  background-color: #333333;
  color:#ffff00;
}

ul.drop-down-menu ul {
  
  position: absolute;
  z-index: 99999;
 
  top: 100%;
  
}

ul.drop-down-menu ul li {
  border-bottom: #696969 1px solid;
     width:100%;
}

ul.drop-down-menu ul li:last-child {
  border-bottom: none;
}

ul.drop-down-menu ul ul {
  /*第三層以後的選單出現位置與第二層不同*/
  z-index: 999;
  top: 10px;
  left: 90%;
}

ul.drop-down-menu ul {
  /*隱藏次選單*/
  display: none;
}

ul.drop-down-menu li:hover>ul {
  /* 滑鼠滑入展開次選單*/
  display: block;
}

.font_03
{
font-size:24px;
font-weight: 700;
line-height: 2;
padding-top:1%;    
padding-bottom:1%;
margin-bottom: 2%;
border-bottom-color:#666666;   
border-bottom-style:solid;
border-bottom-width:1px;   
}

      .content_main
        {
            margin:0;
            width:100%;
            height:auto;
            overflow:auto; 
            z-index: 500;
            line-height: 0;
            position: relative;
            min-height:70vh;
        }
        

      .content_main_index
        {
            margin:0;
            width:100%;
            height:auto;
            overflow:hidden; 
            z-index: 500;
            line-height: 0;
            position: relative;
        }
        
   
         .footer
        {
            margin:0;
            width:100%;
            overflow: hidden; 
            z-index: 500;
            background-color: #008080;
            line-height: 1;
            font-size:11px;
            color: #FFF;
            text-align: center;
            padding-left:0%;
            padding-right:0%;
            padding-top:0%;
            padding-bottom:0%;
            
        }
        
    .content_first
        {
            margin:0;
            width:50%;
            max-width: 670px;
            overflow: hidden; 
            z-index: 500;
            line-height: 0;
            position: absolute;
            display: block;
        }    

    .content_second
        {
            margin:0;
            width:13.3%;
            max-width: 230px;
            overflow: hidden; 
            z-index: 500;
            line-height: 0;
            position: absolute;
            display: block;
            right:0;
        } 


  .header
        {
            margin:0;
            width:100%;
            overflow: hidden; 
            z-index: 500;
            line-height: 0;
                        background-image:url("../img/menu_bar.jpg");
            background-size: cover;
            padding-top: 0.4%;
             padding-bottom: 0.2%;
            box-shadow: 0px 2px 2px #808080;

        }
        
  .menu_bar
        {
            margin:0;
            width:100%;
      
            z-index: 500;
background-color: #333333;
           padding-top:0%;
            padding-bottom:0%;
        }
        
.menu_01
{
    color:#FFF;
    text-align: center;
    width:100%;
    font-size:16px;
    font-weight: 700;
    padding-top:1%;
    padding-bottom:1%;
    margin:auto;
    display: block;
}

.link_01
{
    
    margin-right:5.5%;
     margin-left:5.5%;
    
}

.link_01_last
{  
margin-right:5.5%;
margin-left:5.5%;
}

.logo_left{
    
    float:left;
    width:35%;
    padding-left:5%;
    padding-top:0%;
     text-align: left;
     display: block;
}

.logo_right{
    
    float:right;
    width:auto;
    text-align: right;
    display: block;
    padding-right:2%;
    padding-top:0%;
    padding-left:1%;
    font-size:14px;
    margin-right:5%;
    margin-bottom:1%;
   border-color:#FFF;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;

}


.menu_right
{
 width:64%;   
float:left;    
line-height: 1;
padding-top:1.5%
}


.menu_inside
{
width:100%;
float:left;
  
padding-top:0%; 
    
}



    .link
        {
            
            position: fixed;
            z-index: 99999;
            width:15%;
            height:100vh;
            float:left;
            top:0;
        }
        
    .link_1
        {
            
            position: fixed;
            z-index: 99999;
            width:15%;
            height:100vh;
            float:left;
            right:0;
            top:0;
        }
    
.slide_show
{
    
    width:80.5%;
    margin-left:20%;
    
}

.logo_01_pic
{
    
    width:55%;
   
}

.content_phone_01
{
    
    display: none;
    
}

.content_phone_02
{
    
    display: none;
    
}

.phone_logo
    {
        
    float:left;
    width:98%;
    padding-left:2%;
    text-align: center;
    display: none;
        
    }


.menu_phone
    {
        float:left;
        width:60%;
        text-align: center;       
        display: none;       
     
    }
    
.menu_logo
    {
        width:40%;
        text-align: center;
        display: block;
        float: left;
        display: none;
    }

.brand_area
{
    background-color: #FFF;
    width:79%;
    padding-top:2%;
    padding-bottom:4%;
    padding-left:5%;
    padding-right:5%;
    overflow: auto;
    margin: 0 auto;
   
}


.tech_list_p
{
text-indent: -15px;    
margin-left:15px;    
}

.tech_list_p2
{
text-indent: -57px;    
margin-left:57px;    
}

.tech_list_p3
{
text-indent: -16px;    
margin-left:16px;    
}

.title_barnd
{
font-size:18px;    
font-weight: 700;
color:#00008b;
    
    
}

.logo_word

{
   color:#fff;
   text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    font-size: 24px;
}

hr.style-two {
    width:10%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

.title
{
    width:68%;
    margin:auto;
    font-size:16px;
    text-align: center;
    font-weight: 800;
    padding-top:3%;
    padding-bottom:0.2%;
    text-align: left;
    
}

.title_01
{
    width:50%;
    margin:auto;
    font-size:16px;
    text-align: center;
    font-weight: 800;
    padding-top:3%;
    padding-bottom:0.2%;
    text-align: left;
    
}

.title_02
{
    width:15%;
    margin:auto;
    font-size:16px;
    text-align: center;
    font-weight: 800;
    padding-top:0%;
    padding-bottom:0.5%;

    
}

.brand_area ul {
    width:100%;
    margin-left:0;
}

.da-thumbs li {
	float: left;
	margin: 1%;
	background: #fff;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    list-style-type:none;
    width: 23%;
         border-color:#d3d3d3;
    border-style: solid;
    border-width: 1px;
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}

.da-thumbs li a div {
	
	left: 0;
    bottom:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    opacity: 0;
}
.da-thumbs li a:hover div{
	/*bottom: 0px;*/
    opacity: 100;
}

.pic_top
{
width:100%;    
margin:0 auto;
padding-top:0;
padding-bottom:25%;    
background-image: url("../img/about.jpg");
background-size: 100%;
background-position: center;
background-attachment: inherit;
}

.pic_top_02
{
width:100%;    
margin:0 auto;
padding-bottom:14%;    
background-image: url("../img/news_pic.jpg");
background-size: 100%;
background-position: center;
background-attachment: inherit;
}

.pic_top_03
{
width:100%;    
margin:0 auto;
padding-bottom:3%;    
text-align: center;
}

.about_content
{
width:68%;
margin:0 auto;    
padding-top:2%;    
padding-bottom:5%;    
overflow: hidden;
font-size:16px;     
line-height: 1.5;
    
}

.content_title
{
text-align: center;
font-size:21px;    
font-weight: 900;
line-height: 1.5;
padding-top:1%;    
    
}

.content_text
{
width:100%;    
padding-top:2%;
padding-left:2%;    
padding-right:2%;    
}

.content_text_list
{
width:96%;
text-indent: -32px;
margin-left:32px; 
padding-top:2%;
padding-left:2%;    
padding-right:2%;    
}

.list_text
{
width:100%;
margin:0 auto;
padding-top:1%;
padding-bottom:1%;
padding-left:0%;    
padding-right:0%; 
border-bottom-color:#d3d3d3;
border-bottom-style: solid;
border-bottom-width: 1px;
    text-align: left;
}

.list_text_first
{
width:100%;
margin:0 auto;
padding-top:0%;
padding-bottom:2%;
padding-left:0%;    
padding-right:0%; 
border-bottom-color:#d3d3d3;
border-bottom-style: solid;
border-bottom-width: 1px;
text-align: left;
font-size:21px;
font-weight: 700;
}

.first_content
{
   
padding-top:1%;
padding-bottom:1%;
font-size:16px;    
line-height: 1;   
}

.content_link
{
text-align: right;
font-size:16px;
width:100%;
    
}


.page_list
{
padding-top:2%;
padding-right:1%;
float: right;    
    
}


.news-content
{
line-height: 1.5;    
padding-top:2%;    
    
    
}


.brand_side_right
{
width:20%;    
position: absolute;    
right:2.5%;
top:10.5%; 
line-height: 1.5;
font-size:14px;  
display: block;    
}

.brand_side_left
{
width:15%;    
position: absolute;    
left:7.5%;
top:10.5%; 
line-height: 2;
font-size:16px;
text-align: center;
    display: block;
}

.brand_padding_outside
{
    
    padding-top:2%;
    padding-bottom:2%;
}

.img_brand_news
{
width:98%;    
margin:0 auto;
padding-top:2%;    
    
}

.brand_content
{
width:50%;
height:80vh;
margin:0 auto;    
padding-top:0%;    
padding-bottom:0%;    
overflow: scroll;
font-size:16px; 
position: relative;
border-bottom-color: #dcdcdc;
border-bottom-style: solid;
border-bottom-width: 1px;
}


.brand_content::-webkit-scrollbar 
        {
            display: none;
            width: 0 !important
        }

.brand_first
{
width:100%;    
margin:0 auto;
overflow: hidden;   
    
    
}

.brand_left
{
width:35%;    
float: left;    
text-align: center;
margin-left:2.5%;
}



.brand_right
{
width:60%;    
float: left;    
line-height: 1.5;    
margin-left:2.5%;
}

.brand_center
{
width:100%;
line-height: 1.5;
margin-top:1rem;    
margin-bottom:1rem;

}

.brand_center_first
{
width:100%;
line-height: 1.5;
margin-top:0;    
margin-bottom:1rem;
}


.brand_title
{
background-color:#191970;
color:#FFF;
font-weight: 700;    
font-size:18px;
padding-left:2%; 
padding-top:2px;;
padding-bottom:2px;
margin-top:0 !important;
margin-bottom:0 !important;   
}

.text_phone_none
{
display: block;
}
    
.text_phone_real
{
display: none;
}     

.brand_special
{
font-weight: 700;
color: #1e90ff;   
font-size:14px;  
}

.brand_special_2
{
font-weight: 700;
font-size:14px;  
}

.brand_padding
{
padding-left:2%;
padding-right:2%; 
word-break:break-all;    
}

.brand_padding_left
{
padding-left:2%;
padding-right:2%;
padding-bottom:3%;
padding-top:3%;    
border-bottom-color: #dcdcdc;
border-bottom-style: solid;
border-bottom-width: 1px;
margin:0;    
}

.brand_padding_left:hover
{
background-color:#dcdcdc;
}



.brand_text
{
font-size:14px;    
    
}

.brand_border
{
border-color:#d3d3d3;
border-style: solid;
border-width: 1px;
    
}

.product_img
{
width:50%;    
}

.product_img_02
{
width:80%;    
padding-left:2%; 
}

.buttom_back
{
width:10%;    
float:right;    
}

.product_link a
{
color: #191970;    
}

.product_link a:hover
{
color: #00bfff;    
}

.brand_line
{

border-bottom:1px #888888 solid;
overflow: hidden;    
}

.brand_line_last
{

border-bottom:0px #888888 solid;
overflow: hidden;    
}


.tech_left
{
width:23%;
float:left;
margin-left:1%;
margin-top:2%;
margin-bottom:2%;    
}


.tech_right
{
width:72%;    
float:left;
margin-left:3%;
margin-right:1%;
margin-top:2%;
margin-bottom:2%;  
    
}

.tech_right a
{
color:#333333;    
    
}


.tech_content
{
width:50%;
margin:0 auto;    
padding-top:0%;    
padding-bottom:0%;    
font-size:16px; 
position: relative;
border-bottom-color: #dcdcdc;
border-bottom-style: solid;
border-bottom-width: 1px;
}

.tech_side_left
{
width:15%;    
position: absolute;    
left:7.5%;
top:81px; 
line-height: 2;
font-size:16px;
text-align: center;
display: block;
}

.tech_side_right
{
width:20%;    
position: absolute;    
right:2.5%;
top:81px;
line-height: 1.5;
font-size:14px;  
display: block;   
}

.active
{
font-weight: 700; 

    
}

.tech_padding_inside
{
padding-left:2%;
padding-right:2%;
padding-bottom:1%;
border-bottom-color: #dcdcdc;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 12px;
background-color:#f5f5f5;
margin:0;    
}

.tech_padding_inside a
{
color:#696969;    
    
}

.btn_angle
{
width:12px;
height:4px;
border:0px;
background-color: rgba(0,0,0,0); 
font-sizs:8px;
}

.btn_angle:focus
{

border:0px;
background-color: rgba(0,0,0,0); 
-moz-outline-style: none; 
outline-style: none;
}

.btn_angle a 
{
    noFocusLine:expression(this.onFocus=this.blur());
}



.angle_down
{
width:12px;
height:4px;    
background-image: url("../img/angle_down.png");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;    
overflow: hidden;
}

.angle_up
{
width:12px;
height:4px;    
background-image: url("../img/angle_up.png");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;      
overflow: hidden;    
}

[aria-expanded="false"] .menu__icon--open {
  display: inline;
}
[aria-expanded="false"] .menu__icon--close {
  display: none;
}
[aria-expanded="true"] .menu__icon--open {
  display: none;
}
[aria-expanded="true"] .menu__icon--close {
  display: inline;
}

.tech_link
{
color:#191970 !important;    

}

a.tech_link:hover
{
color:#191970  !important;  
  
}


.tech_link_none
{
color:#cccccc !important;    

}

@media only screen and (max-width: 480px)
{
    
     html
        {
            width:100%;
            height:100%;    
            margin: 0;
            padding-top: 0%;
            padding-bottom: 0%;
            background-image:url(../img/BK_05.jpg) ;
            background-size: cover;
            background-repeat: no-repeat;
            font-family: Microsoft JhengHei;
            overflow: -moz-hidden-unscrollable;
            
        }
    
    p
    {
        
        margin-top:0 !important;
        margin-bottom:0 !important;
        
    }
    
.font_03
{
font-size:21px;
font-weight: 700;
line-height: 1.5;
padding-top:4%;    
padding-bottom:4%;
border-bottom-color:#666666;   
border-bottom-style:solid;
border-bottom-width:1px;   
}

    .logo_left{
    
    float:left;
    width:98%;
    padding-left:2%;
        text-align: center;
        display: none;
}

.logo_right{
    
    float:left;
    width:20%;
    text-align: right;
    display: none;
}
    
.logo_01_pic
{
    
    width:60%;
    
}  
    
.phone_logo
    {
        
    float:left;
    width:100%;
    text-align: center;
    padding-top:3%;
    padding-bottom:3%;
    display: block;
        
    }
    
  .menu_bar
        {
            margin:0;
            width:100%;
            overflow: hidden; 
            z-index: 500;
            background-color: #333333;
            padding-top:2%;
            padding-bottom:2%;
           
        }    
    
.menu_01
{
    color:#FFF;
    text-align: center;
         width:100%;
    font-size:18px;
    padding-top:1%;
    padding-bottom:1%;
    margin:auto;
    display: none;
}    

.menu_phone
    {
        float:left;
        width:60%;
        text-align: center;       
        display: block;   
        border-right-color: #808080;
        border-right-width: 1px;
        border-right-style: solid;
        
    }
    
.menu_logo
    {
        width:40%;
        text-align: center;
        display: block;
        float: left;
        display: block;
    }
    
.content_phone_01
{
    
    display: block;
    
}

.content_phone_02
{
    
    display: block;
    
}   
    
    
.content_first
        {
            margin:0;
            width:100%;
            max-width: 1280px;
            overflow: hidden; 
            z-index: 500;
            line-height: 0;
            position: absolute;
            display: none;
        }        
    

.content_second
        {
            margin:0;
            width:18%;
            max-width: 230px;
            overflow: hidden; 
            z-index: 500;
            line-height: 0;
            position: absolute;
            display: none;
        }     
    
.slide_show
    {
        width: 100%;
        margin-left:0%;
        
        
    }
    
    
.footer
        {
            margin:0;
            width:100%;
            overflow: hidden; 
            z-index: 500;
            background-color: #008080;
            line-height: 1.5;
            font-size:8px;
            color: #FFF;
            text-align: center;
            padding-left:10%;
            padding-right:10%;
            padding-top:3%;
            padding-bottom:3%;
        }
          
 .card
    {
        
        background-color: #444444!important;
        width:100%;
        
    }
    
.link_02
    {
        padding-top:5%;
        padding-bottom:5%;
        font-size:18px;
        border-top-color: #808080;
        border-top-style: solid;
        border-top-width: 1px;
        border-bottom-color: #808080;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        
    }
    
.link_02_first
    {
        padding-top:5%;
        padding-bottom:5%;
        font-size:18px;
      
    
     
        
    }    
    
    
  .link_02_final
    {
        padding-top:5%;
        padding-bottom:5%;
        font-size:18px;
      
    }    
      
    
.btn-primary
    {
        background-color: #333333 !important;
        border-color:#333333 !important;
                
    }
    
.btn:focus
{    
    
    box-shadow: 0 0 0 0.2rem rgba(51,51,51) !important;
}

 .brand_area
{
    background-color: #FFF;
    width:100%;
    padding-top:5%;
    padding-bottom:4%;
    padding-left:5%;
    padding-right:5%;
    overflow: auto;
    margin: 0 auto;
   
}   
    
    
.title
{
    width:90%;
    margin:auto;
    font-size:16px;
    text-align: left;
    font-weight: 800;
    padding-top:4%;
    padding-bottom:0.5%;

    line-height: 1
}
    
.title_01
{
    width:90%;
    margin:auto;
    font-size:16px;
    text-align: left;
    font-weight: 800;
    padding-top:4%;
    padding-bottom:0.5%;

    line-height: 1
}
    

    
.title_02
{
    width:50%;
    margin:auto;
    font-size:16px;
    text-align: center;
    font-weight: 800;
    padding-top:0%;
    padding-bottom:0.5%;

    
}    
    
hr.style-two {
    width:50%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}    
    
.brand_area_padding
    {
        padding-left:0 !important;
        
    }
    
.da-thumbs li {
	float: left;
	margin: 5px;
	background: #fff;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    list-style-type:none;
    width: 47%;
    border-color:#d3d3d3;
    border-style: solid;
    border-width: 1px;
}  
  
.brand_content
{
width:95%;
margin:0 auto; 
height: auto;
padding-top:5%;    
padding-bottom:5%;    
overflow: hidden;
font-size:14px;  
}  
    

    
    
.brand_left
{
width:50%;    
float: left;    
text-align: center;
margin-left:25%;
}



.brand_right
{
width:100%;    
float: left;    
line-height: 1.5;    
margin-left:0%;
}  

    
.brand_padding
{
padding-left:2%;
padding-right:2%;
padding-top:2%;
padding-bottom:2%;
}    
    
.product_img
{
width:60%;    
}    
    

.buttom_back
{
width:20%;    
float:right;    
}

.pic_top
{
width:100%;    
margin:0 auto;
padding-bottom:50%;    
background-image: url("../img/about.jpg");
background-size: 100%;
background-position: center;
background-attachment:inherit;
}

.about_content
{
width:90%;
margin:0 auto;    
padding-top:2%;    
padding-bottom:5%;    
overflow: hidden;
font-size:16px;     
line-height: 1.5;
    
}

.content_text
{
width:100%;    
padding-top:5%;
padding-left:2%;    
padding-right:2%;    
}    
   
.content_text_list
{
width:88%;
text-indent: -32px;
margin-left:32px; 
padding-top:2%;
padding-left:2%;    
padding-right:2%;    
}    
    
.pic_top_02
{
width:100%;    
margin:0 auto;
padding-bottom:40%;    
background-image: url("../img/news_pic.jpg");
background-size: 250%;
background-position: center;
background-attachment: inherit;
}
    
.text_phone_none
{
display: none;
}
    
.text_phone_real
{
display: block;
}        

    
.brand_side_right
{
width:100%;    
position: relative;
margin: 0 auto;    
right:auto;
top:auto; 
line-height: 1.5;
font-size:14px;  

}

.brand_side_left
{
width:20%;    
position: absolute;    
left:2.5%;
top:10.5%; 
line-height: 2;
font-size:16px;
text-align: center;
    display: none;
}    
    
    
.brand_padding_outside
{
    
    padding-top:0%;
    padding-bottom:2%;
}
    
    
.list_text_first
{
width:100%;
margin:0 auto;
padding-top:2%;
padding-bottom:2%;
padding-left:0%;    
padding-right:0%; 
border-bottom-color:#d3d3d3;
border-bottom-style: solid;
border-bottom-width: 1px;
text-align: left;
font-size:18px;
font-weight: 700;
}
    
.first_content
{
   
padding-top:1%;
padding-bottom:1%;
font-size:14px;    
line-height: 1;   
}
    
    
.pic_top
{
width:100%;    
margin-top:3%;;
padding-top:14%;
padding-bottom:14%;    
background-image: url("../img/about.jpg");
background-size: 100%;
background-position: center;
background-attachment: inherit;
}    
    
.PC_device
{
display:none !important;    
}

.Phone_device
{
display:block;    
}
    
.tech_side_left
{

display: none;
}
  
.tech_content
{
width:95%;
margin:0 auto;    
padding-top:5%;    
padding-bottom:5%; 
padding-left:2.5%; 
padding-right:2.5%;    
font-size:16px; 
position: relative;
border-bottom-color: #dcdcdc;
border-bottom-style: solid;
border-bottom-width: 1px;
}  
    
.tech_left
{
width:37%;
float:left;
margin-left:1%;
margin-top:2%;
margin-bottom:2%;    
}


.tech_right
{
width:58%;    
float:left;
margin-left:3%;
margin-right:1%;
margin-top:2%;
margin-bottom:2%;  
    
}    
    

h3
{
font-size:16px !important;    
font-weight: 700 !important;  
}
    
  
.card-body
{
padding-top:5px !important;
padding-bottom:5px !important;
padding-left:20px !important;
padding-right:20px !important;
}    
        
    
.card-body_01
{
line-height:2;    
padding-top:5px !important;
padding-bottom:5px !important;
padding-left:25px !important;
padding-right:5px !important;
}    
    
    }