@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,400,600,700,800);
@import url('https://fonts.googleapis.com/css?family=Exo:200,400,500');


/* @import url('nav.css');*/


html, body{ height:100%;}
body{ padding:0; margin:0; color:#666666; font:normal 13px/20px Arial, Helvetica, sans-serif; background:#000;}

div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, img, br, input, textarea, label { padding:0; margin:0; }

a, input { text-decoration:none; outline:none;}

img {border:0; outline:none;}

ul{list-style-type:none;}
	
*:focus{ outline:none;}	
*, ::after, ::before {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}
input, textarea { background:transparent; padding:0px 0 0px 0; border: 0; width: 100%;}
.radiocheck input[type="checkbox"] {
	width: auto;
}
.border{border:1px solid #669cff}

.clear{clear:both; line-height:0 !important; font-size:0 !important; height:0px !important;}

.left{ float:left;}
.right{ float:right !important;}
.block{ display:block;}
.inlineblock{ display:inline-block;}
.relative{ position:relative}
.absolute{ position:absolute;}
.bdrT{border-top:1px solid #dadada;}
.bdrB{border-bottom:1px solid #b5b5b5;}

.text{ font-family: 'Open Sans', sans-serif; font-size:18px; color:#536e00; font-weight:600;}
.text2{color: #598103; font: bold 14px Tahoma, Geneva, sans-serif;}

.link{ color:#f8931d; font:normal 12px/18px Tahoma, Geneva, sans-serif; text-decoration:underline;}
.link:hover{ text-decoration:none;}
.link3{ color:#598103; font:normal 12px/18px Tahoma, Geneva, sans-serif; text-decoration:none;}
.link3:hover{ text-decoration:underline;}
.pdfLink{ background:url(../images/pdfIcon.gif) no-repeat 0 0; padding:7px 0 8px 30px; color:#000; font:normal 12px/18px Tahoma, Geneva, sans-serif; text-decoration:none;}
.pdfLink:hover{ text-decoration:underline;}

.transition{-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.transition2{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/*  -webkit-transform: scaleX(1); transform: scaleX(1);
-webkit-transition-delay:0.5s;  transition-delay:0.5s;
 */
/*------------------------------------------------------------------*/


.loginCenter{ max-width:1058px; width:95%; margin:0 auto; background:rgba(0,0,0,0); height:100%; position:relative; vertical-align:middle;}
.loginCenter:after{content:''; vertical-align:middle; height:100%; width:1px; display:inline-block;}

.introText{padding:175px 0 0px; font-family: 'Exo', sans-serif; text-transform:uppercase; color:#FFF;  position:relative; /*top:10%; left:0; */ display:inline-block; vertical-align:middle; margin-top:-70px; text-align:left; width:60%; }
.introText:after{content:''; height:345px; width:1px; position:absolute; left:0; bottom:0; background:url(../images/sep.png) repeat-y 0 0; z-index:3; }
.introText strong{font-weight:200; font-size:50px; line-height:50px; display:block; display:block; margin-bottom:40px; padding-left:40px; position:relative; z-index:2;}
.introText strong span{ position:absolute; left:-20px; top:-10px; height:135px; width:50px; background:url(../images/welcomBg.png) no-repeat 0 0; font-size:10px;}
.introText strong span:after{content:'Welcome to the'; position:absolute; left:-40px; top:33px; height:50px; width:135px; transform:rotate(-90deg); font-size:10px; color:#000; font-family: 'Exo', sans-serif; text-transform:uppercase;font-weight:500; font-size:12px;}
.introText h1{font-weight:500; font-size:60px; line-height:60px; position:relative; padding-left:40px;}
.introText h1:after{ content:''; position:absolute; left:0px; top:6px; height:55px; width:5px; background:#ffc600;}

.logineBox{ position:absolute; top:-70px; bottom:0; right:0; margin:auto; width:355px; height:470px; background:#FFF; border-radius:5px; overflow:hidden; z-index:2;text-align:center;-webkit-box-shadow: 1px 3px 18px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 3px 18px 1px rgba(0,0,0,0.75); box-shadow: 1px 3px 18px 1px rgba(0,0,0,0.75);}
.logineBox:before{ height:5px; content:""; width:100%; background:#ffc600; display:block; margin-bottom:45px;}

.logineBox h2{font-family: 'Open Sans', sans-serif; font-size:17px; color:#000; font-weight:600; text-transform:uppercase; letter-spacing:2px; margin-bottom:45px;}
.logineBox h2:after{content:''; display:block; width:110px; margin:0 auto; border-bottom:2px solid #000; padding-top:10px; margin-bottom:10px;}

.id_pass{ max-width:262px; width:95%; height:300px; margin:0 auto; overflow:hidden; position:relative;}
.id{ position:absolute; left:0; top:0; width:100%; height:100%;}
.id_deseble{ opacity:0;}
.id span{ display:block; width:100%;}

.pass_captcha{-webkit-transform: translateX(100%); transform:translateX(100%);}
.pass_captcha_active{-webkit-transform: translateX(0); transform:translateX(0);}
.pass_captcha strong{ display:block; width:100%; height:70px; position:relative; text-align:left;}
.pass_captcha strong a.reset_captcha{ position:absolute; right:0; bottom:43px;  height:25px;  background: url(../images/refresh.png) no-repeat 0 50%; font-size: 11px;  padding-left:20px; font-weight: 400; line-height: 27px; color:#666;}

.submitBtn{}
.reset_pass{ position:absolute; left:0; bottom:20px; width:100%; font-size:12px;}
.reset_pass a{color:#0084ff;}

.btn {background: #ffc600; padding: 0px 15px; display: inline-block; border-radius:4px; text-align: left; color: #000; line-height: 38px; height:38px; display:block; padding-right:35px; position: relative; cursor:pointer; font-weight:400; font-size:14px;}
.btn:after { width:28px; height:12px; position: absolute; z-index: 1; right:10px; top:14px; content: ""; line-height: 38px; display: block; background: url(../images/arrow2.png) 100% 50% no-repeat; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 0.5s ease; }
.btn:hover:after {background:url(../images/arrow2.png) 0 50% no-repeat;}
.btn input{ border:none; width:100%; position:absolute; left:0; top:0; height:100%; background:transparent; text-align:left; cursor:pointer; padding-left:20px;}

input:focus ~ label, textarea:focus ~ label, input:valid ~ label, textarea:valid ~ label {font-size: 11px; color:#999; top:-15px; -webkit-transition: all 0.125s ease; transition: all 0.125s ease;}
.styled-input {width: 100%; margin:10px 0 20px; position: relative;   border-bottom:1px solid #000; padding:3px 0;}
.styled-input label {font-size:12px; color: #000; position: absolute; top: 0; left: 0; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; pointer-events: none;}

.footer{ height:70px; background:#000; position:absolute; left:0; bottom:0; width:100%; font-size:11px; color:rgba(255,255,255,0.6); padding:25px 0 0 2%;}


/*********** home page **************/

.wraper{ height:100%; width:100%; position:relative; overflow:hidden;}
.wraper.tlr195{ padding-right:195px;}
.wraperBg{ background:url(../images/bg.jpg) no-repeat 50% 50%; background-size:cover; overflow:auto;}
.leftPanel{ position:absolute; height:100%; width:195px; background:#dc1f1f; left:0; top:0;}
.topPanel{ height:117px; background:#FFF; position:relative; z-index:2;}
.highlightPanel{ position:absolute; height:100%; width:225px; background:rgba(0,0,0,0.5); right:0px; top:117px; border-left:1px solid #564f4e;}
.hlpActiv{ right:195px;}
.highlightPanel li{ height:25%; border-bottom:1px solid #564f4e; vertical-align:middle; text-align:center;}
.highlightPanel li:after{ display:inline-block; vertical-align:middle; content:'';  height:100%; width:1px; margin-left:-4px;}
.highlightPanel li div{ display:inline-block; vertical-align:middle; margin-left:-4px; width:90%; text-align:center;}
.highlightPanel li div strong{ display:block; font-family: 'Exo', sans-serif; text-transform:uppercase; color:#FFF; font-size:36px; font-weight: 200; padding-bottom:15px;}
.highlightPanel li div b{display:block; color:#ffc600; font-size:16px; line-height:20px; font-weight:400; text-transform:uppercase; padding-bottom:5px;}
.highlightPanel li div small{display:block; color:#fafafa; font-size:11px; font-weight:400; padding-top:5px;}

.highlightPanel li div article{ display:block; border-bottom:1px solid #555;}
.highlightPanel li div article:last-child {border-bottom:0px solid #555;}
.highlightPanel li div article:after{ clear:both; content:''; display:block;}
.highlightPanel li div article strong{ display:block; font-size:30px; padding-bottom:0px; float:left; width:40%; padding:10px 0; border-right:1px solid #555; margin-right:-1px;}
.highlightPanel li div article b{display:block;  font-size:13px; padding-bottom:0px; float:left; width:60%; padding:10px 0; border-left:1px solid #555;}

/*-----nav close button start----*/
#mob_trigger{ display:block; position:absolute; left:0px; top:0px; width:90px; height:100%; cursor:pointer; padding:0px 30px; z-index:12; vertical-align:middle;}
#mob_trigger .lines { display: inline-block; width:27px; height:3px; background: #7e7e7e; border-radius:0; transition: 0.3s; position:absolute; top:50%; margin-top:-2px; }
#mob_trigger .lines:before,
#mob_trigger .lines:after { display: inline-block; width:27px; height:3px; background: #7e7e7e; border-radius:0; transition: 0.3s; position: absolute; right: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }

#mob_trigger:hover .lines { margin-left: 10px; }
#mob_trigger:hover .lines:before,
#mob_trigger:hover .lines:after { right:10px; }
#mob_trigger .lines:before { top: 5px; }
#mob_trigger .lines:after { top: -5px; }
/* #mob_trigger.close span.lines { background: transparent; }
#mob_trigger.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
#mob_trigger.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
#mob_trigger.close .lines:before,
#mob_trigger.close .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width:27px; } */
/*-----nav close button end----*/

.leftPanel .footer{ background:none; padding:0 30px;}

.adminContWraper{ background:#eaeaea; overflow:auto; padding:50px 5%;}
.dasbordCont{ height:100%; vertical-align:middle; text-align:center; padding:0 !important; overflow:hidden !important; background:transparent !important;}
.dasbordCont:after{ display:inline-block; height:100%; width:1px; content:''; vertical-align:middle;}
.dasbordCont .introText{ margin-left:-225px;}

.logoPanel{ padding:25px 0; text-align:center; height:117px; }
.logoPanel img{ padding-bottom:10px;}
.logoPanel span{font-size:12px; color:#FFF; line-height:15px; display:block; }

.leftNav{border-top:1px solid rgba(255,255,255,0.3);}
.leftNav li{ border-bottom:1px solid rgba(255,255,255,0.3); position:relative;}
.leftNav li:after{ content:''; display:block; position:absolute; top:25px; right:15px; width:4px; height:5px; background:url(../images/bullet.png) no-repeat 0 100%;}
.leftNav li a{ display:block; font-size:12px; font-style:italic; padding:20px 30px 20px 20px; color:#f1b8b8; line-height:15px; text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);}
.leftNav li.leftNavActive a{ color:#FFF;}
.leftNav li.leftNavActive:before{ content:''; display:block; position:absolute; top:0px; left:0px; width:3px; height:100%; background:#ffc600;}
.leftNav li.leftNavActive:after{background:url(../images/bullet.png) no-repeat 0 0;}

.topSec_1{ height:50%; background:#f4f4f4; position:relative;  border-bottom:1px solid #e0e0e0;}
.topSec_2{ color:#888; height:50%; padding:10px 0 0 30px;  border-bottom:1px solid #e0e0e0;}
.topSec_2 h2{ font-size:18px; font-weight:400; }
.topSec_2 span{ font-size:11px; font-weight:300; font-style:italic;}

.topLinks{ float:right; height:100%; position:relative; width:280px;}
.topLinks.tlr195{ margin-right:195px;}
.topLinks:after{content:''; display:block; clear:both;}
.topLinks > a{ float:left; border-left:1px solid #e0e0e0;  height:100%; position:relative;}
.notification{ cursor:pointer; width:70px;}
.notification:after{content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:29px; height:29px; background:url(../images/icon.png) no-repeat 0 0; z-index:1;}
.notification span{display:block; position:absolute; left:20px; top:-10px; right:0; bottom:0; margin:auto; width:20px; height:20px; background:#C00; border-radius:50%; z-index:2; text-align:center; line-height:20px; color:#FFF; font-size:10px;}
.administrator{ position:relative; padding:0 20px;}
.administrator > span{ display:block; width:100%; height:100%; position:relative; padding:12px 0 0 40px; font-size:11px; font-weight:300px; color:#888; line-height:16px; cursor:pointer;}
.administrator > span:after{content:''; display:block; position:absolute; left:0; top:50%; margin-top:-15px; width:29px; height:29px; background:url(../images/icon.png) no-repeat 100% 0; z-index:1;}
.administrator > span b{ display:block; padding-right:20px; font-size:12px; background:url(../images/down-arrow.gif) no-repeat 100% 50%; }

.adminCont{background:#FFF; -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1); box-shadow: 0px 6px 10px -5px rgba(0,0,0,0.1); border:1px solid #dddddd;}
.adminCont:before{ height:5px; content:""; width:100%; background:#ffc600; display:block; margin-bottom:35px;}

.cont_uploader{ padding-bottom:25px;}
.uploaded_cont{ background:#f7f7f7; border-top:1px solid #ddd; padding:25px;}

.cont_uploader_list{ width:80%; margin:0 auto; max-width:90%; display:flex; flex-wrap:wrap}
.cont_uploader_list li{margin-bottom: 20px; width:33.33%;}
.cont_uploader_list li.fullcol{width:100%;}
.cont_uploader_list li.halfcol{width:50%;}
.cont_uploader_list.col2 li {margin-bottom: 20px;width: 50%;}


.cont_uploader_list li > strong{ display:block; padding-bottom:8px; font-weight:400; font-size:12px; color:#313131;}
.cont_uploader_list li > em{ display:block; padding-top:0px; font-weight:400; font-size:11px; color:#313131;}
.cont_uploader_list li > i{ display:block; padding-bottom:5px; font-weight:400; font-size:11px; color:#d40000;}

.input-select {color: #888888; text-decoration: none; background: #fff; border: 1px solid #E0E0E0; height:40px;  padding-left: 6px;  box-shadow: 0 0 5px #e5e5e5 inset;  border-radius: 5px;}
/*select:focus, .input-select:focus{border: 1px solid #04c1ff; -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1); box-shadow: 0px 6px 10px -5px rgba(0,0,0,0.1);}
select {color: #888888; text-decoration: none; background: #fff url(../images/down-arrow2.png) no-repeat 100% center !important; border: 1px solid #E0E0E0; height: 40px; width: 90%; padding-left: 6px; box-shadow: 0 0 5px #e5e5e5 inset; border-radius: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer;}*/

/* ======data table start=========== */
.pagination {display: inline-block; padding-left: 0; margin:0px 0; border-radius:10px; }
.pagination>li {display: inline;}

.pagination>li>a, 
.pagination>li>span {position: relative; float: left; padding: 8px 12px; line-height: 1.42857143; text-decoration: none; color: #2fa4e7; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px;}

.pagination>.disabled>span, 
.pagination>.disabled>span:hover, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>a, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>a:focus {
color: #999999;background-color: #ffffff; border-color: #dddddd; cursor: not-allowed;}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
z-index: 2; olor: #999999; background-color: #f5f5f5; border-color: #dddddd; cursor: default;}

.btn_view{ display:inline-block; padding-top:20px; position:relative; width:30px; line-height:24px; font-size:12px; color:#000;}
.btn_view:before{content:''; width:24px; height:24px; background:url(../images/icon2.png) no-repeat 0 0; display:block; position:absolute; left:0; right:0; top:0; margin:auto;}
.btn_edit{ display:inline-block; padding-left:28px; position:relative; height:24px; line-height:24px; font-size:12px; color:#000; margin:5px 3px;}
.btn_edit:before{content:''; width:24px; height:24px; background:url(../images/icon2.png) no-repeat -24px 0; display:block; position:absolute; left:0; top:0;}
.btn_delete{ display:inline-block; padding-left:28px; position:relative; height:24px; line-height:24px; font-size:12px; color:#000; margin:5px 3px;}
.btn_delete:before{content:''; width:24px; height:24px; background:url(../images/icon2.png) no-repeat -48px 0; display:block; position:absolute; left:0; top:0;}

.table{width: 100%; max-width: 100%; margin-bottom: 20px; border: 1px solid #dddddd;}
.table td{ border-left: 1px solid #dddddd;  border-bottom: 1px solid #dddddd; padding:8px; text-align:center; }
.table tr td:first-child{border-left: 0px solid #dddddd; }
.table tr:last-child td{border-bottom: 0px solid #dddddd; }
.table thead tr th {border-bottom: 2px solid #dddddd; padding:12px 8px; border-left: 1px solid #dddddd; background:#FFF; }
.table thead tr th:first-child {border-left:0px solid #dddddd; }
.table tr:nth-child(even) td{ background:#FFF;}
.dataTables_wrapper{ width:100%; overflow:auto;}
.table_wrap{}
.table_wrap:after{content:''; display:block; clear:both;}
.table_view{ float:left; width:50%}
.table_view select{ width:60px;}
.table_search{ float:left; width:50%; text-align:right;}
.table_search input{ display:inline-block; color: #888888; text-decoration: none; background: #fff; border: 1px solid #E0E0E0; height: 40px; padding-left: 6px; box-shadow: 0 0 5px #e5e5e5 inset;   margin-bottom: 20px; border-radius: 5px; width:250px;}
.table_totalRecord{}
.table_pagin{ text-align:center;}
/* ======data table end=========== */

.dropmenu{background:#FFF; -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1); box-shadow: 0px 6px 10px -5px rgba(0,0,0,0.1); border:1px solid #dddddd; position:absolute; left:0; top:100%; width:100%; opacity:0; visibility:hidden; transform:translateY(30px); padding:20px;}
.dropmenu_active{opacity:1; visibility:visible; transform:translateY(0);}
.dropmenu:before{ height:5px; content:""; width:100%; background:#ffc600; display:block; position:absolute; left:0; top:0; width:100%;}
.dropmenu.administrator_dd{ left:70px; width:190px;}

.notification_dd ul{}
.notification_dd ul li{ background:url(../images/sep-H.gif) repeat-x 0 100%; padding:0 60px 15px 0; margin-bottom:15px; position:relative; color:#616161; font-size:14px;}
.notification_dd ul li a{ color:#616161;}
.notification_dd ul li:last-child{ background:none; padding:0 60px 0px 0; margin-bottom:0px;}
.notification_dd ul li span{ position:absolute; right:0; top:0; height:40px; width:40px;  background:url(../images/sep-v.gif) repeat-y 0 0; text-align:center; line-height:40px; display:block; font-size:18px; color:#8a8a8a;}
.notification_dd ul li strong{}
.notification_dd ul li em{ display:block; color:#8a8a8a; font-size:13px;}
.notification_dd ul li em b{ display:inline-block; width:20px; height:20px; background:#C00; border-radius:50%; z-index:2; text-align:center; line-height:20px; color:#FFF; font-size:10px; margin-left:10px;}

.administrator_dd ul{}
.administrator_dd ul li{ background:url(../images/sep-H.gif) repeat-x 0 100%; padding:0 0 15px 0; margin-bottom:15px; position:relative; color:#616161; font-size:12px; text-align:center;}
.administrator_dd ul li a{ color:#616161;}
.administrator_dd ul li:last-child{ background:none; padding:0 60px 0px 0; margin-bottom:0px;}

.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}
.inputfile + label { width:100%; font-size:13px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding:0; color: #000; position:relative;
    background: #fff; border: 1px solid #E0E0E0; height: 40px; padding-left: 6px; box-shadow: 0 0 5px #e5e5e5 inset; border-radius: 3px; top:0 !important; }
.inputfile + label.errorFile { border: 1px solid #d40000;}
.inputfile + label span { width:100%; height:35px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; padding-left:150px; line-height:35px;}
.inputfile + label strong { height: 100%; color: #000; background-color: #ffc600; display: inline-block; line-height:35px; width:140px; text-align:center; position:absolute; left:0; top:0;}
.inputfile + label * { pointer-events: none;}

.saveBtn, .cancelBtn{ padding: 0 4%; width:auto; border:0; border-radius: 3px; height:40px; cursor:pointer; float:left;}
.saveBtn{ background:#ffc600; margin-right:20px;}
.cancelBtn{background:#f1f1f1;}
.saveBtn:hover{ background:#ddad05;}
.cancelBtn:hover{background:#dedede;}

@media screen and (max-width:1370px){
.introText{ text-align:left;}
.introText strong{font-size:45px;}
.introText h1{font-size:50px;}
.leftNav{height:calc(100vh - 187px); overflow:auto;}
}

@media screen and (max-width:990px){
	.introText{ display:none;}
	.loginCenter{ text-align:center;}
	.logineBox {position:relative; top:auto; bottom:auto; right:auto; left:auto; display:inline-block; margin:-70px 0 0; vertical-align: middle;}
	.highlightPanel{  width:auto; left:-185px; right:0; top:110px; bottom:0; margin:auto; width:70%; height:400px; border-top: 1px solid #564f4e;}
	.highlightPanel li{ float:left; width:50%; height:200px; border-right: 1px solid #564f4e;}
}

@media screen and (max-width:770px){
.table_totalRecord { text-align:center; padding-bottom:15px;}
.table_view, .table_search { text-align:center; width: 100%;}
.highlightPanel{ position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:30px auto; width:90%;}
.topPanel{ height:auto;}
.topSec_1 {height: 60px;}
.topSec_2 { height:auto; padding: 10px 30px;}
.dasbordCont{ display:none;}
.leftPanel{ left:-194px;}
}
@media screen and (max-width:500px){
	/* .wraper {height: auto;} */
}
@media screen and (max-width:370px){
	.loginCenter{ text-align:center; height:auto; margin:20px auto;}
	.loginCenter:after{ display:none;}
	.logineBox {display:inline-block; margin:0px 0 0; width:100%;}
	.footer{ position:relative;}
	.highlightPanel li div strong{ font-size:20px;}
	.highlightPanel li div b{ font-size:12px;}
}
