/* index.html css v1.1 for Bai Cells by RoyLan Last updated 2017.04.20 */
html,body{
    height: 99.9%;
    min-height: 600px;
    background: #FFFFFF;
    margin: 0px auto;
    _margin: 0px auto;      /* for IE6 */
    *margin: 0px auto;      /* for IE7 */
    _width: 1000px;
    font-family: Microsoft Yahei, WenQuanYi Micro Hei, sans-serif, "Helvetica Neue", Helvetica, Hiragino Sans GB;


}
body{
    font-size: 0.8rem;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    background-image: none;
    background-color: #ffffff;
}
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    background-image: none;
    background-color: #ffffff;
}
input{
    box-shadow: none;
}
li,ul{
    list-style:none;margin: 0;padding: 0;
}
h2{
    font-size: 28px!important;
    display: inline-block;
}

#frame{
    height: 100%;
    position: relative;z-index: 1;
    width: 100%;
    display: none;
}

#top{
    height: 84px;width: 100%;
    /*background: #38414D;*/
	background-image: linear-gradient(to right,#333333,#333333,#333333);
}

/*.route_mbn:before{
	    content: '';
    position: absolute;
	    background: #1e1e1a;
    width: 700px;
    height: 537px;
    top: 13%;
    left: 50%;
	 background-repeat: no-repeat;
	    background-image: url(./../img/bg2.png);
		 transform: translateX(150px);
	
}


.route_mbn:after {
    content: '';
    position: absolute;
    top: 50px;
    right: 60%;
    width: 469px;
    height: 469px;
    margin-right: 15px;
    animation: rotateSlow 50s linear infinite;
}*/
/* for IE7 */
.top_ie7{
    height: 64px;
    background:#FFFFFF;
    position: relative;
}

#middle{
    width: 100%;
    background-color: white;
    display: table;
    position: relative;
}
.middle_ie7{
    width: 100%;
    min-height: 500px;
    background-color: white;
    display: table;
    padding-bottom: 10px;
    *padding-bottom: 40px;
}

#left-side{
    width: 180px;
    height: auto;
    border-top: 1px solid #a7cd39;
    border-bottom: 1px solid #333333;
    background-color: #333333;
    display: table-cell;
    vertical-align: top;
    *float: left;
    *height: 100%;
}

#content{
    width:auto;
    min-width: 1194px;
    height: auto;
    background-color: #eeeeee;
    display: table-cell;
    padding-right: 20px;
    padding-left: 20px;
}
#footer{
    width: 100%;min-width: 1414px;
    height: 47px;
    background: #eee;
    text-align: center;
    /*border-top: #BDBDBD 1px solid;*/
}
#footer span{
    font-size: 12px;
    color: gray;
    display: inline-block;
    /*display: none;*/
}
#footer_center{
    padding: 9px 45px 0px 45px;
}
.footer_link{
    cursor: pointer;
    text-decoration: underline;
}

/* top.html */
#top{min-width: 1414px; border-top: solid 5px #a7cd39;}
#top .top_inside{
    width: 100%;height: 84px;    position: relative;
}
#top .top_left_log{
    width: 180px;float: left;height: 64px;
}
.top_logo_out{
    width:  133px;height: 41px;margin-top: 1.5px;padding-left: 25px;
}
.top_logo_out img{/*width:  100%;height:  100%;*/}
.top_logo_for_nlink{
    width:  213px;height: 41px;margin-top: 10.5px;padding-left: 25px;
}
.top_logo_for_nlink img{width:  100%;height:  100%;}
.dropdown{
    float: left;position: relative;
}
.dropdown-toggle{
    border-left: 1px solid black;border-right: 1px solid black;
    width: 90px;height: 38px;display: inline-block;
    font-size: 13px;text-align: center;line-height: 38px;
}
.dropdown-toggle:hover{
    background-color: black;color: #ffffff;
}

.dropdown-menu{ width:180px;background-color: #ffffff;
    padding: 5px 0;border: 1px solid #CDCDCD ;
    margin: 2px 0 0;position: absolute;top: 39px;
    left: 1px;z-index: 3;display: none;
}
.dropdown-menu .divider{ margin:4px 0px;height: 1px;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff;
}

.dropdown-menu > li > a{ padding:3px 10px; font-size:13px;line-height: 26px;color:#666;display: block;}
.dropdown-menu > li{}
.dropdown-menu > li>a:hover{background-color: #666;color: #fff;}
.dropdown-menu > li > a i{ padding-right:3px;}
.exit_out{

}
.exit_a:hover{
    background-color: black;color: #ffffff;
}
.exit_a{
    border-right: 1px solid black;
    width: 51px;height: 38px;display: inline-block;
    font-size: 13px;text-align: center;line-height: 38px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}

/*#icon_area{*/
/*display: inline-block;*/
/*text-align: right;*/
/*margin-right: 10px;*/
/*position: relative;*/
/*top: 5px;*/
/*box-shadow:  0px  0px  2px  2px  #aaa;*/
/*border-radius:  2px;*/
/*background-color:  #212121;*/
/*}*/

#lang_selector{
    display: inline-block;
    margin-right: 40px;
    position: relative;
    top: 19px;
    height: 25px;
    background-color: #38414D;
    color: white;
}
#link_help_Pic, #account_settings_Pic{
    display: none;
}
.link_help{
    color: #FFFFFF;
    font-size: 18px;
    display: inline-block;
    margin-right: 10px;
}
.account_settings{
    color: #FFFFFF;
    font-size: 18px;
    display: inline-block;
}
.account_settings_hover{
    color: #86c724;
    cursor: pointer;
}
.top_control{
    position: absolute;
    top: 0px;
    right: 17px;
    text-align: right;
}

/*overview.html*/
.hidden{
    display: none;
}
.ov_top{
    margin: 2rem 0 0 0;
    font-size: 1.8rem;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    color: #4c4d4f !important;
}
#ov_content{font-size: 28px;}
#status-nav {
    overflow: hidden;
    float: right;
}
.status_box {
    position: inherit;
    /* position: relative; */
    width: 180px;
    height: 40px;
    background-color: #fff;
    border-radius: 5px;
    float: right;
    margin-left: 40px;
}
.iphone_count_icons {
    background: #FF6C60 url(../img/iphone_count.png) no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 5px 0 0 5px;
    background-position: 13px 6px;
    float: left;
}
.wifi_connection_icons {
    background-color: #faa61a;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 5px 0 0 5px;
    background-position: 8px 8px;
    float: left;text-align: center;
    /* position: absolute; */
}
.connection_quality_icons {
    /* background: #FFCC00 url(../icons/connection_quality.png) no-repeat; */
    background-color: #38414D;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 5px 0 0 5px;
    background-position: 8px 8px;
    float: left;
    /* position: absolute; */
}
.status_right {
    padding-left: 40px;
    text-align: center;
}
.status_right-top {
    font-size: 16px;
    color: #666666;
    display: block;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
}
.status_right-bottom {
    font-size: 13px;
    color: #666666;
    display: block;
    height: 20px;
    line-height: 20px;
}
.img_styles{
    vertical-align: middle; margin: 0px 0px 5px 0px;
}


fieldset {
    margin: 2rem 0 0 0;
    padding: 2rem;
    border: 0;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    font-family: inherit;
    min-width: inherit;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 5px;
    background-color: #FFF;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .16), 0 0 1px 0 rgba(0, 0, 0, .12);
    -webkit-overflow-scrolling: touch;
}
fieldset > legend {
    display: none !important;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #eee;
}

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: .5rem;
    border-top: 1px solid #ddd;
    white-space: nowrap;
}
fieldset>table>tbody.gray_tbody  tr:nth-of-type(2n) {
    background-color: #f9f9f9;
}
.cbi-value {
    padding: 0.3rem 1rem;
    display: inline-block;
    /*width: 100%;*/
}
label {
    cursor: default;
}

/*network-lan_settings.html*/
.panel-title {
    width: 100%;
    display: block;
    line-height: 1;
    color: #404040;
    font-size: 1.4rem !important;
    padding-bottom: 1rem;
    /*border-bottom: 1px solid #eee;*/
}
.cbi-section-descr, .cbi-map-descr {
    padding: 0.5rem;
    color: #999;
}
#content>*{color: #404040;}
h2 {
    margin: 2rem 0 0 0;width: 100%;
    font-size: 24px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    color: #4c4d4f !important;
}
.sub_title{margin-top: 10px;margin-bottom: 10px;font-size: 18px !important;}

/*select, input {*/
/*background-color: transparent;*/
/*color: rgba(0, 0, 0, .87);*/
/*border: none;*/
/*border-bottom: 2px solid rgba(0, 0, 0, .26);*/
/*outline: 0;*/
/*padding: 0;*/
/*box-shadow: none;*/
/*border-radius: 0;*/
/*background-image: none;*/
/*height: 1.8rem;*/
/*font-size: 0.8rem;*/
/*}*/



/* myMenu */
/*.myMenuDiv{*/
/*background-color: #FFFFFF;*/
/*display:table;*/
/*width: 1140px;margin: 0 auto;*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(Color=#939393, Strength=8, Direction=180);*/
/*}*/
/*.myMenu {*/
/*margin:0;*/
/*padding:0;*/
/*display: table;*/
/*width: 100%;overflow: hidden;*/
/*}*/
/*.myMenu li {*/
/*list-style:none;width: 130px;margin-right: 5px;*/
/*float:left;height: 90px;*/
/*font-family:"Nimbus Sans L","URW Gothic L",Verdana,Tahoma,Helvetica,"Lucida Grande",Geneva,"DejaVu Sans",simsun,simhei,"Microsoft YaHei","Microsoft Sans Serif",sans-serif;*/
/*position: relative;*/
/*}*/
/*.myMenu li .nav_a{*/
/*display: block;position: absolute;top: 0;left: 0;z-index: 2;*/
/*text-decoration:none;font-size: 14px;width: 130px;*/
/*font-weight: 600; height: 90px;line-height: 90px;*/
/*text-align: center;*/
/*color:#212121;*/
/*}*/
/*.myMenu .bg_div{*/
/*background-color: #86c724;*/
/*width: 130px;height: 90px;*/
/*display: none;*/
/*}*/

/*!*style the sub menu*!*/
/*.myMenu li ul {*/
/*position:absolute;*/
/*visibility:hidden;*/
/*border-top:1px solid #fff;*/
/*margin:0;*/
/*padding:0;*/
/*}*/
/*.myMenu li ul li {*/
/*display:inline;*/
/*float:none;*/
/*font-weight: normal;*/
/*font-size: 0.8em;*/
/*width: 100%;*/
/*}*/
/*.myMenu li ul li a:link, .myMenu li ul li a:visited {*/
/*background-color:#586460;*/
/*width:auto;*/
/*}*/
/*.myMenu li ul li a:hover {*/
/*background-color: #1CAEE2;*/
/*}*/


/* simple divider */
.Divider_H{
    background-color: #BDBDBD;
    width: 100%;
    height: 1px;
    _overflow: hidden;
}

.loading_gif{
    display: block;
    margin-top: 20px;
    margin-left: 30px;
}

.Button{
    height: 25px;
    width: 88px;
    margin-top: 30px;
    margin-bottom: 5px;
    font-family: Arial , simsun , simhei , "Microsoft YaHei" , "Microsoft JhengHei";
}
.Button1{
    height: 25px;
    width: 88px;
    margin-bottom: 5px;
    font-family: Arial , simsun , simhei , "Microsoft YaHei" , "Microsoft JhengHei";
}
.Button_L{
    height: 25px;
    width: 176px;
}
.Button:hover{
    font-weight: bold;
    background-color: #1CAEE2;
    border: gray thin solid;
}
.operation_btn_all{
    margin-top: 30px;overflow: hidden;
    padding-bottom: 15px;
}
.operation_btn_all_out{
    width: 250px;
    margin: 0 auto;
}
.sure_btn_style{
    background-color: #FFCC00;color: black;
    height: 33px;float: left;
    width: 101px;
    font-family: Arial , simsun , simhei , "Microsoft YaHei" , "Microsoft JhengHei";}
.cancle_btn_style{
    background-color: #f0ad4e;float: right;
    color: black;height: 33px;
    width: 101px;
    font-family: Arial , simsun , simhei , "Microsoft YaHei" , "Microsoft JhengHei";}
.delete_btn_style{
    background-color: #d9534f;color: white;height: 33px;
    width:101px;float: left;
    font-family: Arial , simsun , simhei , "Microsoft YaHei" , "Microsoft JhengHei";}
.sure_btn_style:hover{
    font-weight: bold;
    border: gray thin solid;
}
.cancle_btn_style:hover{
    font-weight: bold;
    border: gray thin solid;
}
.delete_btn_style:hover{
    font-weight: bold;
    border: gray thin solid;
}


.Checkbox{
    width: 20px;
}

.Radio{
    width: 20px;
}

/*表格*/
.Table{
    background-color: #FFF;
    color: #666;width: 700px;border: none;
}
.Td_Name{               /* Name string field */
    font-size: 13px;
    width: 180px;height: 20px;padding: 5px 20px 5px 0;
    border: none;text-align: right;
}
.Td_List{               /* Name string field */
    font-size: 13px;
    width: 1600px;
    padding: 5px;
}
.Td_Value{
    width: 250px;padding: 3px 0;height: 20px;border: none;
}
.Td_Name1{
    font-size: 13px;
    width: 280px;height: 20px;padding: 5px 10px 5px 0;border: none;
}
.Td_Value1{
    width: 300px;padding: 5px 10px 5px 0;height: 20px;border: none;
}
.Td_Name2{
    font-size: 13px;
    width: 300px;height: 20px;padding: 5px 10px 5px 0;
    border: none;text-align: right;
}
.Table1{
    background-color: #FFF;
    color: #666;width: 0px;border: none;
}
input[type='text']{height: 22px;}
.Tb_bgcolor{
    background-color: #F1F1F1;
}
.Table_Percent{
    background-color: #FFF;
    border-radius: 8px;
    border: 1px solid #D3D3D3;
    padding: 10px;
    color: #666;
    width: 100%;
}
.Td_Name_Percent{               /* Name string field */
    font-size: 13px;
    width: 35%;
    /*2.13 background-color: #B8FDE4; */
    padding: 5px;
}
.Td_Value_Percent{              /* Value display field */
    width: 65%;
    padding: 5px;
}

.Input_Text_SSS{       /* Input_Text Super Spcial Small */
    width: 35px;height: 28px;
}
.Input_Text_SS{       /* Input_Text Spcial Small */
    width: 80px;height: 28px;
}
.Input_Text_S{       /* Input_Text Small */
    width: 120px;height: 28px;
}
.Input_Text_M{       /* Input_Text Midum */
    width: 235px;height: 28px;
}
.Input_Text_L{       /* Input_Text Large */
    width: 355px;height: 28px;
}
.Only_Read{
    border: none;
}

.Select_S{          /* Select Small */
    width: 80px;height: 28px;
}
.Select_out{
    width: 106px;height: 28px;border-radius: 3px;
}
.Select_M{          /* Select Midum */
    width: 240px;height: 28px;color: #666;
}
.Select_L{          /* Select Large */
    width: 360px;height: 28px;
}

/* ----------------- Block ----------------------*/
.Block{
    padding: 18px;
    background-color: #CCC;
    border: #555 medium solid;
    color: #333;
    font-size: 16px;
    text-align: left;
    font-family: "Times New Roman" , Consolas , simsun , simhei, "Microsoft YaHei", "Microsoft JhengHei";
}
.BlockButton{
    width: 50px;
    height: 25px;
    position: absolute;
    right: 3px;
    bottom: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.BlockButton2{
    right: 60px;
}
.Block div{
    display: inline-table;
    word-break: break-all;
}
.Block_Loading_Img{
    width: 30px;
    height: 30px;
    float: right;
    margin-left: 15px;
}
.BlockImgLeft{
    width: 30px;
    height: 30px;
    margin-right: 15px;
}
.BlockTextArea{
    width: auto;
    color: #333;
    font-size: 16px;
    text-align: left;
    font-family: "Times New Roman" , Consolas , simsun , simhei, "Microsoft YaHei", "Microsoft JhengHei";
    border : 0;
    overflow: visible;
    resize : none;              /* Firefox, Chrome */
    word-break: break-word;
    white-space: pre-wrap;      /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    *white-space: normal;       /* IE 7 */
    *word-wrap: break-word;      /* IE 7 */
}

.ErrorBlock{
    background-color: #F89;
}

.AlertBlock{
    background-color: #27D4F7;
}




/* From jquery-ui.css v1.11.4 */
.ui-widget {
    font-family: Verdana,Arial,sans-serif,simsun,simhei,"Microsoft YaHei";
    font-size: 1.1em;
}
.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff 50% 50% repeat-x;
    color: #222222;
}
.ui-widget-content a {
    color: #222222;
}
.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.ui-progressbar {
    height: 100%;
    overflow: hidden;
    position: relative;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,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");
    height: 100%;
    filter: alpha(opacity=25); /* support: IE8 */
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
.progress-button {
    right: -3px;
    bottom: -3px;
}
.progress-button-cancel {
    width: 55px;
    z-index: 100;
    right: -3px;
    bottom: -3px;
}
.progress-label {
    position: absolute;
    text-align: right;
    width: 60px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    display: block;
    top: 8px;
    left: 20px;
}
.progress-text {
    position: absolute;
    text-align: center;
    width: 100%;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    display: inline-block;
    top: 8px;
    left: 0px;
}

.Strength{
    width: inherit;
    max-width: 150px;
    position: absolute;
    display: inline-block;
    margin-left: 5px;
}
.Strength_Arrow{
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: #F1F1F1 #999 #F1F1F1 #F1F1F1;
    position: absolute;
    *border: 11px solid;        /* IE 7 */
}
.Strength_Text{
    color: #d25555;
    margin-left: 20px;
    padding: 0px 5px 0px 5px;
    position: absolute;
    border: #AAA thin solid;
    white-space: nowrap;        /* IE 7 */
    *margin-left: 22px;         /* IE 7 */
}

/* Inside Pregress bar with DIV */
#PRG_1{
    width: 100%;
    height: 30px;
    color: #333;
    font-weight: 600;
    text-align: left;
}
#PRG_2{
    width: 0%;
    height: 30px;
    background-color: #87CEEB;
    position: relative;
}
#PRG_Str{
    width: 100%;
    height: 30px;
    top: -30px;
    position: relative;
    text-align: right;
}
#PRG_Str span{
    top: 6px;
    right: 15px;
    position: relative;
}


.Center{
    text-align: center;
}

/* - Statistics.html - */
#div_wan_bg{
    width: 100%;
    height: 400px;
    background-image: url('../img/wan_world_map.png');
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-bottom: #BDBDBD 1px dashed;
    _margin-top: -20px;
    _background-image: none;
    _height: auto;
}
#ie6_fix_bg{
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/wan_world_map.png',sizingMethod='crop');
    _width: 640px;
    _height: 327px;
    _margin: 40px auto;
}
#div_wan_tb{
    height: 100%;
}
#div_wan_tb table{
    bottom: 70px;
    position: absolute;
    margin: auto 70px;
    _margin: auto;
    _top: 220px;
    _left: 75px;
    *left: 0px;
}
#div_wan_tb table td{
    font-size: 1.1em;
    width: 250px;
    text-align: center;
    text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
    _padding-top: 10px;
    _line-height: 12px;
    *line-height: 26px;
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#FFFFFF, Strength=5, Direction=0)\9,
            progid:DXImageTransform.Microsoft.Shadow(Color=#FFFFFF, Strength=7, Direction=90)\9,
            progid:DXImageTransform.Microsoft.Shadow(Color=#FFFFFF, Strength=7, Direction=180)\9,
            progid:DXImageTransform.Microsoft.Shadow(Color=#FFFFFF, Strength=7, Direction=270)\9;
}
.st_h1{
    _top: 5px;
    _position: absolute;
}
.st_h2{
    _position: absolute;
    _margin-top: 15px;
    _margin-bottom: 5px;
    *margin-top: 15px;
    *margin-bottom: 0px;
}
.h2Icon{
    width: 24px;
    height: 24px;
    vertical-align: middle;
    padding-left: 10px;
    _position: absolute;
    _top: 15px;
    *margin-top: -33px;
    *margin-left: 115px;
}
.h2Icon_W{
    *margin-left: 135px;
}
.div_table{
    _margin-top: 50px;
}
#div_lan{
    display: inline-block;
    width: 49%;
    _position: absolute;
    _width: 460px;
    *float: left;
}
#div_lan img{
    _left: 120px;
}
#div_wlan{
    display: inline-block;
    width: 50%;
    _left: 50%;
    _position: absolute;
    _width: 470px;
    *float: right;
}
#div_wlan img{
    _left: 140px;
}
.r_width{
    width: 290px;
}
#bt_reser{

    position: absolute;
    top: 10px;
    right: 0px;
}
/* - Statistics.html - 13*/
.div_left{
    display: inline-block;
    _position: absolute;
    *float: left;
    width: 49%;
    _width: 460px;
}
.div_right{
    display: inline-block;
    _left: 50%;
    _position: absolute;
    *float: right;
    width: 49%;
    _width: 460px;
}
#div_wlan_13{
    width: 50%;
    _width: 470px;
}
#lan_img{
    _left: 120px;
}
#wlan_img{
    _left: 140px;
}
#voip_img{
    _left: 120px;
}
.action{
    color: #BBB;
    border-color: #EEE;
    border-style: outset;
}
.action:hover{
    color: black;
    font-weight: bold;
    background-color: lightskyblue;
    border: #BBB 1px inset;
    cursor: pointer;    /* for FF,GC */
    cursor: hand;       /* for IE */
}
.no_action{
    color: #F5F5F5;
    border-color: #F5F5F5;
    border-style: solid;
}
.div_bn_bt{
    padding: 20px 3px 0px 3px;
    border-width: 1px;
    width: 10px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    margin-top: 90px;
    display: inline-block;
}
#div_next{
    margin-left: 5px;
    border-radius: 0px 7px 7px 0px;
}
#div_back{
    margin-left: -23px;
    border-radius: 7px 0px 0px 7px;
}

/* - Wizard - */
.wizard_bar{
    width: 100%;
}
.wizard_bar_title{
    width: 100px;
    height: 45px;
    color: #07B4D7;
    font-size: 20px;
    font-weight: bold;
}
.wizard_bar_td{
    width: 150px;
    height: 45px;
}
.wizard_bar_td_jump :hover{
    color: #FFF;
    background-color: #3EC5E6;
}
.wizard_interval{
    width: 15px;
}
.wizard_cube{
    width: 150px;
    height: 10px;
    border: 1px solid #BBB;
    background-color: #F5F5F5;
}
.selected{
    background-color: #3791B2;
}
.passed{
    background-color: #50D1D1;
}
.wizard_text{
    width: 150px;
    height: 25px;
    padding-top: 5px;
    background-color: #FFF;
    border: 1px solid #888;
    text-align: center;
}
.bar_connect_re_set_height{
    height: 25px;
}
.wizard_bar_div_connect{
    width: 145px;
    height: 24px;
    background-image: url('../img/wz_arrow_up.png');
}

#wizard_content_td div{
    /*background-color: #BFBFBF;*/
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -10px;
    border-radius: 8px;
}
.wz_Table{
    border-radius: 8px;
    margin: 0px auto;
    background-color: #FFF;
    padding: 5px;
    border-spacing: 5px 5px;
    color: #666;
}
.wz_TD_Name{
    width: 250px;
    height: 25px;
    padding-left: 15px;
}
.wz_TD_Value{
    width: 220px;
    background-color: #FFF;
    padding-left: 15px;
}
.wz_Input_Text{
    border-width: 2px;
}

.wizard_button{
    text-align: center;
}
.right_button{
    margin-left: 30px;
}

.wizard_BG{
    width: 100%;
    min-height: 500px;
    /*background-image: url(../img/bg_gray.png);*/
    margin-top: -15px;
    position: static;
}
.wizard_content{
    width:auto;
    height: auto;
    display: table-cell;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    vertical-align: top;
    *overflow: hidden;
    _width: 72%;
}
.wizard_footer{
    width: 100%;
    height: 35px;
    background-color: #586460;
    box-shadow: 0px -5px 30px 0px #939393;
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#939393, Strength=8, Direction=360);
}
.wizard_text_disable{
    width: 150px;
    height: 25px;
    padding-top: 5px;
    background-color: #FFF;
    border: 1px solid #EEE;
    text-align: center;
    color: #CCC;
}
.wizard_cube_disable{
    width: 150px;
    height: 10px;
    border: 1px solid #EEE;
    background-color: #F5F5F5;
}

/* - System Log - */
.system_log_table_title{
    width: 100%;
}
.build_msg_td span a{
    color: #3791B2;
}
.build_msg_td span a:hover{
    color: #6495ED;
}

/* title field */
#sys_log_title_time{
    width: 150px;
}
#sys_log_title_level{
    width: 80px;
}
#sys_log_title_module{
    width: 80px;
}
#sys_log_title_msg{
    width: auto;
}

/* log content style */
.build_time_td{
    width: 160px;
}
.build_level_td{
    width: 85px;
}
.build_module_td{
    width: 85px;
}
.build_msg_td{
    width: auto;
}
.log_content{
    width: auto;
    height:350px;
    max-height: 450px;
    overflow-y: scroll;
    background-color: #F1F1F1;
}
.log_content_Table{
    width: 100%;
    background-color: #F1F1F1;
    border-radius: 8px;
}

/* - Login - */
 .login_out {
    position: absolute;
    top: 33%;
    left: 50%;
    margin-left: -175px;
    font-size: 13px;
    width: 350px;
    /* height: 537px; */
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 11px #aaa;
    /* background-image: url(./../img/bg.png); */
    border: 5px #fff solid;
}
.logo_out {
    width: 350px;
    height: 50px;
    text-align: center;
    font-size: 2rem;
    line-height: 50px;
    background-color: #333333;
    color: #a7cd39;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.account_out{width: 240px;margin-top: 51px;margin-left: 55px;position: relative;}

.password_out{width: 240px;margin-left: 55px;margin-top: 20px;position: relative;}
.icon_out1{
    position: absolute;top: 0;left: 16px;
}
.icon_out2{
    position: absolute;top: 0;left: 16px;
}
#input_URN{
    width: 240px;
    height: 35px;;padding-left: 45px;
    color: rgb(0, 0, 0) !important;border-radius: 4px;
    border: 1px solid #aaaaaa;
}
#input_PWD{
    width: 240px;
    height: 35px;;padding-left: 45px;
    color: rgb(0, 0, 0) !important;border-radius: 4px;
    border: 1px solid #aaaaaa;
}

.login_btn {
    width: 10rem;
    height: 35px;
    margin-left: 95px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 20px;
    line-height: 35px;
    color: #a7cd39;
    font-size: 14px;
    background-color: #4c4d4f;
    cursor: pointer;
    margin-top: 33px;
}
.Note{
    width: 225px;padding-left: 108px;
    color: gray;margin-top: 20px;
    display: inline-block;
    border: none;
    background: none;
    text-align: left;
    font-size: 13px;
    font-family: inherit;
    font-weight: bold;

    overflow: visible;
    resize : none;
    word-break: break-word;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    *white-space: normal;
    *word-wrap: break-word;
}
.Note_Wrong{
    color: red;
}

.tips{
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}

.field_label{
    width: 105px;
    text-align: right;
}
.field_input{
    width: auto;
    text-align: left;
    padding-left: 10px;
}

/*singnal screen*/
.signal_screen{
   position: fixed;
    top: 0;left: 0;
    width: 100%;height: 100%;
    background-color: rgba(0,0,0,0.5);
}
.signal_screen_inside{
    position: absolute;
    width: 400px;
    height: 310px;
    top: 50%;left: 50%;
    margin-top: -155px;
    margin-left: -200px;
    border-radius: 8px;
}
.close_btn{
    position: absolute;
    width: 26px;
    height: 26px;
    top: -21px;right: -27px;
}
.close_btn>img{width: 100%;height: 100%;}
.out_side{
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .35), 0 0 2px 0 rgba(0, 0, 0, .12);
    border-radius: 8px;  height: 15rem;width: 352px;
    margin: 32px auto; text-align: center;
}