/*layout (basic)*/
body{overflow-x:hidden;}

/*smenu (basic)*/
.smenu-breadcrumb{margin-top:-15px;}
.smenu>li>a:hover,.smenu>li>a:active,.smenu>li>a:focus,.smenu .open>a, .smenu .open>a:hover, .smenu .open>a:focus{background-color:transparent;}
.Page_smenu .caret{margin-left:5px;}
.fa-arrow-icon{margin-top:14px;}
@media (min-width: 768px) {
.smenu-breadcrumb .Page_smenu{margin-right:-30px;}
}
@media (max-width: 767px) {
.Page_smenu .fa-arrow-icon,.Page_smenu .smenu-disabled{display:none;}
.smenu-breadcrumb{max-width:767px;width:100%;margin-top:-20px;position:absolute;left:0px;z-index:99;padding-right:15px;background-color:#fff;}
.Page_smenu .smenu-show>a{border-bottom:1px solid #d9d9d9 !important;}
.Page_smenu .open>a{border-bottom:1px solid #d9d9d9 !important;}
.smenu-breadcrumb .navbar{margin-bottom:0px;}
.Page_smenu>li>a,.Page_smenu .open .dropdown-menu>li>a{padding-left:30px;}
.Page_smenu{margin-left:0px;}
.smenu-show .caret{float:right;margin:10px 20px 0 0;}
.smenu-breadcrumb .open .dropdown-menu{-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);}
.smenu-show-list{padding-top:10px;padding-bottom:10px;}
}

/*banner (basic)*/
.page-bn{position:relative;top:-20px;}
.page-bn-img{
width: 100%;
background-position-x:50%;
background-position-y:50%;
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size:cover;
-o-background-size: cover;
background-size: cover;
}
@media (min-width: 1200px) {.page-bn-img{height:400px;}}
@media (min-width: 768px) and (max-width: 1199px) {.page-bn-img{height:320px;}}
@media (min-width: 630px) and (max-width: 767px) {.page-bn-img{height:280px;margin-top:20px;}}
@media (min-width: 481px) and (max-width: 629px) {.page-bn-img{height:220px;margin-top:20px;}}
@media (min-width: 450px) and (max-width: 480px) {.page-bn-img{height:200px;margin-top:20px;}}
@media (max-width: 449px) {.page-bn-img{height:160px;margin-top:20px;}}
@media (max-width: 767px) {.TatungPage{padding-top:105px;}}

/*banner img*/
.page-bn-01 {
    background-image: url('http://www.tatungusa.com/content/images/support/download_center/bn01.jpg');
}

/*page title (basic)*/
.PageTitle{margin-top:-15px;margin-bottom:40px;}
@media (max-width: 767px) {.PageTitle{margin-top:30px;margin-bottom:20px;}}

/*page depict (basic)*/
.PageDepict-container{margin-bottom:35px;}
@media (min-width: 992px) and (max-width: 1199px) {
.PageDepict-container{padding-top:20px;padding-bottom:20px;}
.PageDepict_Text{margin-top:-23px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.PageDepict-container{padding-bottom:20px;}
}
@media (max-width: 767px){
.PageDepict-container{padding-bottom:20px;}
}
@media (max-width: 480px){
.PageDepict-container{margin-bottom:30px;padding-bottom:0px;}
}

/*Download Center*/
@media (min-width: 1200px) {
.Download-box{padding-bottom:30px;margin-bottom:80px;margin-top:60px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.Download-box{padding-bottom:20px;margin-bottom:70px;margin-top:30px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.Download-box{padding-bottom:30px;margin-bottom:50px;margin-top:30px;}
}
@media (max-width: 767px){
.Download-box{padding-bottom:30px;margin-bottom:30px;margin-top:0px;}
.Download-col{padding-left:0px;padding-right:0px;}
}
@media (max-width: 480px){
.Downloads-box{margin-bottom:0px;margin-top:0px;}
}

/*Download Search*/
.Download-box .right-inner-addon {position: relative;}
.Download-box .right-inner-addon input {padding-right: 30px;}
.Download-box .right-inner-addon i {position: absolute;right: 0px;padding: 10px 12px;pointer-events: none;color:#666666;}
.pdt-search .form-control{color:#666666;}
.Download-box .model-search{margin-left:-30px;}
.Download-box .pdt-search,.Download-box .sbmit-btn{padding-left:0px;}
.Download-box .sbmit-btn{margin-top:31px;}
.Download-box .search-name{font-weight:bold;color:#333;}
.Download-box .search-container small{font-weight:normal;margin-right:6px;}
@media (max-width: 767px) {
.Download-box .search-container{margin-right:-15px;padding-right:0px;padding-left:0px;}
.Download-box .model-search,.Download-box .pdt-search{padding-right:0px;}
.Download-box .model-search{margin-bottom:15px;margin-left:-15px;}
.Download-box .pdt-search{margin-bottom:10px;margin-left:0px;}
.Download-box .search-name small{display:inline;}
.Download-box .right-inner-addon{margin-right:-15px;}
.Download-box .sbmit-btn{margin-left:0px;margin-top:10px;}
}
@media (max-width: 480px) {
.Download-box .search-name small{display:block;}
}

/*Download Table*/
.Download-box .downlaod-table{padding-left:0px;padding-right:0px;}
.result-title{font-weight:bold;margin-bottom:15px;}
.table>tbody+tbody{border-top:none;}
@media (min-width: 992px) {
.pdt-box img{width:45px;height:45px;}
.icon-box img{width:30px;height:30px;}
.TableLayout1 thead{background-color:#8D8D8D;border-top:1px solid #d6343c;color:#fff;}
.TableLayout1 thead tr th{padding-top:10px;padding-bottom:10px;white-space:nowrap;letter-spacing:0.01em;}
.TableLayout1>tbody>tr>td{border-top:0px;border-bottom:1px solid #ddd;vertical-align:inherit;padding-top:15px;padding-bottom:15px;line-height:23px;letter-spacing:0.01em;}
.table-box .type-box{min-width:120px;width:15%;}
.table-box .title-box{min-width:300px;width:50%;}
.table-box .model-box{min-width:130px;width:15%;}
}
@media (max-width: 991px){
.result-box{border-bottom:2px solid #d6343c;}
/* Force table to not be like tables anymore */
#no-more-tables table,#no-more-tables thead,#no-more-tables tbody,#no-more-tables th,#no-more-tables td,#no-more-tables tr {
display: block;
} 
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
} 
#no-more-tables tr { border-bottom: 1px solid #ddd;}  
#no-more-tables td {
/* Behave like a "row" */
border: none;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
line-height:23px;
letter-spacing:0.01em;
} 
#no-more-tables td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align:right;
font-weight: bold;
}
#no-more-tables .pdt-box:before {
top: 20px;
}
/*Label the data*/
#no-more-tables td:before {content: attr(data-title);}
}
@media (min-width: 768px) and (max-width: 991px) {
.TableLayout1{padding-left:0px;padding-right:0px;}
#no-more-tables .pdt-box:before{display:none;}
.pdt-box img{width:130px;height:130px;position:absolute;left:30px;top:40px;padding:10px;}
.icon-box img{width:35px;height:35px;}
}
@media (max-width: 767px){
.Download-col{padding-left:15px;padding-right:15px;}
.pdt-box img{width:65px;height:65px;}
.icon-box img{width:30px;height:30px;}
.table-box{margin-left:-30px;margin-right:-30px;}
}

/*Pager*/
.TatungPager{margin-left:-30px;margin-right:-30px;}
.PagerBox{width:100%;text-align:center;}
.pagination>li>a, .pagination>li>span{color:#333333;border:0px;font-size:18px;letter-spacing:1px;}
.pagination>li>a:hover, .pagination>li>span:hover{color:#333333;}
.pagination .arrowPage>a:active, .pagination .arrowPage>span:active,.pagination .arrowPage>a:focus, .pagination .arrowPage>span:focus{color:#333333;background-color:transparent;}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:active,.pagination>.active>a:focus,.pagination>.active>span:focus{color:#c51e26;background-color:transparent;border:0px;font-size:18px;}

/*4 icon*/
.servicenter-list-container{margin-bottom:120px;}
.servicenter-list{margin:auto;text-align:center;}
.servicenter-list-img{display: inline-block;}
.servicenter-list-text{height:60px;text-decoration:none;font-size:20px;line-height:28px;}
.servicenter-list-box{color:#333333;}
.servicenter-list-box:hover,.servicenter-list-box:active,.servicenter-list-box:focus{text-decoration:none;color:#c7254e;}
.row-fluid{margin-bottom:35px;}
.row-fluid.egal [class*="col-"]{
  margin-bottom: -200px;
  padding-bottom: 200px;
}
.row-fluid.egal{
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1199px) {
.servicenter-list-container{margin-bottom:100px;}
.servicenter-list-text{text-decoration:none;font-size:20px;line-height:28px;}
}
@media (max-width: 767px) {
.servicenter-list-container{margin-bottom:60px;}
.servicenter-list-text{font-size:20px;line-height:28px;}
.row-fluid{margin-bottom:0px;}
.row-fluid-list{padding-bottom:20px;}
}
@media (max-width: 480px) {
.servicenter-list-container{margin-bottom:40px;}
}