body{background-color: #fff;}
#top_header{
    width: 100%;
    min-height: 2em;
    background: #f5f5f5;
    color: rgb(181, 181, 181);
    line-height:2em;
}
.non_selected_lang{
    opacity: 0.45;
}
.non_selected_lang:hover{
    opacity: 1;
}
#lang{float:right;}
.clear{clear:both;}
.right{float:right;}
#navbarSupportedContent .nav-link{line-height:2em;}
.navbar-nav{margin-top:20px;margin-left:20px;}
#navbarSupportedContent .navbar-nav .nav-item{margin-left:15px;}
#footer{width:100%;background-color: #373739; color:#fff;padding-top:35px; color:#b4b4b4;}

a{color:#b4b4b4;}
a:hover{color:#777777;}
a:active{color:#b4b4b4;}
a img {border:none;}

.f_02{margin-top:20px;} 
.f_02 i{margin-right:8px;}
.footer_btm_description{padding-bottom:20px;}
#footer .container > div > div{padding-bottom:20px;}
#bottom_line{
    border-top: 1px solid #4d4d4d;
    padding-top:20px;
    margin-top:35px; 
}
.b{font-weight: bold;}
.f_title{width:100%; display:inline-block; height: 45px; line-height:45px; font-size:18px; 
    border-bottom: 1px solid #4d4d4d;
}
.f_underline{display:inline-block; height: 45px; line-height:45px; border-bottom:3px solid #195aa8;}

a.item_link, a.mailto{color:#323232;}
a.item_link:hover, a.mailto:hover{color:#777777;}
#footer a.mailto{color:#b4b4b4;}
#footer a.mailto:hover{color:#777777;}
 #top_header a.mailto{color:rgb(181, 181, 181);}
 #top_header a.mailto:hover{color:#d4d4d4;}

 .bottom_nav_link > .col-6 {
    padding-right:0px;
 }
 .bottom_nav_link > .col-6 > .nav-link{
     padding:.3rem 1rem 0rem 1rem;
 }
 
/* 
a:hover{color:#777777;}
a:active{color:#b4b4b4;} */
/* #323232 */

.btn_defalt {color:#fff; background-color: #194f90; padding: 5px 10px; border-radius: 5px; }
.btn_defalt a{color:#fff;}
.btn_defalt a:visited{color:#fff;}

/* index */
.main_pic{color: #fff; font-family: 'Times New Roman', Times, serif;}
.main_pic .main_pic_text_1{color:#f8b529; width:45%; font-weight: bold;font-size: 72px; line-height:1em; text-shadow: 3px 3px 5px #333; }
.main_pic .main_pic_text_2{font-size:30px;line-height:1em;width:70%; text-shadow: 0.1em 0.1em 0.0ㄉem #333; }

.main_pic_btm{min-height: 60px; background-color: #195aa8;color:#fff; line-height: 30px; padding-top:15px; padding-bottom:15px; font-size:18px;}
.main_about .about_title{font-size:24px; color:#195aa8; line-height: 1em; margin-bottom: 15px; display: inline-block; }
.main_about .container .row{padding-top:30px; padding-bottom:30px;  } 
.main_product{width:calc(100% - 10px);text-align: center;}
.main_product img{width:100%;}
.main_product .title{width:100%; text-align: left; font-size: 18px; margin-top:20px; display: inline-block;}
.main_product .title span{
    /* border-bottom: 2px solid #195aa8; */
     width:2em; }

.main_about_news{background: url('../../assets/images/viwon/index_news_bg.jpg') top center no-repeat #373c49; min-height: 100px;width:100%; padding-bottom:18px;}
.main_about_news_map i{float: left; font-size:2.2em; padding-right:5px;}
.main_about_news_map{color:#fff; background:rgba(255,255,255,0.1); margin-top:2em; font-size: 18px; padding:18px 10px; line-height: 1.2em;}
.main_about_news{color:#fff;}
.main_about_news .f_01{ margin-top: 2em; }
.main_about_news .f_content i{height:3em;display:inline-block;font-size:1.6em; float:left;}
.main_about_news a{color:#fff;}

/* mid nav */
.mid_nav{height: 2em;line-height: 2em; font-size: 14px; border-bottom: 1px solid 
    #e4e4e4; color:#b4b4b4}
/* .mid_nav i{font-size: 8px; color: #b4b4b4; line-height: 28px;} */

/* about */
.about_company {padding-top: 32px; padding-bottom:18px;}
.about_pic .pic_text_1{color:#fff; padding-top:30px; font-size:48px; width:45%; font-weight: bold; line-height:1em;
    text-shadow: 3px 3px 5px #333;
}
.about_company .f_underline{width:2em; overflow: visible; height: 45px; line-height:45px; border-bottom:3px solid #195aa8;}

.about_company .f_title{width:auto;font-size:32px; white-space: nowrap;}
.about_company p{line-height: 1.6em;font-size:16px;}
.about_company .brief_description{margin-top:15px;font-weight: bold ;font-size:16px;}
.about_company .company_pic div.col-12{padding-bottom:12px;}

.main_product .description{text-align: left; font-size: 14px; margin-top:5px; }
.products .title{color:#195aa8; font-size: 24px; line-height: 1.6em; text-align: center; margin-bottom:5px;}
.products .cover_img{width: 100%; margin-bottom:5px; }
.products .description{width: 100%; padding-top:10px; padding-bottom:10px;
     font-size: 16px; line-height: 1.6em; color:#545454;
      font-weight: bold;}
.products .content {font-size: 16px; line-height: 1.6em; }


/* products */
.products, .contact {padding-top: 32px; padding-bottom:18px;}
.list_title{ color:#545454; font-size:20px; font-weight:bold; line-height: 2.8em;  border-top:1px solid #727273;  border-bottom: 1px solid #d6d6d6;   }
.list_category .nav_li{font-size: 16px;}
.list_category{margin-bottom:28px;}
.list_category .nav_li{line-height: 2.5em; border-bottom: 1px solid #d6d6d6; color: #5c5c5c;}
.list_category .nav_li:hover, 
.list_category .selected{
    color:#ffffff;
    background: url('../../assets/images/viwon/category_hover.jpg') top right no-repeat #77bb6e;
}
.list_category .nav_li:hover a{
    color:#fff;
}
.contact_sec{line-height: 2.2em; padding-bottom:18px; width:100%;}
.contact_sec i, .contact_sec .fax{display:inline-block; margin-right:10px; padding-right:10px; border-right:1px solid #727273;}
.contact_sec .fax{font-size: 8px;}

/* .products .list_title{ color:#545454; font-size:20px; font-weight:bold; line-height: 2.8em;  border-top:1px solid #727273;  border-bottom: 1px solid #d6d6d6;   }
.products .list_category .nav_li{font-size: 16px;}
.products .list_category{margin-bottom:28px;}
.products .list_category .nav_li{line-height: 2.5em; border-bottom: 1px solid #d6d6d6; color: #5c5c5c;}
.products .list_category .nav_li:hover, 
.products .list_category .selected{
    color:#ffffff;
    background: url('../../assets/images/viwon/category_hover.jpg') top right no-repeat #77bb6e;
}
.products .list_category .nav_li:hover a{
    color:#fff;
}
.products .contact_sec{padding-top:10px; line-height: 2.2em; padding-bottom:18px; width:100%;}
.products .contact_sec i, .products .contact_sec .fax{display:inline-block; margin-right:10px; padding-right:10px; border-right:1px solid #727273;}
.products .contact_sec .fax{font-size: 8px;} */




.category_mini{margin-bottom:23px;}
.category_mini .list_title{border-top:0px; line-height:2em;}
.category_mini .sm_link{margin-top:10px; margin-right:10px; font-size:14px; 
    padding: 5px 10px; background-color:#fff; color:#373c49; border:1px solid #d6d6d6;}
.category_mini .sm_link:hover{background-color:#77bb6e;}
.category_mini .selected{background-color:#77bb6e;}


.t_img{margin-bottom:15px;}
.t_article{margin-bottom:60px; }
.t_title, .t_descript{display:block;margin-bottom:10px;}
.t_title{font-size:18px; font-weight: bold; }
.t_descript{margin-bottom:36px;}
.link{padding: 8px 13px; 
    -webkit-transition: all 0.5s; /* Safari prior 6.1 */
    transition: all 0.5s;
    /* background-color: #77bb6e; */
    background-color: #5680b3;
    color:#fff;
    /* border:2px solid rgb(84, 82, 82); */
}
.link:hover{
    /* background-color: #518e49;  */
    background-color: #195aa8;
    color:#fff !important; 
    /* border:1px solid #72b369; */
}

.t_center{
    text-align: center;
}

.index_about_viwon{cursor:pointer;}
.index_about_viwon:hover{cursor:pointer;opacity:0.8;}
/* .main_logo{width:260px;} */
.main_product{display:block;}

@media only screen and (max-width: 720px)  {
    .main_about_email{display: none;}
    .main_about_phone{display: none;}
}
@media only screen and (max-width: 540px)  {
    .main_pic_btm .container .row div:nth-child(2){display:none;}
    .main_about_email{display: none;}
    .main_about_phone{display: none;}
    /* .about_company .company_pic div.col-12{padding:15px;}
    .about_company .company_pic div.col-left{padding-left:15px;}
    .about_company .company_pic div.col-right{padding-right:15px;} */
}