/*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('../images/contact/product_contact/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;}
}

/*contact map*/
.pdcontact-map-outside{background-color:#f8f8f8;padding-bottom:15px;padding-top:15px;margin-bottom:30px;}
.pdcontact-map-container{margin-bottom:20px;padding-left:30px;padding-right:30px;}
.pdcontact-map-container .pdcontact-gmap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    background-color:#fff;
}
.pdcontact-map-container .pdcontact-gmap iframe {position:absolute;top:0;left:0;width:100%;height:100%;padding:15px;}
@media (max-width: 767px) {
.pdcontact-map-container{margin-bottom:15px;}
.pdcontact-map-container .pdcontact-gmap iframe {position:absolute;top:0;left:0;width:100%;height:100%;padding:10px;}
}
@media (max-width: 480px) {
.pdcontact-map-container{margin-bottom:15px;}
.pdcontact-map-container .pdcontact-gmap {padding-bottom: 80%; /*google not support under 200px iframe map*/}
}

/*map list*/
.map-list-container{margin-top:10px;margin-bottom:25px;}
.map-list-container .pdcontact-msg-text{line-height:20px;}
.map-list-container .title-list{font-weight:bold;color:#d1aa6d;}
.map-list-container .msg-list{line-height:24px;}
.map-list-container .msg-title{font-size:18px;margin-bottom:15px;}
.map-list-container .msg-list{font-size:16px;}
.map-list-container .ext_box{margin-left:5px;}
.map-list-container .row-fluid.egal [class*="col-"]{
  margin-bottom: -200px;
  padding-bottom: 200px;
}
.map-list-container .row-fluid.egal{
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1199px) {
.map-list-container{margin-top:10px;}
}
@media (max-width: 767px) {
.map-list-container{margin-top:10px;padding-bottom:20px;margin-bottom:0px;}
.map-list-container .row-fluid{margin-bottom:0px;}
}
@media (max-width: 480px) {
}

/*contact search*/
.pdcontact-search-container{margin-bottom:30px;}
.pdcontact-search-container .search-msg-col{margin-bottom:10px;}
.pdcontact-search-container .title-list{font-weight:bold;color:#d1aa6d;}
.pdcontact-search-container .msg-list{line-height:24px;font-size:16px;font-weight:bold;}
option[disabled]{display:none;}
@media (max-width: 480px) {
.pdcontact-search-container{margin-bottom:15px;}
}

/*contact area*/
@media (max-width: 480px) {
.pdcontact-area-container{margin-bottom:-10px;}
}

/*contact list*/
.pdcontact-list-container{margin-top:10px;margin-bottom:120px;}
.pdcontact-msg-box1{padding-left:0px;padding-right:0px;}
.pdcontact-list-container .pdcontact-msg-text{margin-top:-26px;margin-left:30px;line-height:20px;}
.pdcontact-list-container .pdcontact-msg-mail{word-wrap: break-word; break-word: break-all;display:inline-block;}
.pdcontact-list-container .pdcontact-msg-icon{width:25px;height:25px;}
.pdcontact-list-container .msg-list{line-height:24px;}
.pdcontact-list-container .msg-title{font-size:18px;margin-bottom:15px;}
.pdcontact-list-container .msg-list{font-size:16px;}
.pdcontact-list-container .pdcontact-msg-line{border-top:1px solid #cbcbcb;padding-top:15px;font-weight:bold;}
.pdcontact-list-container .warn-line{border-top:2px solid #d42931;width:140px;position:absolute;top:0.95em;z-index:2;}
.pdcontact-list-container .row-fluid{margin-bottom:35px;}
.pdcontact-list-container .row-fluid.egal [class*="col-"]{
  margin-bottom: -200px;
  padding-bottom: 200px;
}
.pdcontact-list-container .row-fluid.egal{
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1199px) {
.pdcontact-list-container{margin-top:10px;margin-bottom:60px;}
.pdcontact-list-container .warn-line{border-top:2px solid #d42931;width:110px;position:absolute;top:0.95em;z-index:2;}
}
@media (max-width: 767px) {
.pdcontact-list-container{margin-top:10px;margin-bottom:20px;}
.pdcontact-list-container .pdcontact-msg-box2{padding-left:0px;padding-right:0px;}
.pdcontact-list-container .warn-line{border-top:2px solid #d42931;width:120px;position:absolute;top:0.95em;z-index:2;}
.pdcontact-list-container .row-fluid{margin-bottom:0px;}
.pdcontact-list-container .row-fluid-list{padding-bottom:20px;}
}
@media (max-width: 480px) {
.pdcontact-list-container .warn-line{border-top:2px solid #d42931;width:100px;position:absolute;top:0.95em;z-index:2;}
}