@media only screen and (min-width: 10px) and (max-width: 466px) {
	#doc-box-6 label{
		width: 100%
	}
	.part-data-box label+img.arrow-right{
		display: none
	}

	.part-data-box label+img.arrow-right+input{
		width: 100%
	}

	#login-box .part-box label{
		clear: both;
		width: 100%
	}

	#login-box .part-box input{
		clear: both;
		width: calc(100% - 4.5%);
	}


}

@media only screen and (min-width: 10px) and (max-width: 570px) {
	#banner-box {
		height: 150px;
	}

	#logo-box {
		height: 150px;
	}

	#logo-box a img{
		width: 150px;
	}

	#logo-box span#logo-connect{
		font-size: 20px;
		margin-top: -50px
	}

	#meta-box {

		float: right;
		margin-top: 10px;
		cursor: pointer;
		text-decoration: none;
		text-align: center;
		margin: 30px auto;
	    margin-right: auto;
		margin-right: 10px;

	}

	#meta-box  img{

		margin-bottom: 2px;
		width: 80px;

	}

	#meta-box #meta-text{

	    padding: 4px;
	    border-top: 1px solid;
	        border-top-color: currentcolor;
	    border-color: #e2e2e2;
	        border-bottom-color: rgb(226, 226, 226);
	    text-align: center;
	    line-height: 16px;
	    text-decoration: none;
	    width: 80px;
	    margin: 0 auto;
	    font-size:10px !important;
	}

	#title-box.t-home img{
		vertical-align: bottom;
		width: 90px;
		height: 20px;
		margin: 0 6px;
		margin-top: 6px;
		margin-right: 4px;
	}

	#title-box.t-home {
		font-size: 20px
	}

	#title-box.t-home .gold {
		font-size: 20px !important
	}

	#meta-box #meta-text .font1{
		line-height: 6px;
	    font-size: 10px;
	}

	#meta-box #meta-text .font2{

	    font-size: 10px;
	}

	#meta-box #meta-text:after{
	position: absolute;
	left: 0px;

    border-bottom: 1px solid;
        border-top-color: currentcolor;
    border-color: #e2e2e2;
        border-bottom-color: rgb(226, 226, 226);
    text-align: center;
    line-height: 16px;
    text-decoration: none;
    width: 100%;
    margin: 0 auto;
    margin-top:30px;
    content:""

	}

	#header-box .content-wrap ul li:nth-child(4){
		border-left: none;
	}

	#header-box .content-wrap ul li:nth-child(4):after{
		border-bottom: solid 1px #e2e2e2;
		position: absolute;
		content: '';
		width: 100vw;
		left: 0;
		margin-top: 21px
	}

	#header-box .content-wrap ul li:nth-child(5){
		clear: both;
		float: left;
		border-left: none;
		line-height: 30px;
	}

	#header-box .content-wrap ul li:nth-child(6){
		padding-top: 0.95%;
		padding-bottom: 0.95%;
		border-left: none;	
		float: right;
		line-height: 30px;
		margin-right: 3px
	}

	#header-box .content-wrap ul li:nth-child(7){
		padding-top: 0.95%;
		padding-bottom: 0.95%;
		border-left: none;	
		float: right;
		line-height: 30px;
		margin-right: 3px;
		padding-right: 10px;
		border-right:1px solid #e2e2e2;
	}


	#logo-connect {

	    color: #bf9831;
	    font-size: 38px;
	    margin-top: -50px;
	    display: flex;

	}




}



@media only screen and (min-width: 570px) and (max-width: 1200px) {
	#meta-box {

	    
	    padding-right:36px;

	}	



}

@media only screen and (min-width: 10px) and (max-width: 850px) {

	#step1-now{
		clear: both;
	    position: absolute !important;
	    top: 0px;
	    left: 0px;
	    height: 35px !important;

		width: 35px !important;

		margin-left: 16px;

		border-radius: 50%;

		background: #bf9831
	}

	

	#step1-now .number-box.gold{
		font-size: 0px

	}

	#step1-now .number-box span.step-text{
		
		font-size: 0px;
		margin-left: 5px
	}

	#step1-now .number-box span:after{
		content: '1';
		margin-top: -10px;
		font-size: 24px;
		margin-left: -20px;
		line-height: 15px;
		color: white;

	}

	#step1-now .text-box.gold{	    
	    position: absolute;
		top: 20px;
		margin-left: 0px;
	}

	#step1-now img{	    
	    display: none;
	}

	#step2-now{
		clear: both;
	    position: absolute !important;
	    top: 0px;
	    left: 0px;
	    height: 35px !important;

		width: 35px !important;

		margin-left: calc(35px + 35px);

		border-radius: 50%;

		background: #bf9831
	}

	

	#step2-now .number-box.gold{
		font-size: 0px

	}

	#step2-now .number-box span.step-text{
		
		font-size: 0px;
		margin-left: 5px
	}

	#step2-now .number-box span:after{
		content: '2';
		margin-top: -10px;
		font-size: 24px;
		margin-left: -22px;
		line-height: 12px;
		color: white;

	}

	#step2-now .text-box.gold{	    
	    position: absolute;
		top: 20px;
		margin-left: -55px;
	}

	#step2-now img{	    
	    display: none;
	}


	#step3-now{
		clear: both;
	    position: absolute !important;
	    top: 0px;
	    left: 0px;
	    height: 35px !important;

		width: 35px !important;

		margin-left: calc(35px + 90px);

		border-radius: 50%;

		background: #bf9831
	}

	

	#step3-now .number-box.gold{
		font-size: 0px

	}

	#step3-now .number-box span.step-text{
		
		font-size: 0px;
		margin-left: 5px
	}

	#step3-now .number-box span:after{
		content: '3';
		margin-top: -10px;
		font-size: 24px;
		margin-left: -22px;
		line-height: 12px;
		color: white;

	}

	#step3-now .text-box.gold{	    
	    position: absolute;
		top: 20px;
		margin-left: -105px;
	}

	#step3-now img{	    
	    display: none;
	}

	#step4-now{
		clear: both;
	    position: absolute !important;
	    top: 0px;
	    left: 0px;
	    height: 35px !important;

		width: 35px !important;

		margin-left: calc(35px + 145px);

		border-radius: 50%;

		background: #bf9831
	}

	

	#step4-now .number-box.gold{
		font-size: 0px

	}

	#step4-now .number-box span.step-text{
		
		font-size: 0px;
		margin-left: 5px
	}

	#step4-now .number-box span:after{
		content: '4';
		margin-top: -10px;
		font-size: 24px;
		margin-left: -22px;
		line-height: 12px;
		color: white;

	}

	#step4-now .text-box.gold{	    
	    position: absolute;
		top: 20px;
		margin-left: -165px;
	}

	#step4-now img{	    
	    display: none;
	}

	#step5-now{
		clear: both;
	    position: absolute !important;
	    top: 0px;
	    left: 0px;
	    height: 35px !important;

		width: 35px !important;

		margin-left: calc(35px + 195px);

		border-radius: 50%;

		background: #bf9831
	}

	

	#step5-now .number-box.gold{
		font-size: 0px

	}

	#step5-now .number-box span.step-text{
		
		font-size: 0px;
		margin-left: 5px
	}

	#step5-now .number-box span:after{
		content: '5';
		margin-top: -10px;
		font-size: 24px;
		margin-left: -22px;
		line-height: 12px;
		color: white;

	}

	#step5-now .text-box.gold{	    
	    position: absolute;
		top: 20px;
		margin-left: -215px;
	}

	#step5-now img{	    
	    display: none;
	}


	#success-button{margin-bottom: 80px}



	/*-------------------------------------------------------------------------*/

	#step1-active{
		clear: both;
	    position: absolute !important;
	    top: 0px;
	    left: 0px;
	    height: 35px !important;

		width: 35px !important;

		margin-left: 16px;

		border-radius: 50%;

		background: #e2e2e2;
	}

	

	#step1-active .number-box.black{
		font-size: 0px
	}

	#step1-active .number-box span.step-text{
		
		font-size: 0px;
		margin-left: 5px
	}

	#step1-active .number-box span:after{
		content: '1';
		margin-top: -10px;
		font-size: 24px;
		margin-left: -21px;
		line-height: 12px;

	}

	#step1-active .text-box.black{	    
	    display: none;
	}

	#step1-active img{	    
	    display: none;
	}


	#step2-active{
		clear: both;
	    position: absolute !important;
	    top: 0px;
	    left: 0px;
	    height: 35px !important;

		width: 35px !important;

		margin-left: calc(35px + 35px);

		border-radius: 50%;

		background: #e2e2e2;
	}

	

	#step2-active .number-box.black{
		font-size: 0px
	}

	#step2-active .number-box span.step-text{
		
		font-size: 0px;
		margin-left: 5px
	}

	#step2-active .number-box span:after{
		content: '2';
		margin-top: -10px;
		font-size: 24px;
		margin-left: -21px;
		line-height: 12px;

	}

	#step2-active .text-box.black{	    
	    display: none;
	}

	#step2-active img{	    
	    display: none;
	}

	#step3-active{
		clear: both;
	    position: absolute !important;
	    top: 0px;
	    left: 0px;
	    height: 35px !important;

		width: 35px !important;

		margin-left: calc(35px + 90px);

		border-radius: 50%;

		background: #e2e2e2;
	}

	

	#step3-active .number-box.black{
		font-size: 0px
	}

	#step3-active .number-box span.step-text{
		
		font-size: 0px;
		margin-left: 5px
	}

	#step3-active .number-box span:after{
		content: '3';
		margin-top: -10px;
		font-size: 24px;
		margin-left: -21px;
		line-height: 12px;

	}

	#step3-active .text-box.black{	    
	    display: none;
	}

	#step3-active img{	    
	    display: none;
	}

	#step4-active{
		clear: both;
	    position: absolute !important;
	    top: 0px;
	    left: 0px;
	    height: 35px !important;

		width: 35px !important;

		margin-left: calc(35px + 140px);

		border-radius: 50%;

		background: #e2e2e2;
	}

	

	#step4-active .number-box.black{
		font-size: 0px
	}

	#step4-active .number-box span.step-text{
		
		font-size: 0px;
		margin-left: 5px
	}

	#step4-active .number-box span:after{
		content: '4';
		margin-top: -10px;
		font-size: 24px;
		margin-left: -21px;
		line-height: 12px;

	}

	#step4-active .text-box.black{	    
	    display: none;
	}

	#step4-active img{	    
	    display: none;
	}
	
	#step5-active{
		clear: both;
	    position: absolute !important;
	    top: 0px;
	    left: 0px;
	    height: 35px !important;

		width: 35px !important;

		margin-left: calc(35px + 195px);

		border-radius: 50%;

		background: #e2e2e2;
	}

	

	#step5-active .number-box.black{
		font-size: 0px
	}

	#step5-active .number-box span.step-text{
		
		font-size: 0px;
		margin-left: 5px
	}

	#step5-active .number-box span:after{
		content: '5';
		margin-top: -10px;
		font-size: 24px;
		margin-left: -21px;
		line-height: 12px;

	}

	#step5-active .text-box.black{	    
	    display: none;
	}

	#step5-active img{	    
	    display: none;
	}

	/*-------------------------------------------------------------------------*/

	


	#step2-active img{	    
	    display: none;
	}

	#step3-active img{	    
	    display: none;
	}

	#step4-active img{	    
	    display: none;
	}

	#step1-now img{	    
	    display: none;
	}

	#step2-now img{	    
	    display: none;
	}

	#step3-now img{	    
	    display: none;
	}

	#step4-now img{	    
	    display: none;
	}

	#step5-now img{	    
	    display: none;
	}

	#step2-pasive{
		clear: both;
	    position: absolute !important;
	    top: 0px;
	    left: 0px;
	    height: 35px !important;
	    margin-left: calc(35px + 35px) !important ;
		width: 35px !important;

		margin-left: 16px;

		border-radius: 50%;

		background: #e2e2e2
	}

	

	#step2-pasive .number-box{
		font-size: 0px !important;

	}

	#step2-pasive .number-box span.step-text{
		
		font-size: 0px;
		margin-left: 5px
	}

	#step2-pasive .number-box span:after{
		content: '2';
		margin-top: -10px;
		font-size: 24px;
		margin-left: -22px;
		line-height: 15px;
		color: black

	}

	#step2-pasive .text-box{	    
	    display: none;
	}

	#step2-pasive img{	    
	    display: none;
	}

	#step3-pasive{
		clear: both;
	    position: absolute !important;
	    top: 0px;
	    left: 0px;
	    height: 35px !important;
	    margin-left: calc(70px + 55px) !important ;
		width: 35px !important;

		margin-left: 16px;

		border-radius: 50%;

		background: #e2e2e2
	}

	#step3-pasive .number-box{
		font-size: 0px !important;

	}

	#step3-pasive .number-box span.step-text{
		
		font-size: 0px;
		margin-left: 5px
	}

	#step3-pasive .number-box span:after{
		content: '3';
		margin-top: -10px;
		font-size: 24px;
		margin-left: -22px;
		line-height: 15px;
		color: black

	}

	#step3-pasive .text-box{	    
	    display: none;
	}

	#step3-pasive img{	    
	    display: none;
	}

	#step4-pasive{
		clear: both;
	    position: absolute !important;
	    top: 0px;
	    left: 0px;
	    height: 35px !important;
	    margin-left: calc(105px + 75px) !important ;
		width: 35px !important;

		margin-left: 16px;

		border-radius: 50%;

		background: #e2e2e2
	}

	#step4-pasive .number-box{
		font-size: 0px !important;

	}

	#step4-pasive .number-box span.step-text{
		
		font-size: 0px;
		margin-left: 5px
	}

	#step4-pasive .number-box span:after{
		content: '4';
		margin-top: -10px;
		font-size: 24px;
		margin-left: -22px;
		line-height: 15px;
		color: black

	}

	#step4-pasive .text-box{	    
	    display: none;
	}

	#step4-pasive img{	    
	    display: none;
	}

	
	#step5-pasive{
		clear: both;
	    position: absolute !important;
	    top: 0px;
	    left: 0px;
	    height: 35px !important;
	    margin-left: calc(140px + 95px) !important ;
		width: 35px !important;

		margin-left: 16px;

		border-radius: 50%;

		background: #e2e2e2
	}

	#step5-pasive .number-box{
		font-size: 0px !important;

	}

	#step5-pasive .number-box span.step-text{
		
		font-size: 0px;
		margin-left: 5px
	}

	#step5-pasive .number-box span:after{
		content: '5';
		margin-top: -10px;
		font-size: 24px;
		margin-left: -22px;
		line-height: 15px;
		color: black

	}

	#step5-pasive .text-box{	    
	    display: none;
	}

	#step5-pasive img{	    
	    display: none;
	}

}

@media only screen and (min-width: 10px) and (max-width: 1080px) {

     
     .kelengkapan{
        width:100% !important;
    }
    
    .kelengkapan:nth-child(9) {
        text-align:center !important;
    }
    .deposit-box .left-part{
        border-right:0px solid !important;
    }
    
    .deposit-box .right-part{
        border-right:0px solid !important;
        margin-left:0px !important;
    }
    
    .deposit-box .right-part .table-box .row-box{
        display: inline-flex !important;
        max-height:60px;
        min-height:30px;
        height:inherit !important;
    }
    
    .deposit-box .left-part, .deposit-box .right-part{
         width:calc(100% - 16px ) !important;
    }
    
    .deposit-box .left-part form .kelengkapan{
             width:100%  !important;
    }
    
    .deposit-box .left-part form .kelengkapan input{
             width:100%!important;
    }
    

    
    .deposit-box .left-part form .kelengkapan input.deposit-bukti{
             width:100% !important;
    }
    
    .deposit-box .left-part form .kelengkapan input.deposit-bukti+.btn-file-input{
             right:0px !important;
             position:absolute !important;
             display:block;
             margin-right:0px !important;
    } 
    
    .deposit-box .left-part form .btn-kirim{
             position: initial !important;
             clear:both;
             margin:50px auto;
             display:flex;
    }
    
	#table-box {
		border: none !important
	}

	#table-box .account{
		border: solid 1px #e2e2e2 !important;margin-bottom: 20px
	}


	.account-title.gold.ellipsis{
		width: calc(100% - 20px) !important;padding:10px ;text-overflow: initial;white-space: normal;line-height: 20px !important;margin-bottom: 5px;border-bottom: 1px solid #e2e2e2;text-align: center;background: #bf9831;color: white
	}

	#account-box #table-box .account .account-date{
		width: 100%;border:none;border-bottom: 1px solid #e2e2e2;line-height: 20px !important;margin-bottom: 10px;padding-bottom: 5px
	}

	#account-box #table-box .account .account-link {

	    padding-left: 0px;
	    padding-right: 0px;
	    width: calc(25% - 10px);
	    text-decoration: none;
	    font-size: 10px;
	    border: 5px solid white;
	    border-radius: 15px;

	}

	#account-box #table-box .account .account-status{
		width: calc(100% - 10px);border:none;border-top: 1px solid #e2e2e2;line-height: 20px !important;margin-top: 10px;padding-bottom: 5px;padding-top: 5px
	}

	.t-member{
		border-bottom: 1px solid #e2e2e2
	}

	.member-box{
		width: calc(100% - 32px);
		margin-bottom:30px;
		border-bottom: 1px solid #e2e2e2; 
		padding:0px 16px;
		padding-bottom: 30px;
	}


	.member-box .part-box label{
		width: 100%
	}

	.member-box .part-box input{
		width: calc(100% - 16px) !important
	}

	.member-box .part-box.border-bottom-dotted{
		border: none;
		padding-bottom: 0px
	}

	#account-box{
		width: calc(100% - 17px)
	}

	#account-box .title-box{
		font-size: 25px;

		line-height: 35px;

		color: #373737;

		padding-left: 10px;
	}

	#account-box .title-box:after{
		width: 100vw;

		content: '';

		border-bottom: 1px solid #e2e2e2;

		position: absolute;

		left: 0;

		margin-top: 120px;
	}
	
	#account-box #btn-new.btn-login{
		right: 0px;
	    display: flex;
	    float: left;
	    margin-left: 8px;
	    margin-right: 16px;
	    width: calc(50% - 24px);
	    font-size: 10px;
	    padding: 10px;
	    text-align: center;
	    margin-top: 10px
	    
	}

	

	#account-box #btn-reset-mt4.btn-reset-mt4{
		right: 0px;
	    display: flex;
	    float: left;
	    margin-left: 16px;
	    margin-right: 8px;
	    width: calc(50% - 24px);
	    font-size: 10px;
	    padding: 10px;
	    text-align: center;

	    left: 0px !important;
	    margin-top: 10px
	}

	#table-box{
		margin-top: 100px !important;
		width: calc(100% - 16px) !important;
		margin-left: 10px;
	}
}
@media only screen and (min-width: 571px) and (max-width: 1080px) {


	#title-box.t-home{
		padding-top: 20px;
	}

	#title-box.t-home img{
		vertical-align: bottom;
		width: 90px;
		height: 20px;
		margin: 0 6px;
		margin-top: 6px;
		margin-right: 4px;
	}

	#title-box.t-home {
		font-size: 20px
	}

	#title-box.t-home .gold {
		font-size: 20px !important
	}
}

@media only screen and (min-width: 10px) and (max-width: 1080px) {
	#img-reg{
		width: 123px;
	}

	#menu-box{
		border-top: 0px solid #e2e2e2;
		padding-top: 10px;
	}

	#title-box{
		margin-top:-43px;
		margin-bottom:10px;
		font-size:25px;
		line-height:35px;
		color:#373737;
		display: flex;
	}

	#register-content1 .content-text-box.blue.border-bottom-dot{
		width: 100% !important
	}

	#register-content1 .content-text-box.border-bottom-dot{
		width: 100% !important
	}

	#register-content1 .content-text-box.border-bottom-dot label {
	    display: inline-block;
	    width: calc(100% - 50px);
	    margin-bottom: 10px;
	}

	#register-content1 .content-text-box.border-bottom-dot span.blue {

	    line-height: 40px;
	}

	#register-content2 input{
		width: 100% !important
	}

	#register-content3 input{
		width: 100% !important
	}

	#register-content3 .line-separator{
		display: none
	}

	.part-box img{
		display: none
	}

	#doc-box-1 .part-data-box label{
		width: 100%;
		font-size: 14px;
		display: flex;
	}

	#doc-box-1 .part-data-box input{
		width: 100%;
		margin-bottom: 10px;
	}



	#doc-box-1 .part-data-box2 label{
		width: 100%;
		font-size: 14px;
		display: flex;
	}

	#doc-box-1 .part-data-box2 input{
		width: 100%;
		margin-bottom: 10px;
	}

	#doc-box-1 .hline{
		border-top: 2px dotted 
	}


	#doc-box-2 .part-data-box label{
		width: 100%;
		font-size: 14px;
		display: flex;
	}

	#doc-box-2 .part-data-box input{
		width: 100%;
		margin-bottom: 10px;
	}

	#doc-box-3 .part-data-box label{
		width: 100%;
		font-size: 14px;
		display: flex;
	}

	#doc-box-3 .part-data-box input{
		width: 100%;
		margin-bottom: 10px;
	}

	#doc-box-8 .part-data-box label{
		width: 100%;

		display: flex;
	}

	#doc-box-8 .part-data-box input{
		width: 100%;
		margin-bottom: 10px;
	}

	.register3-box .content-text-box label{
		width: 100%;
		font-size: 14px;
		display: flex;
	}

	.register3-box .content-text-box input{
		width: 100% !important;
		margin-bottom: 10px;
	}

	.register3-box .content-text-box label.custom-radiobutton{
		float: left;	
		margin-bottom: 15px;
		margin-top: 18px;
	}

	.register3-box .content-text-box label.custom-radiobutton+label{

		vertical-align: top;
		padding-top: 0px;
		width: 35% !important;
		float: left;	
		margin-bottom: 15px;
		margin-top: 10px;
	}

	.register3-box .content-text-box label.custom-radiobutton+label+label{

		clear: both;
		margin-bottom:40px;
	}

	.register3-box .content-text-box label.custom-radiobutton+label+label+label+label{

		clear: both;
		margin-top:-10px;
	}

	.register3-box .content-text-box label.custom-radiobutton+label+label+label+label+label{

		
		margin-top:-15px;
	}

	.register3-box .line-separator{
		clear: both;
		border-top: 3px dotted;
		width: 100% !important; 

	}

	.register3-box div:nth-child(20) label{
		clear: both;
		padding-top:30px;
	}

	.register3-box div:nth-child(20) label+br+br+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box div:nth-child(20) label+br+br+label+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box div:nth-child(20) label+br+br+label+label+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box div:nth-child(20) label+br+br+label+label+label+input+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box div:nth-child(20) label+br+br+label+label+label+input+label+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box div:nth-child(21) label{
		clear: both;
		padding-top:30px;
	}

	.register3-box div:nth-child(21) label+br+br+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box div:nth-child(21) label+br+br+label+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box div:nth-child(21) label+br+br+label+label+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box div:nth-child(21) label+br+br+label+label+label+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box div:nth-child(21) label+br+br+label+label+label+label+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box div:nth-child(21) br{
		display: none
	}

	.register3-box:nth-child(2) div:nth-child(21) label{
		clear: none;
		padding-top:0px;
	}

	.register3-box:nth-child(2)  div:nth-child(21) label+br+br+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box:nth-child(2)  div:nth-child(21) label+br+br+label+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box:nth-child(2)  div:nth-child(21) label+br+br+label+label+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box:nth-child(2)  div:nth-child(21) label+br+br+label+label+label+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box:nth-child(2)  div:nth-child(21) label+br+br+label+label+label+label+label{
		clear: none;
		padding-top:0px;
	}

	.register3-box:nth-child(2)  div:nth-child(21) br{
		display: none
	}


	.mobile{
		display:block;
	}

	.desktop{
		display:none;
	}

	#content1, #content2, #content3{
		width:90%;
		padding-left:5%;
		padding-right:5%;
	}

	#content1{
		padding-top:30px;
		text-align:justify;
		padding-bottom:30px;
		margin-bottom:30px;
		border-bottom:1px solid;
		border-color:#e2e2e2;
	}

	#content2{
		padding-bottom:30px;
		margin-bottom:30px;
		border-bottom:1px solid;
		border-color:#e2e2e2;
	}

	.content-part-box{
		clear:both;
	}


	.popup-box, #popup-box, #popup-box-big{
		top:0%;
		width:100%;
		left: 50%;
		margin-left:-50%;
	}
	
	#popup-box-big{
		max-height:100%;
		overflow:auto;
	}


	.popup-box .part-box label, #popup-box .part-box label{
		width:auto;
		margin-right:20px;
	}
	

	#register-content1, #register-content2, #register-content3{
		width:90%;
		padding-left:5%;
		padding-right:5%;
		padding-bottom:30px;
		margin-bottom:30px;
		border-bottom:1px solid;ac
		border-color:#e2e2e2;
	}

	#register-content1{
		padding-top:30px;
	}




	#doc-title-box{
		width:90%;
		padding-top:30px;
		padding-left:5%;
		padding-right:5%;
		padding-bottom:30px;
		margin-bottom:30px;
		border-bottom:1px solid;
		border-color:#e2e2e2;
	}

	.doc-box{
		width:90%;
		padding-left:5%;
		padding-right:5%;
	}

	#register3-content-box{
		width:90%;
		padding-top:10px;
		padding-left:5%;
		padding-right:5%;
	}

	.register3-box{
		clear:auto;
		width:90%;
		padding-top:10px;
		padding-left:5%;
		padding-right:5%;
		padding-bottom:30px;
		margin-bottom:30px;
		border-bottom:1px solid;
		border-color:#e2e2e2;
	}


	.footer-l {
		padding: 13px 0 0 10px;
	}
	
	.footer-r{
		padding: 8px 10px 0 10px;
	}

	#footer{
		height: 55px;
	}

	.f-w12{
		line-height:35px;
	}


}

@media only screen and (min-width: 10px) and (max-width: 1200px) {
	#banner-box {
	    padding: 0px 0px 0px 16px;
	    width: calc(100% - 16px);
	}
	#title-box{
		padding: 0px 0px 0px 16px;
	    width: calc(100% - 16px);
		padding-bottom:16px;

	}



}