@import url("bootstrap.min.css");
.topbar{border-bottom:1px solid #eee;line-height:40px;text-align:right;font-size:14px;background-color:#f6f6f6;height: 40px}
.container{padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto;}

.navbar-right{float: right;}
.topbar li.dropdown{height:40px;float:left;position:relative;display:block;vertical-align: middle;margin: 0;}
.topbar li.dropdown a{vertical-align: middle;margin-bottom: 0;display: block;line-height: 40px;height: 40px;padding: 0 10px}
.topbar .mobile{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAz0lEQVRYR2NkGGDAOMD2MxDrgP1Ah9oCMTORDv4LVHcYiB0JqSfGASDLHbAYdABNDJcavI4gxgG/gRaxkOmAP0B9rPhCgRgH/CcUjATk8dpBigMKgRZNINIxBUB1/VC1VHMAMY5Fdh8s5EYdMBoCoyEwGgKjITAaAqMhMHxCYMAbJEQ2hjCUUS0KsDngG1SQC4/raOaAD0BLBaEWvwfSAjgcQbEDcDXLiXEAVZrluDomIA8TigJQ54XijgnIogHtmpGb+onSR2pbnyhDSVEEAHtGQCG+ROaqAAAAAElFTkSuQmCC");display: inline-block;width: 20px;height: 40px;background-size: 16px;background-repeat: no-repeat;line-height: 40px;background-position: center center}
.topbar .user{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB7UlEQVRYR8WXzSsFURjG3ZLYWFhZUHfhq+yQr6JrIQsWFlb+BEWRLLBUVgj5FyyUUlhZEOXbUikWt1hYWZDIht9zu1PjmDtzrmlm3nqac868H8/MvOd9z6RKipcBTLpAZ/76yPUcnIEt8FaMy1QxyugugDkfmyvuzYAjW7+2BPTEp7ZO0dsGIzb6NgTKcPQOSm0cunRmGS8G2dgQ2MPJYJAjj/sfrLWAOz/bIAJDGO/+I7hjssRgOgyBCYxXQxBQMvaFIbCB8VgIAjKtAJ+FfAR9gkMMMyEJ6A3oTXhKEIHE30DiOZD4LtB3S7QOiEDilVAkEu0F7u2TWDd0k+hn0ggaQB14AQ9ANX8fRHoeqCZAGpQXqCuqeFnwbFu8ggpRJY6mgHP60dxGXlHSCUknpWWguaf4ERjGQt+82Saij84t9+bBjpdOIQLtKF+EDGyad7BwaS56EcigpCYUhfxpTCaBGqKegHQU0fGZBT3gyfFvElDCTEYU3HG7wkCJnRM3Ae3p+4iDO+7rGah2/CIwznwtJgJq8+smAZ37VfPjENWIbpOAfrGUhHGIkrDWJPAdR2RXjFz+uZPwmnlrTCRuiNNmEhjNJ0ZVxCTUPZXwmyYBzXX6UbvtBWq5Tfnrfznp90xbW1tOOAYH4Mtx+AOXYVUhsTBYMQAAAABJRU5ErkJggg==");display: inline-block;width: 20px;height:40px;background-size: 15px;background-repeat: no-repeat;line-height: 40px;background-position: center center}
.topbar li a:hover{text-decoration:none;background-color:#eee;}
.topbar .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:140px;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);height: auto;}
.topbar .dropdown-menu li a{display: block;line-height:30px;height: 30px;}
.topbar li.dropdown:hover .dropdown-menu{display: block}
.dropdown-caret img{width:140px;height:140px;}

.header_hor .sticky{top: 0}
input[type="password"],.input-lg{line-height: 1.3333333!important;height: 40px}
.reg-box input[type="password"]{height: 2.8rem;}
.login-wrapper{margin-top:50px;}
.login-form-wrapper{padding: 15px;padding-top: 80px}
.btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary:visited {
    background-color: #0f1f19!important;
    border-color: #0f1f19!important;
    color: #fff!important;
}
.member_home{padding: 50px 0;overflow: hidden;}

div.required .control-label:before {
    content: "* ";
    color: red;
    font-weight: 700;
}
.login-box {
    position: relative;margin-bottom: 30px;padding-bottom: 40px;overflow: hidden;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #dedede;
}

.login-box::after {
    content: '*Required';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #c7254e;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background-color: #fafafa;
}
body{font-family: Helvetica,Arial,sans-serif;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: normal;}
.control-label {
    font-weight: normal!important;
}
.site-module{margin-bottom: 20px}
.table-bordered,.table-bordered th,.table-bordered td{border:1px solid #ddd !important;border-collapse: collapse;vertical-align:middle !important;}

.inquiry-num{height: 34px!important;line-height: 34px;}
.site-module .form-group{overflow: hidden;}
.site-module .control-label{text-align: right;}

.reg-prosses {
    width: 100%;
    text-align: right;
}
.reg-prosses li{display:inline-block;margin-left:20px;}
.reg-prosses li a{display:inline-block;position:relative;height:30px;line-height:30px;padding:0 10px;text-align:center;background-color:#999999;color:#fff;text-decoration:none;font-size:16px;}
.reg-prosses li a:hover{color: #fff}

input:focus, textarea:focus, select:focus{box-shadow: 0 0 0 2px #66a;}
#btn-cart:hover{
  color: #23527c;
  text-decoration: none;
}
.buttons{cursor:pointer;}
#btn-collect:hover{
	color: #23527c;
	text-decoration: none;
}
#btn-collect.active {
    color: #e21c24;
}
.media-heading {
    white-space: normal !important;
    font-size: 18px;
}

@media screen and (max-width:400px){
    .reg-prosses li a{font-size:12px;}
}
.reg-prosses li a::after{content:"";border-left:15px solid #999999;border-top:15px solid transparent;border-bottom:15px solid transparent;position:absolute;right:-15px;top:0;}
.reg-prosses li a:before{content:"";border-top:15px solid #999999;border-bottom:15px solid #999999;border-left:15px solid transparent;position:absolute;top:0;left:-15px;}
.reg-prosses li:first-child a:before{display:none;}
.reg-prosses li:last-child a:after{display:none;}
.reg-prosses li a.active{background-color:#3667c9;}
.reg-prosses li a.active::after{border-left-color:#3667c9}
.reg-prosses li a.active::before{border-top-color:#3667c9;border-bottom-color:#3667c9;}



@media (max-width: 768px){
   .navbar-nav{margin:0;}
   .site-module .control-label{text-align: left;}
   .pull-left{display:none;}
}
@media (min-width: 1200px){
 .topbar .container{width:1160px;}
}