@charset "utf-8";
/* CSS Document */
input:focus{outline:none;}
input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.font-align-left{ text-align:left;margin-left:10px;}
.font-align-right{ text-align:right;}
.font-align-center{ text-align:center;}
.font-size-12{ font-size:12px;}
.font-size-16{ font-size:16px; font-weight:bold;}
.font-size-18{ font-size:18px; font-weight:bold;}
.font-size-20{ font-size:20px; font-weight:bold;}
.font-color-666{ color:#666666;}
.redfont{ color:#FF0000;}
.noMarginPadding{ margin:0;padding:0;}
.margin-10{ margin:10px auto;}
.chgpw-bg{width:520px; margin: 0 auto;}
.login_language {
    background: url(../images/language_s_d.png?v=241116013456);
    width: 15px;
    height: 15px;
    z-index: 10;
}
.select_language {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #666666;
    opacity: 1;
}
.col_language {
    position: absolute;
    left: 76%;
    top: 5.8%;
}
.col_language_setting{
    position: absolute;
    left: 80%;
    top: 5%;
}
/* for safari */
@media not all and (min-resolution:.001dpcm) { 
    @media {
        .col_language {
            position: absolute;
            left: 71%;
            top: 5.8%;
        }
        .col_language_setting{
            position: absolute;
            left: 75%;
            top: 5%;
        }
    }
}
.mobile_label{
    text-align: left;
    font: normal normal bold 14px/14px Century Gothic;
    letter-spacing: 0px;
    color: #00B2FF;
    opacity: 1;
}
.mobile_label a{ color:#00B2FF;}

@media (min-width: 480px) and (max-width:767px){
	.font-size-20 {font-size: 14px;}

	.min-width-300{ /*margin: 0 auto;*/}
	.col-sm-100{width:100%; margin: 0 auto;}
	
	/* margin */
	.col-xs-margin-top-5{margin-top:5px;}
	/*.col-xs-margin-top-10{margin-top:10px;}*/
	.col-xs-margin-top-13{margin-top:13px;}
	.col-xs-margin-top-15{margin-top:15px;}
	.col-xs-margin-top-20{ margin-top:20px;}
	
	/*.annotationFont{ width:100%!important; left:0!important; position:relative; margin-left:0px !important; text-align:center;}*/
	
	.languageLink{}
	.languageLink a{ text-align:center!important; line-height:36px!important;}
	.mobiletag {font-size: 12px;}
	.mobileright{float:right;}
	.model_title {margin-top: 10px;}
	.col-xs-height30{ min-height:30px; line-height:30px;}
	
	.subtract-row-xs{ margin-left:0!important;margin-right:0!important;}
	
	.bashZyxelLogo img{ margin-left:0px!important;}
	
	.container-fluid{ padding-left:0!important; padding-right:0!important;}
    .noPaddingLeft{ padding-left:0px!important;}	

    .col-lg-12 {font-size: 12px;}
	.loginButton{width: 54px;margin-top: -10px}
	.WalledGardenbox{/*margin:0;*/}
    .WalledGardenbox ul li a {font-size: 12px;}
    .loginButton {font-size: 1em;}
    .loginButton.long{width: 123px;}
    .note_triangle_txt {width: 65%;}
    .accountInput p {margin-left:24px;}
    .passwordInput p {margin-left:24px;}
    .terms_checkbox label {zoom:0.9;}
    .user-defined i { position: absolute;}
    .user-defined .renew{}
    .alerterror i {right: 18px;}
    .inputbox ul li {width: 80%;}
    .sdwan-xs-bg-free{display:none!important;visibility : hidden;}
     /*@-moz-document url-prefix() {.loginButton {margin-top: -10px}}*/
}

@media (min-width: 768px) and (max-width: 992px) {

	.container{ width:750px;}
    .col-sm-100{width:100%; margin: 0 auto;}
	.bluebk{ margin-left:-208px!important;  }
	.backgroundbox{	margin-left:-560px; }
	
	/* margin */
	.col-sm-margin-top-5{margin-top:5px;}
	.col-sm-margin-top-13{margin-top:13px;}
	.col-sm-margin-top-15{margin-top:15px!important;}
	.col-sm-margin-top-20{ margin-top:20px;}
	.col-sm-margin-left-40{ margin-left:40px; }	
	.col-sm-line-color-ccc{ border-right:1px solid #ccc;}
	
	.bashZyxelLogo img{ margin-left:10px!important;}
	/*.annotationFont{ margin-left:-67px;}*/
	
	.col-sm-height30{ height:30px; line-height:30px;}

	.col-lg-12 {zoom: 0.95;-moz-transform: scale(0.9); font-size: 12px;}
	.loginButton{width: 75px;}
	.onetimepasswordInput p { width: 100%;}
    .WalledGardenbox ul li a {font-size: 12px;}
    .terms_checkbox {font-size: 12px;}
    .time-lease p {width: 416px;}
    .time-auth p {width: 416px;}
    .note_triangle_txt {left: 0px; top:345px;}
    .alerterror i {right: 62px;}
    @-moz-document url-prefix() {.loginButton {margin-top: -10px}}

}

@media (min-width: 993px) and (max-width:1199px) {

    .col-md-46{width:46%; margin: 0 auto;}
    .col-md-68{width:68%; margin: 0 auto;}
    .col-md-36{width:45%;}
	.bluebk{margin-left:-208px!important; }
	.backgroundbox{	margin-left:-560px;	}
	
	/* margin */
	.col-md-margin-top-5{margin-top:5px;}
	.col-md-margin-top-13{margin-top:13px;}
	.col-md-margin-top-15{margin-top:15px!important;}
	.col-md-margin-top-20{ margin-top:20px;}
	.col-md-margin-left-40{ margin-left:40px; }	
	.col-md-line-color-ccc{ border-right:1px solid #ccc;}
	
	/*.annotationFont{ margin-left:-67px;}*/
	.col-md-height30{ height:30px; line-height:30px;}
    .col-lg-12 {zoom: 0.9; font-size: 13px;}
    .login-box{-moz-transform: scale(0.9);}
    .loginButton{width: 75px;}
    .retypepasswordInput i::after {zoom: 0.75; -moz-transform: scale(0.75);}
    .terms_checkbox {zoom:0.9;}
    .WalledGardenbox ul li a {font-size: 12px;}
    .onetimepasswordInput p {width: 95%;}
    .alerterror i {right: 65px;}

}
@media (min-width: 1200px) {


	.col-lg-46{	width:46%; margin: 0 auto;}
	.col-lg-68{	width:68%; margin: 0 auto;}
	.col-lg-36{	width:50%;}
	.bluebk{	margin-left:-254px!important;}
	.backgroundbox{	margin-left:-600px; }
	/* margin */
	.col-lg-margin-top-5{margin-top:5px;}
	.col-lg-margin-top-13{margin-top:13px;}
	.col-lg-margin-top-15{margin-top:15px!important;}
	.col-lg-margin-top-20{ margin-top:20px;}
	.col-lg-margin-left-10{ margin-left:10px; }
	.col-lg-margin-left-40{ margin-left:40px; }	
	.col-lg-margin-bottom-5{ margin-bottom:5px; }
	.col-lg-line-color-ccc{ border-right:1px solid #ccc;}
	/*.annotationFont{ margin-left:-120px;}*/
	.col-lg-height30{ height:30px; line-height:30px;}   
}