body{
	min-height: 100%;
	height: auto;
	font-size: 13px;
}
.modal-body{
	padding: 10px;
	background-color:#000;
}
.modal-top{
    background-size: 100% auto;
    width: 100%;
    height: 25px;
}
.modal-center{
    background-size: 100% auto;
    width: 100%;
    min-height: 26px;
    padding: 0 50px;
    padding-bottom: 30px;
}
.modal-bottom{
    background-size: 100% auto;
    width: 100%;
    height: 26px;
}
.modal-backdrop.in{
	opacity: 0.1;
}
.input-form{
	width: 100%;
	margin: 0 auto;
}
.input-form-next{
	width: 100%;
}
.logo-box{
	text-align: center;
	padding: 0;
}
.logo{
	width: 100%;
	max-width: 200px;
}
.input-box{
	margin-top: 20px;
}
.input{
    padding: 6px;
    width: 100%;
}
.join-input-left{
	width: 100%;
    padding: 6px;
}
.join-input-right{
	width: 100%;
    padding: 6px;
}
.input-title{
    color: #fff;
}
.input-title-2 a{
	color:#fff;
}
.input-ul{
	margin-left: 0;
	padding-left: 16px;
}
.input-submit{
	padding: 6px;
    width: 100%;
    margin-top: 10px;
    background: #e8c77a;
    color: #fff;
    font-weight: bold;
    border: 0;
}
.input-submit-a{
	display: block;
    text-align: center;
}
.input-submit:hover, .input-submit:active{
    background: #b68f32;
    color: #fff;
    text-decoration: none !important;
}
.image-preview{
	width: 100%;
}
.table-box{
	border: 1px solid #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}
.table-preview{
	width: 100%;
	color: #fff;
	font-size: 12px;
}
.table-preview td{
	vertical-align: top;
	white-space: initial;
}

.input-sub-box{
    background: #3e3c3c;
    padding: 20px;
    margin-top: 30px;
}
.qrcode-box{
	margin: 20px 0;
	text-align: center;
}

input.input:disabled, input.join-input-left:disabled, input.join-input-right:disabled{
	background: #ddd;
}
.title-box{
	margin-top: -30px;
}
.title{
	text-align: center;
	color: #fff;
	font-size: 20px;
}
.description{
	text-align: justify;
    color: #fff;
}

.desktop-preview{
	display: block;
}
.mobile-preview{
	display: none;
}
.input-mobile select, .input-mobile input {
	float: left;
}
.input-mobile select{
	width: 30%;
	height: 35px;
}
.input-mobile input{
	width: 70%;
}


.language{
	width: inherit;
	float: right;
	margin-top: 0;
}
.language a{
	color: #fff;
}
.language a.active{
	color: #e8c77b;
}


/* for mobile only */
@media (max-width: 1200px) and (min-width: 981px){
	.forecast_box{
		max-width:800px;
		margin-left:-400px;
	}
	.autocomplete_view_title {
		width: 64%;
	}
}
@media (max-width: 980px) and (min-width: 768px){
	.forecast_box{
		max-width:600px;
		margin-left:-300px;
	}
	.btn, .form-control, table td, table th, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
		padding:10px 6px;
	}
	.select2-container--default .select2-selection--single{
		height:auto;
		padding:9.5px 6px;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow b{
		background-position:3px 8px ;
	}
	.list_item_sub, #list_item_main{
		padding-left: 25px;
    	padding-right: 50px;
	}
	.list_item_remark_a{
		top:9px;
	}
	.list_item_remove_a{
		top:6px;	
	}
	.form-horizontal .list_item_status_box{
		padding-top:14px;	
	}
	.mix_group{
		height:36px	
	}
	.mix_textbox #company, .mix_textbox #return_customer, .mix_textbox #return_company, .mix_textbox .order_ajax_item_title{
		height:36px;
	}	
	.dropdown-menu>li>a{
		padding:8px 14px;	
	}
	.panel-body{
		font-size:14px;	
	}
	.custom_dropdown .caret{
		margin-top:18px;
	}
	.care{
		margin-left:6px;
	}
	.custom_dropdown{
		height:41px;	
	}
	.check_domain_form .select2{
		width: 110px !important;
	}
	.select2-container--default .select2-selection--multiple{
		padding:9px 3px;
	}
	.mix_group{
		height:42px;	
	}
	.mix_option{
		clip: rect(-1px 1200px 42px 0);
	}
	.mix_option .form-control{
		padding-top:11px;
		padding-bottom:11px;	
	}
	.mix_textbox #company, .mix_textbox #return_customer, .mix_textbox #return_company, .mix_textbox .order_ajax_item_title{
		height:42px;	
	}
	.list_item_sub {
		margin-bottom: 35px;
	}
	.list_item_date_span{
		right:inherit;
		left:5px;	
		top:45px;
	}
}
@media only screen and (max-width:767px){
	.desktop-preview{
		display: none;
	}
	.mobile-preview{
		display: block;
	}
	.no_padding_under .mobile_padding_10{
		padding:5px 0;	
	}
	.row_2_padding {
		padding: 0;
		margin-bottom: 6px;
	}
	.forecast_box{
		width: 90%;
		max-width:100%;
		left:0;
    	margin-left: 5%;
	}
	.commission_rule_box .col-sm-4{
		padding:0 0 0 0;
	}
	.btn, .form-control, table td, table th, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
		padding:10px 6px;
	}
	.select2-container--default .select2-selection--single{
		height:auto;
		padding:9.5px 6px;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow b{
		background-position:3px 8px ;
	}
	#check_domain_input{
		padding-right:259px;
	}
	.list_item_sub, #list_item_main{
		padding-left: 25px;
    	padding-right: 50px;
	}
	.list_item_remark_a{
		top:9px;
	}
	.list_item_remove_a{
		top:6px;	
	}
	.form-horizontal .list_item_status_box{
		padding-top:14px;	
	}
	.dropdown-menu>li>a{
		padding:8px 14px;	
	}
	.panel-body{
		font-size:14px;	
	}
	.header_company_box {
		width: 100%;
		margin-top: 8px;
	}
	.mix_group{
		height:36px	
	}
	.mix_textbox #company, .mix_textbox #return_customer, .mix_textbox #return_company, .mix_textbox .order_ajax_item_title{
		height:36px;
	}	
	.mobile_hide{
		display:none;	
	}
	.comment_picture img{
		width:32px;
		height:32px;
	}
	.custom_dropdown .caret{
		margin-top:18px;
	}
	.care{
		margin-left:6px;
	}
	.custom_dropdown{
		height:41px;	
	}
	.check_domain_form .select2{
		width: 110px !important;
	}
	.select2-container--default .select2-selection--multiple{
		padding:9px 3px;
	}
	.mix_group{
		height:42px;	
	}
	.mix_option{
		clip: rect(-1px 1200px 42px 0);
	}
	.mix_option .form-control{
		padding-top:11px;
		padding-bottom:11px;	
	}
	.mix_textbox #company, .mix_textbox #return_customer, .mix_textbox #return_company, .mix_textbox .order_ajax_item_title{
		height:42px;	
	}
	.list_item_sub {
		margin-bottom: 35px;
	}
	.list_item_date_span{
		right:inherit;
		left:5px;	
		top:45px;
	}

	.modal-dialog{
		width: 460px;
    	margin: 30px auto;
	}
	.modal-top{
		height: 19px;
	}
	.modal-center{
		min-height: 19px;
		padding: 0 30px 30px;
	}
	.modal-bottom{
		height: 19px;
	}
}
@media only screen and (max-width:667px){
	.modal-dialog{
		width: 540px;
	}
	.modal-top{
		height: 19px;
	}
	.modal-center{
		min-height: 19px;
		padding: 0 30px 30px;
	}
	.modal-bottom{
		height: 19px;
	}
}
@media only screen and (max-width:567px){
	.modal-dialog{
		width: 440px;
	}
	.modal-top{
		height: 18px;
	}
	.modal-center{
		min-height: 18px;
		padding: 0 30px 30px;
	}
	.modal-bottom{
		height: 18px;
	}
}
@media only screen and (max-width:479px){
	.modal-dialog{
		width: 420px;
	}
	.modal-top{
		height: 13px;
	}
	.modal-center{
		min-height: 13px;
		padding: 0 25px 25px;
	}
	.modal-bottom{
		height: 13px;
	}
}
@media only screen and (max-width:429px){
	.modal-dialog{
		width: 370px;
	}
	.modal-top{
		height: 13px;
	}
	.modal-center{
		min-height: 13px;
		padding: 0 20px 20px;
	}
	.modal-bottom{
		height: 13px;
	}
}
@media only screen and (max-width:380px){
	.modal-dialog{
		width: 320px;
	}
	.modal-top{
		height: 13px;
	}
	.modal-center{
		min-height: 13px;
		padding: 0 20px 20px;
	}
	.modal-bottom{
		height: 13px;
	}
}