/*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:0%;
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/login/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;}
}

/*form*/
.form-box{background-color:#F8F8F8;padding-top:40px;padding-bottom:100px;}
.form-box .required-text{color:#C82832;font-style:italic;text-align:right;margin-top:-30px;font-family:"verdana" !important;}
.form-box legend{margin-bottom:30px;padding-top:50px;font-weight:bold;}
.form-box legend:first-child{padding-top:30px !important;}
.form-box label{margin-bottom:5px;}
.form-box .agree1-box{margin-left:25px;margin-top:-25px;}
.form-box .veri-code{display:inline-block;}
.form-box .submit-box{text-align:center;margin-top:30px;}
.form-box .FontIcon{color:#C82832;margin-right:3px;}
.form-box .form-container .fa-btn-arrow{margin-left:10px;}
.form-box .form-horizontal .control-group,.form-horizontal .control-checkbox{margin-bottom:18px;}
.form-box .form-horizontal .controls{margin-left:145px;}
.form-box .form-horizontal .control-label{float:left;padding-top:5px;text-align:right;}
.form-box .form-horizontal .control-label{width:130px;}
.form-box .form-title{border-bottom:1px solid #E5E5E5;padding-bottom:5px;margin-bottom:30px;}
.form-box input[type=text],.form-box textarea,.form-box select,.form-box .uneditable-input{width:270px;}
.form-box input,.form-box textarea,.form-box select,.form-box .uneditable-input{padding:4px;margin-bottom:9px;font-size:13px;line-height:18px;color:#555555;border:1px solid #cccccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.form-box .datepicker{padding:0px;}
.form-box .login-box{display:inline;}
/*error*/
.form-container .error{display:block;}
.form-box .control-checkbox.error2 label,.form-box .control-group.error>label,.form-box .control-group.error .help-block,.form-box .control-group.error .help-inline{color:#C82832;}
.form-box .control-group.error input,.form-box .control-group.error select,.form-box .control-group.error textarea{color:#b94a48;border:1px solid #C82832;}
.form-box label.error {font-weight: bold;color: #C82832;padding: 2px 8px;margin-top:-5px;}
.form-box .control-checkbox.error2 input[type=checkbox] {outline:1px solid #953b39;outline-offset:-2px;}
.form-box .control-group.error input:focus,.form-box .control-group.error select:focus,.form-box .control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:0 0 6px #d59392;box-shadow:0 0 6px #d59392;}
/*success*/
/*.form-container .valid{display:inline-block;}
label.valid {width: 24px;height: 24px;background: url('http://www.tatungusa.com/content/images/common/valid.png') center center no-repeat;display: inline-block;text-indent: -9999px;vertical-align:top;margin-left:7px;margin-top:0.01em;}
.control-group.success>label, .control-group.success .help-block, .control-group.success .help-inline{color:#333;}
.control-group.success input, .control-group.success select, .control-group.success textarea{color:#468847;border:1px solid #468847;}
.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:0 0 6px #7aba7b;box-shadow:0 0 6px #7aba7b;}*/
/*popup*/
.bootstrap-dialog.type-primary .modal-header{background-color:#E1E1E1;font-weight:bold;}
.bootstrap-dialog .bootstrap-dialog-title{color:#333;}
.modal-dialog{padding-left:15px;}
/*form input clear*/
.form-box .fa-times-circle{margin-left:-34px;top:4px !important;position:absolute !important;height:auto;display:none !important;}
.form-box .has-feedback{display:inline;}
.form-box .text-group .fa-times-circle{display:none !important;}
@media (min-width: 1200px) {
.form-box{margin-bottom:90px;margin-top:60px;}
.form-box .login-box div{display:inline-block;margin-top:45px;}
.form-box .login-box div:first-child{margin-right:30px;margin-left:145px;}
.form-box .submit-box{text-align:left;margin-top:30px;margin-left:145px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.form-box{margin-bottom:90px;margin-top:30px;}
.form-box .TextBox{padding-left:18px;width:600px;height:150px;overflow:hidden;overflow-y:auto;margin-bottom:10px;}
.form-box .disclaimer-text{width:100%;}
.form-box .login-box div{display:inline-block;margin-top:45px;}
.form-box .login-box div:first-child{margin-right:30px;margin-left:145px;}
.form-box .submit-box{text-align:left;margin-top:30px;margin-left:145px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.form-box{margin-bottom:90px;margin-top:30px;}
.form-box .TextBox{padding-left:18px;width:500px;height:150px;overflow:hidden;overflow-y:auto;margin-bottom:10px;}
.disclaimer-text{width:100%;}
.form-box .login-box div{display:inline-block;margin-top:45px;}
.form-box .login-box div:first-child{margin-right:30px;margin-left:145px;}
.form-box .submit-box{text-align:left;margin-top:30px;margin-left:145px;}
}
@media (max-width: 767px){
.form-box{margin-bottom:60px;margin-top:0px;}
.form-box .TextBox{width:100%;height:150px;overflow:hidden;overflow-y:auto;margin-bottom:10px;}
.form-box .form-horizontal .control-label{width:100%;text-align:left;}
.form-box .form-horizontal .controls{margin-left:0px;}
.form-box .controls{width:100%;}
.form-box input[type=text],.form-box textarea,.form-box select,.form-box .uneditable-input{width:100%;}
.form-box .disclaimer-text{width:100%;}
.form-box .login-box div{display:inline-block;margin-top:45px;}
.form-box .login-box div:first-child{margin-right:30px;}
.form-box .submit-box{text-align:left;margin-top:30px;}
}
@media (max-width: 480px){
.form-box{margin-bottom:40px;margin-top:0px;}
.form-box .TextBox{width:100%;height:150px;overflow:hidden;overflow-y:auto;margin-bottom:10px;}
.form-box .form-horizontal .control-label{width:100%;text-align:left;}
.form-box .form-horizontal .controls{margin-left:0px;}
.form-box .controls{width:100%;}
.form-box input[type=text],.form-box textarea,.form-box select,.form-box .uneditable-input{width:100%;}
.form-box .disclaimer-text{width:100%;}
.form-box .login-box{display:block;margin-top:30px;}
.form-box .login-box div{display:block;margin-top:0px;}
.form-box .login-box div:first-child{margin-right:0px;margin-bottom:15px;}
}