/*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/about/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;}
}

/*text-box*/
.textbox-container{margin-top:0px;margin-bottom:120px;}
.textbox-section-top{margin-bottom:20px;color:#d1aa6d;}
.textbox-text{margin-bottom:30px;}
.textbox .textbox-box{margin-bottom:80px;}
.textbox a,.textbox a:hover, .textbox a:active, .textbox a:focus{color:#c7254e;}
.textbox-h3{font-weight:bold;margin-bottom:15px;}
@media (min-width: 768px) and (max-width: 1199px) {
.textbox-container{margin-top:10px;margin-bottom:60px;}
.textbox .textbox-box{margin-bottom:60px;padding-left:0px;padding-right:0px;}
}
@media (max-width: 767px) {
.textbox-container{margin-top:10px;margin-bottom:20px;}
.textbox .textbox-box{margin-bottom:60px;padding-left:0px;padding-right:0px;}
}
@media (max-width: 480px) {
.textbox-container{margin-top:10px;margin-bottom:10px;}
.textbox .textbox-box{margin-bottom:30px;padding-left:0px;padding-right:0px;}
}
/*text-box - dot list*/
.textbox-infos p{color:#333333;}
.textbox-info-text{margin-top:-26px;margin-left:15px;line-height:21px;}