@charset "utf-8";
@import url("../font/OnAir/stylesheet.css");
/*
---PC/all none set style---
*/
html, body, a, a:hover, button, table, td, span, input, p, h1, h2, h3, h4, h5, ul li, li, option, select{
	font-family: 'OnAir'; font-weight: 400;color: #0B2739;
}
h2{font-size:36px;}

#pageloading {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 500;
	background-color: #FFF;
}
#loadingimg {
	height: 116px;
	width: 102px;
	margin-left: -58px;
	position: absolute;
	left: 50%;
	top: 30%;
}

body,html {
	font-family: 'OnAir';
	font-weight: 400;
	color:#0B2739;
	word-break: normal;
	height: 100%;
	width: 100%;
	background:#F5F5F5;
	padding:0;
	margin:0;
}
img,img a{
	border:0px;
}
*{
	margin:0px;
	padding:0px;
}
ul,li{
	list-style:none;
}
.layout{
	position:absolute;
	top: 0;
	left:0;
	right: 0;
    padding-bottom:60px;
    min-height:92.2%;
	z-index:10000;
	background:#F5F5F5;
}
.layout .toptitle{ float: right; position: relative; margin-right:8%;}
.layout .tabInput{width:77%}
.layout .tabInput input{width:100%; height:48px;}
.layout .tabID{width:23%;}
input,select{background:#FFFFFF;border: 1px solid #50535a; border-radius: 4px;}
.layout input[type=text]:focus, .layout input[type=password]:focus, input[type=password]:focus, input[type="text"]:focus,select:focus{
	background: #ffffff;
	outline:  1px ridge rgb(1, 159, 244, .6);
	outline-offset:-2px
}
input[type=text]:focus,textarea:focus,input[type=password]:focus, input[type="text"]:focus,select:focus{
    border: 1px solid #019df4;
}
.layout #pass, .layout #pass:focus{	
border-top-right-radius: 0;
border-bottom-right-radius: 0;}
.layout .mainBorder{padding-top:30px;}
.layout #pass{border-right: 1px solid #019df4;}
#logout{ display:none;}
#home{
	cursor:pointer;
	width:45px;
	float:left;
	height:45px;
	margin-top:3px;
	margin-left:3px;
	margin-bottom: 3px;
	overflow:hidden;
	border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-wekit-border-radius:4px;
	-moz-border-radius:4px;
}
#home:hover{
	background:#e9eae8;
}
#menu{
	float:left;
	width:120px;
	line-height:45px;
	height:45px;
	text-align:left;
	color:#019df4;
	font-family: 'OnAir';
	font-weight: 600;
	font-size:1.3em;
	margin-top:5px;
	margin-left:8px;
}
.menuTxt{
	width:100px;
	height:45px;
	line-height:45px;
}
.topBorder{
	width:100%;
	float:left;
	background:#fff;
	height:70px;
	padding-top:0px;
}
.topBorder2{display:none;}
.top_info,.markBg{
	width:100%;
	float:left;
	background:#fff;
	height:auto;
}
.top_info ul{
	width:90%;
	margin-left:8%;
	margin-right:8%;
	margin-bottom:12px;
	margin-top:12px;
}
.top_info li{
	float:left;
	width:20%;
	margin:1% 1%;
}
.top_info_S{ display:none;}
.items{
	width:110px;
	position: relative;
    top: -15px;
	float: right;
	text-align: right;
	margin-right:0;
	margin-top:0px;
}
.items a{
	font-size:16px;
	text-decoration:none;
	color:#0B2739;
}
.items a:hover{ color:#3f3f3f;}
.top_LBox, .top_RRBox{ width:8%; margin:auto 2%; float:left;}
.top_RBox{ width:72%; margin:auto 2%; float:left;}
.top_LLBox{ position:absolute; left:150px; top:77px; width:250px; background: #fff; border:1px solid #50535a;}
.top_CBox{ width:26%; margin:auto 8%; float:right;}

.sub a{ color:#019df4}
span.sub{
	font-size:1.1em;
	font-weight:600;
}
.sub22H{
	line-height:22px;
	font-size:1em;
}
.subblue{
	line-height:22px;
	font-size:1em;
	color:#019df4;
	text-decoration:underline;
}
.logoBox_in{
	margin-top:11px;
	margin-left:8%;
}

.toptitle{
	font-size:39px;
	width: 350px;
	height: auto;
	padding-top: 8px;
	display: block;
	text-align:right;
	color:#019df4;
}
.mainBorder{
	width:75%;
	height:auto;
	margin:0 auto;
	display: block;
	position:relative;
}
.layout .mainBorder{
  position:absolute;
  width: 870px;
  height:400px;
  top:290px;
  left: 50%;
  margin-top:-200px; 
  margin-left: -435px; 
}
body #logout [class~='artBox']:last-of-type,
body #tab1 [class~='artBox']:last-of-type,
body #tab2 [class~='artBox']:last-of-type,
body #tab3 [class~='artBox']:last-of-type,
body #tab5 [class~='artBox']:last-of-type{
   margin-bottom: 0px;
   background-color:#fff;
}

#cont{
	position:absolute;
	top: 0;
	left:0;
	right: 0;
    padding-bottom:80px;
	min-height: 100%;
    min-height: -webkit-calc(100% - 85px);
    min-height: -moz-calc(100% - 85px);
    min-height:calc(100% - 85px);
}
.footerBorder0{
	width:100%;
	float:left;
	height:60px;
	line-height:60px;
	font-size:1em;
	text-align:center;
}
.footerBorder{
	height:60px;
	line-height:60px;
	font-size:1.2em;
	z-index: 444;
	clear: both;
    position:absolute;
	background: #FFFFFF;
    left: 0;
    right: 0;
    bottom:0;
    width:100%;	
}
.layout .footerBorder{
	width: 100%;
    padding: 0;
	position: absolute;
	bottom: 0;
	height:60px;
	line-height:60px;
	font-size:1em;
	z-index: 444;
	
}
.footerBorder .logo{
	 background:url(../img/telflogo.png) no-repeat left top;
	 display: block; 
	 width: 200px;
	 height: 30px;
	 float:left;
	 margin-top:18px; 
	 margin-left:8%}

.footerBorder ul{
	position: absolute;
	bottom: 25px;
	right: 6%;
	height:30px;
	width: 510px;
    text-align: right;

}
.footerBorder ul li { 
	display: inline;
	margin: 0;
	height:30px;
	padding:0 15px;
	list-style: none; 
	font-size: 12px; 
}
.footerBorder ul li.first {border-right:1px solid #50535a; }
.artBox{
	width: 96%;
	padding: 2% 2%;
	height: auto;
	float: left;
	margin-left: 0%;
	background: #fff;
}
.TitleBox{
	position: relative;
	top: 50px;
	width: 100%;
	padding: 0;
	height: 50px;
	float: left;
	margin-left: 0%;	
}
.layout .artBox{
	position: relative;
	text-align: center;
	max-width: 840px;
	width: 84%;
	padding:3% 8%;
	height: auto;
	margin:0 auto;
	background: #F5F5F5;
}
.artBox_nM{
	width: 94%;
	padding:10px 3%;
	height: auto;
	float: left;
	margin:0 auto;
	background: #fff;
}
.cssTable {
	display:table;
    position: relative;
    width: 100%;
    padding: 0%;
    margin-top: 8px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.cssTr {
    max-width: 720px;
    width: 720px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	padding:1% 0%;
    justify-content: center;
}
.gray{
	font-size:1.3em;
	color:#535353;
}
.black{
	font-size:1.3em;
}
.layout .black2{
	text-align: left;
	font-size:1.1em;
}
.black2{
	font-size:1.1em;
}
input.txtBox{
	height:47px;
	/*float:left;*/
	width:99%;
	padding-left:1%;
	border:1px solid #50535a;
	border-radius:4px;
	-moz-border-radius:4px;
	-wekit-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	font-family: 'OnAir';
	font-weight: 600;
}
input.txtBox[disabled=true]{color:#919191}
input.sendBtu[disabled=true]{background:#919191;cursor: auto;}
input.txtBox2{
	height:43px;
	/*float:left;*/
	width:99%;
	padding-left:1%;
	border:1px solid #adadad;
	border-radius:4px;
	-moz-border-radius:4px;
	-wekit-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	font-family: 'OnAir';
	font-weight: 600;
}
input[type=text],textarea,select,input[type=password]{
	padding:0px 0px 0px 5px;background:#FFFFFF;

}
input.sendBtu{
	font-family: 'OnAir';
	font-weight: 600;
	height:50px;
	width:16%;
	border:0px;
	background:#868686;
	font-size:1em;
	color:#fff;
	cursor:pointer;
	margin-left:1%;
}
input.sendBtu2{
	height:48px;
	width:100%;
	border:0px;
	background:#019df4;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-wekit-border-radius:4px;
	-moz-border-radius:4px;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	font-family: 'OnAir';
	font-weight: 600;
	
}
.sendBtu:hover, input.sendBtu2:hover, .checkBtu:hover, .checkBtu2:hover{
	transition: all 0.3s;
	background:#0290dd;
}
.sub a:hover{color:#0290dd;}
.sampleImg{
	background: url(../img/u13.png) no-repeat center center #ffffff;
    width: 100%;
    height: 180px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.locationTitle{
	margin-top:45px;
	width:98%;
	float:left;
	padding-left:2%;
	padding-bottom:7px;
	font-size:1.4em;
	padding-top:8px;
	color:#fff;
	background:#019df4;
	border-radius:6px;
	-moz-border-radius:6px;
	-wekit-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
}
.u15{
	width: 80%;
	float: left;
	background: url(../img/u15.png) no-repeat left top;
	padding-left: 115px;
	text-align: left;
	min-height: 70px;
	height: auto;
	/*paddind-right: 20px;*/
	padding-top: 40px;
}
.u31{
	width: 70%;
	float: left;
	padding-left: 15px;
	padding-right:50px;
	text-align: left;
	min-height: 120px;
	height: auto;
	/*paddind-right: 20px;*/
	padding-top: 40px;
}
.tabBorder{
	width: 94%;
	float: left;
	height: auto;
	margin: 1% 3%;
}
.tabBorder_100{
	width: 98%;
	float: left;
	height: auto;
	margin: 1%;
}
.tabBorder_100 .side{display: inline-flex; flex-direction: column;}
.tabBorder_100 .side .topTab{min-height:45px}
.tabBorder_100 .sideActivar .topTab{min-height:47px}
.tabBorder_44{
	width: 38%;
	float: left;
	height: auto;
	margin: 1%;
}
.tabBorder_45{
	width: 55%;
	float: left;
	height: auto;
	margin: 1%;
}
.tabBorder_46{
	width: 46%;
	float: left;
	height: auto;
	margin: 1%;
}
.tabBorder_nM{
	position: relative;
	width: 90%;
	float: left;
	height: auto;
	margin: 5px 1% 0px 1%;
}
.tabBorder_20 {
	float: left;
	margin-left: 30px;
	margin-top: 40px;
}

.tabID{
	font-size:1em;
	width:36%;
	float:left;
	height:auto;
	padding: 0;
	line-height:30px;
}
.tabID2{
	text-align: right;
	font-size: 1em;
	width: 35%;
	padding-right: 1%;
	float: left;
	height: auto;
	line-height: 37px;
}
.tabID3{
	font-size:1em;
	width:32%;
	float:left;
	height:auto;
	padding: 0;
	line-height:22px;
}
.tabID_35{
	text-align:left;
	font-size:1em;
	font-weight:bold;
	width:31%;
	margin-right:1%;
	padding-right:2%;
	float:left;
	height:auto;
	line-height:22px;
}
.tabID_10{
	text-align:left;
	font-size:1em;

	width:15%;
	margin-right:1%;
	padding-right:1%;
	float:left;
	height:auto;
	line-height:22px;
}
.tabInput{
	width:60%;
	height:auto;
	float:left;
	line-height:28px;
	height:auto;
}
.tabInput2{
    width: 50%;
	float: left;
}
.tabInput3{/*for_reson*/
	width:65%;
	height:auto;
	float:left;
	line-height:25px;
	height:auto;
}
.tabInput4{
	width: 2%;
	height: auto;
	float: left;
	line-height: 25px;
	height: auto;
}
.tabInput5{
	width:200px;
	height:auto;
	float:left;
	line-height:25px;
	height:auto;
}
.tabInput6{
	width:20%;
	height:auto;
	float:left;
	line-height:25px;
	height:auto;
}
.tabInput7{
	width:100%;
	height:auto;
	float:left;
	line-height:28px;
	height:auto;
}
.tabInput8{
	width:40%;
	height:auto;
	float:left;
	line-height:28px;
	height:auto;
}
.tabInput9{
	width:25%;
	height:auto;
	float:left;
	line-height:28px;
	height:auto;
}
.tabcontrol{
	width:auto;
	height:25px;
	margin-top:2px;
	float:left;
}
.tabBorder_nM .tabcontrol2{
	width:25px;
	height:25px;
	/*margin-top:2px;*/
	position: absolute;
	left:98%;
	top:5px;
}
.tabcontrol2{
	width:25%;
	height:25px;
	/*margin-top:2px;*/
	position: relative;
	left:97%;
	top:-115px;
}
.font_H32{
	line-height:32px;
	font-family: 'OnAir';
	font-weight: 600;

}
.wrmBox{
	width:200px;
	height:18px;
	float:left;
	line-height:18px;
	height:auto;
	background:url(../img/id_pro_bg.jpg) no-repeat center center;
}
.wrmBox span.sub{
	font-size:1.1em;
	width:27%;
	margin:0 3%;
	float:left;
	text-align:center;
}
input[type="radio"]{width: 15px;height: 15px; margin: 5px 5px 0 0;}
.chooseBox, select, input[type="text"], input[type="password"]{
	width:100%;
	height:37px;
	box-sizing: border-box;
}
.chooseBox_H30{
	width:100%;
	height:25px;
	border:1px solid #575757;
}
.chooseBox2{
	width:60%;
	height:35px;
	border:1px solid #575757;
}
.checkBtu, .checkBtu2, .checkBtu3, .checkBtu4{
	min-width: 180px;
	text-align:center;
	font-family: 'OnAir';
	font-weight: 600;
	cursor:pointer;
	line-height:35px;
	padding:0 20px;
	height:37px;
	font-size:1.2em;
	color:#fff;
	background:#019df4;
	border-radius:6px;
	-moz-border-radius:6px;
	-wekit-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border: 0;
}
.checkBtu3:hover, .checkBtu4:hover{background:#888b8f;}
.checkBtu2:hover{background:#9b9b9b;}

.checkBtu{width:auto;}
.checkBtu2{
	box-sizing: border-box;
	width:auto;
	margin-top:12px;
	margin-right:20px;
}

.checkBtu3{width:100%;}
.checkBtu4{
	float: right;
	box-sizing: border-box;
	width:auto;
}
.leftBtu{
	float:left;
	width:auto;
	padding:0px;
	height:37px;
	text-align:center;
	margin:1% auto;
}
.leftBtu5{
	float:left;
	width:220px;
	padding:0px;
	height:auto;
	text-align:center;
}
.rightBtu{
	float: right;
	width: auto;
	height:37px;
	text-align: center;
	margin: 1% auto;
}
.menuList{
	width:250px;
	height:auto;
	z-index:10009;
	position:absolute;
	left:-1px;
	margin-top:51px;
	border-right:1px solid #50535a;/*stop*/
	border-bottom:1px solid #50535a;
	border-left:1px solid #50535a;
}
.menuList ul{
	width:250px;
	background:#fff;
}
.menuList li{
	width:250px;
	padding:0px;
	border-bottom:1px solid #50535a;
}
.menuList li:last-child{border-bottom:none;}
.menuList li:hover{background:#e9eae8;}
.menuList li a{
	display:block;
	font-size:1em;
	padding:12px 0px 12px 55px;
	color:#0b2739;
	text-decoration:none;
}

.menuList li.sec ul{
	display:none;
	margin-left: 250px;
    margin-top: -47px;
    position: absolute;
    BORDER: 1px solid;
}
#pagemenu{ display:none;}
.del_icon{
	display:none;
	width:23px;
	margin-right:5px;
	margin-left:5px;
	height:23px;
	margin-top:1px;
	float:left;
}
.del_icon2{
	display:none;
	width:23px;
	margin-right:5px;
	margin-left:5px;
	height:23px;
	margin-top:8px;
	float:left;
}
.pad22{
	padding-left:22px;
}
#closeIcon{ display:none;}
.blue{
	color:#0c52d1;
	font-size:0.8em;
	text-align:center;
	float:left
}
.blueLink{
	color:#0c52d1;
	font-size:1em;
	float:left;
}
.blueLink a{
	text-decoration:none;
	color:#0c52d1;
}
.topTab{
	width:100%;
	float:left;
}
.bottomTab{
	width:100%;
	float:left;
}
.side{
	width:16.5%;
	height:auto;
	margin-right:10px;
	margin-bottom:8px;
	margin-top:5px;
	float:left;
	text-align:left;
}
.side2{width:30%;
	height:auto;
	margin-right:10px;
	margin-bottom:8px;
	margin-top:5px;
	float:left;
	text-align:left;
}
.sideActivar{
	width:10%;
	float:left;
	
}

.grayBorder{
	background:#CCC;
	width:90%;
	margin-left:5px;
	float:left;
	margin-bottom:12px;
	margin-top:12px;
	padding:22px;
}
/*-----------------------JQUERY
--------------------------*/
#qaContent {
	width: 100%;
	float:left;
	margin-bottom:20px;
}

#qaContent ul.accordionPart {
	margin: 10px 5px;
}
#qaContent ul.accordionPart li {
	border-bottom: solid 1px #b1b1b2;
	background:#ececec;
	padding-bottom:8px;
	padding-top:9px;
	margin-top: 1px;
}
#qaContent ul.accordionPart li .qa_title {
	/*background: url(icon_q_a.gif) no-repeat 0px 3px;*/
	padding-left: 28px;
	font-size:1.2em;
	font-family: 'OnAir';
	font-weight: 600;
	cursor: pointer;
}
#qaContent ul.accordionPart li .qa_title_on {
	text-decoration: underline;
}
#qaContent ul.accordionPart li .qa_content {
	margin: 6px 0 0;
	/*background: url(icon_q_a.gif) no-repeat 0px -24px;*/
	padding-left: 28px;
	padding-top:12px;
	padding-bottom:8px;
	font-size:0.9em;
	background:#fff;
}
#fin{ display:none;}
.fin_item{
	position:absolute;
	z-index:999;
}
.fin_item ul{
	background:#e5e5e5;
	border:1px solid #d3d3d3;
	width:auto;
	height:auto;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-wekit-border-radius:3px;
	-ms-border-radius:3px;
	padding:4px 2px;
}
.fin_item li{
	width:150px;
	text-align:left;
	padding:2px 4px;
	background:#fff;
	border:1px solid #d3d3d3;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-wekit-border-radius:3px;
	-ms-border-radius:3px;
	margin:2px 4px;
}
.fin_item li a{
	color:#999;
	text-decoration:none;
}
.fin_item li a:hover{
	color:#333;
}
.finBox{
	background:rgba(220, 220, 220, 0.8);
	position:absolute;
    width: 42%;
    margin-left: 25%;
    margin-right: 25%;
    margin-top: 9%;
	z-index:999;
    padding: 2%;
}
.finBox_fix{
	background:rgba(220, 220, 220, 0.8);
	position:fixed;
	width:60%;
	z-index:999;
	padding:35px;
	left:20%;
    bottom:40%;
}
.finBox2{
	display:none;
	background:rgba(220, 220, 220, 0.8);
	position:absolute;
	width:60%;
	margin-left:15%;
	margin-right:15%;
	margin-top:8%;
	z-index:9999;
	padding:5%;
}
/*----multiple lagrange start here----*/
#M_lang_item{ display:none;}

.M_lang_item{
	position:absolute;
	z-index:999;
}
#M_languages{
	z-index: 99999;
	position: absolute;
	top:70px;
	left:80%;
}
.btn_M_languages{
	cursor:pointer;
	font-size:18px;
    list-style:none;
	width:150px;
	text-align:left;
	padding:5px 15px;
	background:#fff;
	color:#009ae0;
	border:1px solid #d3d3d3;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-wekit-border-radius:3px;
	-ms-border-radius:3px;
	margin:2px 4px;
}
.M_lang_item ul{
  	position:relative;
  	top:-6px;
  	left:-2px;
	width:auto;
	height:auto;
	padding:5px 2px;
}
.M_lang_item li{
	font-size:18px;
    list-style:none;
	width:120px;
	text-align:left;
	padding:5px 15px;
	background:#fff;
	border:1px solid #d3d3d3;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-wekit-border-radius:3px;
	-ms-border-radius:3px;
	margin:2px 4px;
}
.M_lang_item li{
	cursor:pointer;
	color:#999;
	text-decoration:none;
}
.M_lang_item li:hover{
	color:#00a9e0;
}
/*----multiple lagrange end here----*/
#tab1,#tab2,#tab3,#tab5{
	display:none;
}
.leftBtu2{
	float:left;
	width:150px;
	height:auto;
	text-align:center;
	margin:2% auto;
}
.rightBtu2{
	float:right;
	width:150px;
	height:auto;
	text-align:center;
	margin:2% auto;
}
.finBox .leftBtu2 .checkBtu2, .finBox .rightBtu2 .checkBtu2,
.finBox .leftBtu .checkBtu, .finBox .rightBtu .checkBtu,
.finBox .rightBtu2{
width: 176px; min-width:176px}

.tabcontrol2{top: -175px;}
#info2 .topTab,#info3 .topTab{
	display:none;
}
#re,#re2,#re3{ display:none;}
#ImgS,#ImgM{ display:none;}
.changBtu{
	width:45px;
	height:45px;
	cursor:pointer;
	float:left;	
}
.pageNow{
	width:auto;
	padding:0px 10px;
	font-family:1.2em;
	line-height:45px;
	float:left;
}
.ui-switchbutton label.ui-switchbutton-enabled span{color:#FFFFFF}

.i_interNet:before, .i_router:before {
    height: 21px;
    display: inline-block;
    border-left: 3px solid #000;
	position:relative;
    top: 49px;
    left: 27px;
    margin-left: 0px;
    content: "";
}
.artBox_nM.i_router, .artBox_nM.i_interNet {
    padding-bottom: 20px;
}
.i_router img, .i_interNet img {
    left: -5px;
    position: relative;
}
.cssTdVertical::before {
    border-left: 3px solid #000;
    position: relative;
    top: -30px;
    left: 55px;
    height: 30px;
    content: "";
    display: block;
}

.cssTdVertical {
    display: block;
    max-width: 110px;
    min-width: 110px;
    height: auto;
	text-align:center;
    padding: 5px;
}
.imgLink.black2 {
	display:block;
    cursor: context-menu;
    font-size: 15px;
    word-wrap: break-word;
}
.cssTr .cssTdVertical:nth-child(n+7)::after, .cssTr .cssTdVertical:nth-child(n+7)::before {
	display:none;
}

.cssTdVertical::after {
    border-top: 3px solid #000;
    position: absolute;
    top: -15px;
    margin-left: -117px;
    width: 120px;
    content: "";
}
.cssTdVertical img{top: -11px; position: relative;}
.cssTdVertical:first-child::after{border-top: 3px solid #000;position: absolute; top: -15px; margin-left: 0px; width: 120px; content: "";}
.cssTdVertical:last-child::after{border-top: 3px solid #000;position: absolute; top: -15px; margin-left: -117px; width: 120px; content: "";}
.cssTdVertical:only-child::after{display: none;}

.i_router, .i_interNet { text-align: center;}
.tabBorder_45 .tabInput8 input.checkBtu3 {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	width:100%;
}
.tabBorder_45 .tabInput9 input.chooseBox,
.tabInput2 input.chooseBox[type="text"]{border-top-left-radius: 0px;border-bottom-left-radius: 0px;cursor: default;}
input#ssidname[type="text"]{border-radius: 4px;}
.icon_eye {
    width: 30px;
    height: auto;
    display: block;
	float: left;
    margin-left: 5px;
    padding-top: 5px;
}





/*
---Mobile style------------------------------------------------------------------
*/
@media screen and (max-width: 767.98px) {
	.icon_eye {
        float: right;
        top: -38px;
        position: relative;
        left: 2px;
}
	.sampleImg{
		background: url(../img/u13s.png) no-repeat 50% 50% #ffffff;
        min-height: 210px; padding: 20px 0; width: 100%; margin-bottom: 0px;}
	.tabID3{width:100%}
	.tabBorder_100 .side .topTab{min-height:20px}
	.tabBorder_100 .sideActivar .topTab {min-height: 18px;}
	.mainBorder_deviceinfo { margin-top: 0px;}
	.FLOATBOX:nth-child(odd), .FLOATBOX:nth-child(even) {margin: 2% 1% 2% 1%;}
	#wanInfotable_div {	width: 100%;margin: 2% 1% 2% 1%;}
	.FLOATBOX .artBox{padding-bottom:10px}
	.logoBox_in {
		left: 0;
		margin-left: 10px;
		width: auto;
		position: absolute;
		top: 0;
		z-index: 10;
}
	input[type="radio"] {margin:8px 10px 8px 2px; transform: scale(1.4);}
	input[type="checkbox"]{transform: scale(1.4);position: relative;top:2px}
	span.sub {font-size: 1.1em;}
	#qaContent ul.accordionPart {margin: 0px;}
	.loginInfo{width:75%}
	.u15 {	padding: 18px 5px 25px 125px;}
	.top_info ul {width: 100%;margin-top: 20px; }
	.top_info, .markBg {padding-bottom: 20px;font-size: 14px;}
	.top_info li {width: 40%; word-break: break-word; margin: 1% 3%;display: inline-flex; min-height: 50px; padding: 5px;}
	#home{ margin-top: 0px; margin-left: 0px;margin-bottom: 0px;float: right;}	
	.tabInput6 {width: 50%;}
	.tabInput5{width:50%;}
	.tabInput4{ top: 4px;margin-top: 40px;}
	.grayBorder {width: auto;margin-left: 0px;}
	.tabBorder_44, .tabBorder_45, .tabBorder_45 .tabID3, .tabInput7{width: 100%; margin: 2px 0px}
	.tabBorder_45{ margin: 2px 0px;padding-top:30px}
	.tabBorder_45 .tabInput8{width:60%}
	.tabBorder_45 .tabInput9{width:40%}
	.tabInput7 .checkBtu4 {width:100%; margin-top:10px;}
	.artBox_nM .tabcontrol {margin-top:15px;}

	.bottomTab input[type=text]{padding: 1% 1.5%; width:100%}
	.bottomTab .chooseBox_select{padding: 1% 1.5%; width:100%}
	.sideActivar {width: 100%;float: left; margin-right: 5px;margin-left: 0px;margin-bottom: 8px;margin-top: 5px;}
	.sideActivar .topTab {height: auto; padding:10px 0 0 0;margin:0;}
	.sideActivar .bottomTab{margin-top:10px;}
	.side .topTab{height:auto;padding: 10px 0;}
	#info2, #info3 {display: none}
	.tabInput select{height:37px;top: 0px;position: relative;}
	.tabcontrol3 {padding-left:0px;	}
	#cont {padding-bottom: 100px;}
	.tabID, .tabID2, .tabInput, .tabID_10, .checkBtu, .checkBtu2, .tabBorder_70,
	.tabBorder_56,
	.tabBorder, .side, .side2, .tabBorder_46, .leftBtu2, .rightBtu2, .rightBtu, .leftBtu,.FLOATBOX .tabBorder span{margin:0;width: 100%;min-width: 130px;line-height: 1.1em;padding: 2px 0;}
	.sep.leftBtu, .sep.rightBtu{width:47%;}
	.rightBtu input[type="button"]{float: initial;}
	.wrmBox{margin-left:0px;}
	.tabInput2 {width: 100%; float: none;}
	.locationTitle_deviceinfo{font-size: 1.1em;}
	.tabBorder_nM .tabcontrol2 {left: 100%;	top: -32px;	}
	.tabBorder_nM, .tabBorder, .tabBorder_46{padding-bottom:15px; margin: 5px 0px;padding:0px;width: 100%;}
	.markBg input#accept_icon{width:100%}
	.tabInput2 input[type="password"], input[name="wifiPass"]{width:90%}
	.finBox{ margin-top: 20%; margin-left: 5%; margin-right: 5%;padding: 5%; width: 80%; position: absolute;}
	.finBox .checkBtu2, .finBox .checkBtu2{padding:0 4px;width: 100%!important;text-align: center;margin: 0 auto;}
	.checkBtu, .checkBtu2, .checkBtu3, .checkBtu4{min-width: 65px;}
	.finBox .leftBtu2 .checkBtu2, .finBox .rightBtu2 .checkBtu2,
	.finBox .rightBtu2 { width: 65px;min-width: 65px;}
	.finBox .leftBtu .checkBtu, .finBox .rightBtu .checkBtu{ width: 65px;min-width: 100%;}
	.finBox .leftBtu2, .finBox .rightBtu2, .finBox .leftBtu, .finBox .rightBtu{width:46%}
	.tabInput select{height:37px; width:100%;padding: 0 5px;}
	.tabBorder .tabcontrol2 .checkBtu {
	width:100%;
		position: relative;
		margin: 4% 0 0 0;
		left: 0;
		top: 0px; 
}
	.tabBorder_100{width:100%;margin:0 0;line-height: 1.1em;}
	.tabBorder_100 .side{margin-right:0;margin-left:0;line-height: 1.1em;}
	.tabBorder_70{float: initial;line-height: 1.1em;}
	.tabBorder_20 {
        position: static;
	width:100%;
	text-align:center;
        padding: 0px;
        margin: 0px;
        margin-top: 40px;
}
	.u31 {
		width: fit-content;
		padding-left: 15px;
		padding-right: 15px;}
	.u15 {width: fit-content;}
	.tabInput .tabInput5 .checkBtu, .tabInput5 .checkBtu {
		padding: 0 15px!important;
		border-radius: 6px 0 0 6px!important; font-size:16px;font-weight: 300;}
	.tabInput .tabInput2 #textfield{width:49%}
	.del_icon_top{
		left: -3px;
		top: 4px;
		position: relative;}
	.del_icon2{
		left: -3px;
		top: 4px;
		position: relative;	}
	.top_LLBox {
		position: absolute;
		left: 0;
		top: 0;
		width: 98%;
		margin: 1%;
		border: 0px solid #50535a;
	}
	.mainBorder .top_LLBox{top:0px;width:100%}
.menuList{
	width:100%;
		margin-top: 46px;
		margin-left: 0px;
	height:auto;
	z-index:999;
	position:absolute;
		border-top: 1px solid #606060;
}
	.menuList ul {width: 100%;margin-top:0px;}
.menuList li a{
		font-size: 20px;
		width: 95%;
		padding: 2.5% 0% 2.5% 5%;}
	.menuList li {
		border-bottom: 1px solid #50535a;
		width:100%;padding:0;
}
	.menuList li.sec ul li {
		padding-left: 0px;
		border-bottom: 1px solid #50535a;
		width:initial;
}
	.menuList li.sec ul li a{ padding-left:15%}
	.mainBorder .top_LLBox > .menuList li.sec ul,
.menuList li.sec ul{
	display:none;
	float:left;
		margin-left: 0;
		margin-top: 2px;
	position:static;
	margin-bottom:12px;
		border-top: 0px solid #333333;
		border-left: 0;
		border-bottom: 0;
		border-right: 0;
		background: #ffffff;
		width: inherit;
}
	.toptitle2{display: none;}
	.items{position:absolute;top:50px;left:calc(100% - 120px);z-index: 555;  margin-top:5px;}
	.top_info .items {top: 48px;left: calc(100% - 120px);}
	.topBorder .toptitle, .toptitle {
		font-size: 22px;
		width: 96%;
		top: 42px;
	float:left;
		text-align: left; z-index: 6;
		position: absolute; margin: 0 0 0 12px;
	}
	.fin_item {width: 65%;top: 125px;}
	.fin_item li a {font-size: 22px;}
	.fin_item li{ margin:2px 0px; width:auto;font-size:20px;}
	span.blueLink {margin: 20px 0}
	.layout .mainBorder, .mainBorder {
		width: 96%;
		height: 100%;
		margin: 0 auto;
		padding: 0;
		display: block;
		position: relative;
		left: 0;
		top: 0;
		font-size: 16px;
	}
	.layout .tabInput {	width: 100%;}
	input.txtBox{width: 100%!important;}
	input.sendBtu {
		width: 100%!important;
		margin-top: 12px!important;
	}
	#info2,#info3{ display:none;}
	.logoBox_in img {width: 80%; height: auto;}
	.layout .logoBox_in img {width: 50px; position: relative}
	.top_LBox {
		width: 98%;
		margin: 6px 1% auto 1%;
		float: left;
		text-align: center
	}
	.mainBorder .logoBox_in {z-index: 11;top: 0px;}
	.layout .logoBox_in {left: 0px;width:98%}
	.layout .top_RBox {
	width:100%;
		margin: 0;
		float: right;
		text-align: center;
}
	.layout .toptitle {
		line-height: 1.4em;
		font-size: 24px; 
		padding-top:0px;
		position: relative;
		left: 0px;
}
	.topBorder {
		padding-bottom:0px;
		height:80px
	}
	.locationTitle {margin-top: 10px;font-size: 1.2em;}
	.mainBorder .locationTitle:first-child,
	.mainBorder > .locationTitle:nth-of-type(1) {margin-top:10px;}
	.layout .artBox, .artBox {
		padding: 10px 2%;
		padding-bottom: 30px;
		width: 96%;
	}
	.layout #pass, .layout #pass:focus{height: 40px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-right: 1px solid #019df4;}
	.layout #pass{border-right: 1px solid #adadad;}
	.layout .tabID{width:100%}
	.layout input.sendBtu2 { width:100%;height: 40px;font-size: 22px;border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;}
	.artBox_nM {padding: 2px 3%;padding-bottom: 30px;}
	.layout .footerBorder {
		width: 98%;
		padding: 0 1%;
		position: absolute;
		bottom: 0;
		background: #fff;
		height: 80px;
		line-height: 5px;
		font-size: 1em;
		color: #50535a;
		z-index: 10005;
	}

	.footerBorder {	height: 88px;}
	.footerBorder ul {
        top: 45px;
        display: inline;
        left: 0px;
        width: 100%;
        text-align: left;
	}
	.footerBorder ul li{
		line-height: 8px;
        padding: 5px 0 0 15px;
        display: block;
        height: 15px;}
	.footerBorder .logo {
		position: relative;
		display: block;
		clear: left;
	float:left;	
		margin-top: 8px;
		width: 97%; margin-left: 2%;
}
	.layout .footerBorder .logo {float: left; left:0; background-size:auto; top:2px;}
	.layout .footerBorder ul {
		top: 50px;
        left: 3%;
        width: 94%;
	}
	.layout .footerBorder ul li.first {
	width:auto;
		line-height: 1em;
		padding:0;
		border-right: 0px solid #50535a;
		display: inline;
}
	input[type=text], textarea, select {font-size: 1em;}
	.artBox_nM.i_router, .artBox_nM.i_interNet {text-align: left;}
    .i_router:before{  height: 45px;  top: 78px;}
	.cssTr{ flex-direction: column;flex-wrap: nowrap;width:90%;max-width:95%}
	.cssTdVertical {text-align: left;}
	.cssTdVertical::after{position: absolute;left: 128px;margin-left:-100px;width: 22px;display: initial;	content: "";top: inherit;}
	.cssTdVertical:first-child::after{position: absolute;left: 28px;width: 22px;display: initial;content: "";top: inherit;}
	.cssTdVertical:last-child::after{position: absolute;left: 144px;width: 22px;display: initial;content: "";top: inherit;}
	.cssTdVertical:only-child::after{top: 20px}
	.cssTdVertical:only-child::before{display: none;}
	.cssTdVertical:last-child::before {	top: -1px;}
	.cssTr .cssTdVertical:nth-child(n+7)::after, .cssTr .cssTdVertical:nth-child(n+7)::before{display:inline-block}
	.cssTdVertical{max-width:90%;min-width:90%;margin: 0 0 0 50px; height: 76px;}
	.cssTdVertical::before{ position: absolute;	top: inherit;height: 89px;left:27px}
	.cssTdVertical img.imgLink{display:inline-block; top: -21px;position: relative;}
	.cssTdVertical span.imgLink.black2{display:inline-block;vertical-align: top;margin-bottom:0;width: 70%;top: -10px;position: relative;padding-left: 10px}
	#home{ margin-top: 0px; margin-left: 0px;margin-bottom: 0px;float: right;}	
}





/*
---Tablet style---
*/
@media screen and (min-width: 768px) and (max-width: 991.98px) {
	.mainBorder {
        width: 88%;
    }
	.sampleImg {
		background-size: contain;
		width: auto;
		height: 179px;}
	.mainBorder_deviceinfo {margin-top: 60px;}
	.tabBorder_44, .tabBorder_45 {width: 100%;}
	.FLOATBOX {	display: contents}
	.footerBorder .logo {
		background: url(../img/telflogo.png) no-repeat left 2px;
		height: 42px;
		margin-top: 13px; margin-left:2%;}
	.tabBorder_nM .tabcontrol2 {
		width: 25px;
		height: 25px;
		position: absolute;
		left: 98%;
		top: -84px;
	}
	.footerBorder ul {right:0;}
	.top_info li {width: 43%;}
	.menuList ul {margin-top: 0px;}
	.menuList{border-top: 1px solid #50535a}
	.fin_item li{margin:2px 15px;}
	.layout input.txtBox {height: 47px;width: 78.5%;}
	.items{position: absolute; left: calc(100% - 120px); top:45px;}
	.logoBox_in{height:42px;width:70px;overflow:hidden; }
	.logoBox_in img{height:42px; width:auto}
	#menu{ display:none;}
	.top_LBox{ width:auto; margin:12px 1% auto 3%; text-align:center; float:left;}
	.topBorder .toptitle, .toptitle{ width:auto; margin:auto 3%; float:right; padding-top: 0px;font-size: 36px;}
	.top_LLBox{ width:48px; margin:0; float:left; position: relative; left: 30px; top:70px;}
	.mainBorder .top_LLBox{width:51px; margin:0; float:left; position: relative; left:0px; }
	.top_info .items{right: 1%;	}
	
	.top_CBox{ width:30%; margin:10px 2% auto 2%; float:right;}
	.top_RRBox{width:auto; margin: 0px; position: absolute;left: 15px;top: 12px;}
.topBorder{height:65px;}
input.txtBox2{width:100%;}
	input.sendBtu2{width:100%; }
	.toptitle{line-height:1.8em;font-size:1.4em;}
.footerBorder{height:auto;}
	#home{width:43px;height:40px;}
	.locationTitle {margin-top: 58px;}
#home img{width:40px; height:40px;}	
.top_info ul{width:96%;margin-left:2%;margin-right:2%;}
.top_info li{width:22%;margin:1% 1%;}
	.chooseBox{	width:100%;}
#menu{ display:none;}
	.menuList{margin-top:45px;}
.u15{padding-top:20px; min-height:90px;}
.tabID_35{width:25%;}
.tabID_10{width:30%;}
	.tabBorder_46{width: 94%;}
.tabID_10{width:100%;}
.tabInput3{/*for_reson*/width:60%;}
	.side, .side2 { width: 16%;}
#ImgM{ display:block;}
#ImgL,#ImgS{ display:none;}
	.layout .mainBorder{
		width: 100%;
	position:relative;
        display: contents;
        height: 400px;
        left: auto;
        top: 0px;
        margin-top: 90px;
        margin-left: 0px;
}
	.finBox{
        margin-top: 16%;
        margin-left: 15%;
        margin-right: 15%;
        max-width: inherit;
        padding: 5%;
        width: 60%;}
	.leftBtu, .leftBtu2, .checkBtu2, .checkBtu{	text-align:center;}
	.finBox .checkBtu2 {
		float: none;
		padding: 0 4px;
		width: 80%;
	text-align:center;
		margin: 0 auto;
}
	.tabInput{width:55%;float:left;}
}
/*
---L style---
*/
@media screen and (min-width: 992px) and (max-width: 1336px) {
#menu{height:35px; line-height: 34px;}
#home {width: 40px; height: 35px;}
#home img{position: relative;top:-5px;left:-3px}
.top_LBox{ width:10%; margin:auto 2%; float:left;}
.top_RBox{ width:60%; margin:0 2%; float:right;}
.top_LLBox{ 
	width: 200px;
	margin: 0;
	float: left;
	position: absolute;
	left: 5%;
	top: 70px;}
.top_CBox{ width:60%; margin:auto 2%; float:right;}
.top_RRBox{ width:19%; margin:auto 2%; float:left; text-align:left;}
.logoBox_in{height:48px;width:48px;margin-top:10px;left: 0; position: absolute;}
.logoBox_in img{height:48px;width:64px;}
.i_labelImg{background:url(../img/u13.png) no-repeat center center;}
.top_info ul{width:86%;margin:0 auto;margin-top:60px;}
.top_info li{width:25%;margin:1% 3%;}
.tabID{width:40%;clear:right;}
.tabID2{width:39%;}
.tabInput{width:55%;float:left;}
.chooseBox{width:100%;}
.u15{padding-top:25px;min-height:85px;}
.tabID_35{width:27%;}
.tabID_10{width:18%;}
.side,.side2,.sideActivar{font-size:0.7em;}
.side{ width:15%;}
.side2{ width:30%;}
.layout .mainBorder{top:34%;}
.mainBorder{width:90%;}
.top_info .items, .items{position: absolute;left: calc(100% - 120px);top: 50px;}
.tabBorder_56, .tabBorder_40{width: 100%;}
}

