@charset "UTF-8";
/* CSS Document */

body {line-height:22px !important;}


input, button, select, textarea {font-family:'true_mediumregular' !important; }

button::-moz-focus-inner { border: 0; outline:none}
button:focus { 
    outline: none; 
}
.radio, .checkbox { margin:0 3px !important;}
.wd-radio {width:auto; float:left;}

a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}
a.text-link {color:#40454f; text-decoration:underline;}

a.text-link2 {color:#40454f; text-decoration:underline;}
a.text-link2:hover {color:#ed0700; text-decoration:underline !important;}

li {line-height: normal !important;}

.table { font-size:12px;}
.red {color:#ed0700;}
.green {color:#7ABA06;}
.white {color:#fff;}
label, input, button, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
}
.badge {background-color:#40454f !important;}
.carousel { margin-bottom:0px !important;}
.modal-header2 {
  padding: 9px 15px 0 15px;
}
.label, .badge { font-size:12px !important; font-family:'true_mediumregular'; font-weight:normal !important;}
.badge-important {background-color:#ed0700 !important;}

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding: 0 1px !important;
}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { font-weight:normal !important; font-size:13px;}
.nav-collapse .lang {
    border-top: 1px dotted #333333;
    margin: 5px 10px 20px;
    padding-top: 15px;
    text-align: center;
}
.nav-collapse .lang a {
    margin-right: 10px;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover { color:#fff !important; text-shadow:none;}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus { color:#fff !important;
}

a:hover,
a:focus {
  color: #005580;
  text-decoration: none !important;
}

.modal.fade.in {
    top: 3% !important;}

.caret2 {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 7px solid #555555 !important;
  border-right: 7px solid transparent !important;
  border-left: 7px solid transparent !important;
  color:#3F454F !important;
  content: "";
  margin:12px 0 0 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.8;
}
.lang {float:right; margin:13px 10px 0 0;}
.banner-hl {width:990px; margin:0px;}
.carousel-indicators {
    right: 49% !important;
    top: 90% !important;
}
.carousel-indicators li { border:solid 1px #40454F;}
.carousel-indicators .active {
    background-color: #40454F !important;
}
.bg-grey {background-color:#f6f6f6; margin-bottom:20px;}
.mainmenu {margin:0px; float:left; width:25%;}
.mainmenu-hlife {margin:0; text-align:center; font-size:16px; font-family:'true_lightregular'; height:auto; display:block;}
.menu-hlife-red {background-color:#ed0700; color:#fff; padding:10px 0;font-family:'true_mediumregular'; font-size:14px;}
.menu-hlife-grey{background-color:#40454f; color:#fff; padding:10px 0;font-family:'true_mediumregular'; font-size:14px;}
.menu-hlife-grey:hover {background-color:#ed0700;}

.arrow-down {width: 0px;
height: 0px;
border-style: solid;
border-width: 15px 40px 0 40px;
border-color: #ed0800 transparent transparent transparent;
line-height: 0px;
_border-color: #ed0800 #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); margin:0 auto;}


.box-center{width:100%;}
.box-right {width:760px; float:right;}
.box-left {width:230px; float:left;}
.box-gift{ margin:15px 0;}

.box-margin {margin:10px;}
.box-margin2 {margin:60px 0 20px 0;}
#info .box-personalid {background-color:#fff; margin:0 0 15px 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 1px 5px 0px rgba(135, 135, 135, 0.4);
-moz-box-shadow:    0px 1px 5px 0px rgba(135, 135, 135, 0.4);
box-shadow:         0px 1px 5px 0px rgba(135, 135, 135, 0.4);}
#info .title { font-size:16px; font-family:'true_mediumregular'; text-align:center; padding:20px 0 10px 0;}
#info .phonenumber {background-color:#EDEDED; padding:10px; font-size:13px; text-align:center; margin:10px 0 0 0; }
#info .box-point {background-color:#EDEDED; padding-bottom:10px; text-align:center; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
#info .phonenumber a{color:#40454F;}

.box-notice-sms {margin:0 ;background-color:#fff; padding:10px; text-align:left;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.title-hlife {font-size:14px; font-family:'true_mediumregular'; color:#40454f;}
.sms-bar {font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#cbcbcb; padding:5px; margin:5px 0;}
.sms-bar2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#e2e2e2; padding:5px; margin:5px 0;}

.reload-data {margin:0 0 5px 0; width:100%;}
#data .box-data {background-color:#fff; padding:5px 0; margin:0 0 15px 0 ;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 1px 5px 0px rgba(135, 135, 135, 0.4);
-moz-box-shadow:    0px 1px 5px 0px rgba(135, 135, 135, 0.4);
box-shadow:         0px 1px 5px 0px rgba(135, 135, 135, 0.4);}
#data .box-data3 {background-color:#fff; padding:20px 0; margin-bottom:20px !important; width:685px; display:block; margin:0 auto;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 1px 5px 0px rgba(135, 135, 135, 0.4);
-moz-box-shadow:    0px 1px 5px 0px rgba(135, 135, 135, 0.4);
box-shadow:         0px 1px 5px 0px rgba(135, 135, 135, 0.4);}
#data .title { font-size:16px; font-family:'true_mediumregular';  padding:10px 20px;}
#data .title2 { font-size:16px; font-family:'true_mediumregular';  padding:10px 10px;}
#data .iconbar {padding:0 20px;}
#data .bgtitle:hover {cursor: pointer;}
#data .bgtitle {width:100%; display:block;
background: #eeeeee; /* Old browsers */

background: -moz-linear-gradient(left,  #eeeeee 0%, #ffffff 52%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(52%,#ffffff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #eeeeee 0%,#ffffff 52%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #eeeeee 0%,#ffffff 52%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #eeeeee 0%,#ffffff 52%); /* IE10+ */

background: linear-gradient(to right,  #eeeeee 0%,#ffffff 52%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */


}
#data .box-datain {padding:0 10px;}
#data .box-datain2 {padding:0 10px;}
#data .text-datain {border-bottom:solid 1px #ededed; margin-right:20px;}
.form-horizontal {font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.form-horizontal .control-label {
  float: left;
  width: 280px !important;
  padding-top: 0px !important;
  text-align: right;
  font-family:Arial, Helvetica, sans-serif;
}


.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 300px !important;
  *margin-left: 0;
  font-family:Arial, Helvetica, sans-serif;
  color:#000;
}
.form-horizontal .control-label2 {
  float: left;
  width: 100%;
  padding-top: 0px !important;
  text-align: right;
  font-family:Arial, Helvetica, sans-serif;
}
.form-horizontal .control-label3 {
  float: left;
  width: auto!important;
  padding-top: 0px !important;
  text-align: right;
  font-family:Arial, Helvetica, sans-serif;
}
.form-horizontal .controls2 {
  *display: inline-block;
  *padding-left: 20px;
  margin-left:55% !important;
  *margin-left: 0;
  font-family:Arial, Helvetica, sans-serif;
  color:#000;
}
.form-horizontal .controls3 {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 30px !important;
  *margin-left: 0;
  font-family:Arial, Helvetica, sans-serif;
  color:#000;
}

.btn-grey {
  display: inline-block;
  *display: inline;
  padding: 5px 16px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #5c5c5c;
  font-family:'true_mediumregular';
  text-align: center;
  margin-left:3px;
  margin-right:3px;
  vertical-align: middle;
  cursor: pointer;
  background: #fdfdfd; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #fdfdfd 0%, #e7e7e7 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #fdfdfd 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #fdfdfd 0%,#e7e7e7 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #fdfdfd 0%,#e7e7e7 100%); /* IE10+ */

background: linear-gradient(to bottom,  #fdfdfd 0%,#e7e7e7 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-8 */


  border: 1px solid #b3b3b3;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#E7E7E7', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

	
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey.active,
.btn-grey.disabled,
.btn-grey[disabled] {
  color: #5c5c5c;
  background: #e7e7e7; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #e7e7e7 0%, #e7e7e7 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #e7e7e7 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #e7e7e7 0%,#e7e7e7 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #e7e7e7 0%,#e7e7e7 100%); /* IE10+ */

background: linear-gradient(to bottom,  #e7e7e7 0%,#e7e7e7 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-8 */




}



.btn-grey2 {
  display: inline-block;
  *display: inline;
  padding: 5px 16px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #5c5c5c;
  font-family:'true_mediumregular';
  text-align: center;
  margin-left:3px;
  margin-right:3px;
  vertical-align: middle;
  cursor: pointer;
  background: #fdfdfd; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #fdfdfd 0%, #e7e7e7 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #fdfdfd 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #fdfdfd 0%,#e7e7e7 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #fdfdfd 0%,#e7e7e7 100%); /* IE10+ */

background: linear-gradient(to bottom,  #fdfdfd 0%,#e7e7e7 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-8 */


  border: 1px solid #b3b3b3;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#E7E7E7', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

	
.btn-grey2:hover,
.btn-grey2:focus,
.btn-grey2:active,
.btn-grey2.active,
.btn-grey2.disabled,
.btn-grey2[disabled] {
  color: #5c5c5c;
  background: #e7e7e7; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #e7e7e7 0%, #e7e7e7 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #e7e7e7 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #e7e7e7 0%,#e7e7e7 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #e7e7e7 0%,#e7e7e7 100%); /* IE10+ */

background: linear-gradient(to bottom,  #e7e7e7 0%,#e7e7e7 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-8 */




}



.btn-red {
  display: inline-block;
  *display: inline;
  padding: 5px 16px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-family:'true_mediumregular';
  text-align: center;
  margin-left:3px;
  margin-right:3px;
  
  vertical-align: middle;
  cursor: pointer;
  
background: #8ab101; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmMwMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #8ab101 0%, #8ab101 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ab101), color-stop(100%,#8ab101)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #8ab101 0%,#8ab101 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #8ab101 0%,#8ab101 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #8ab101 0%,#8ab101 100%); /* IE10+ */

background: linear-gradient(to bottom,  #8ab101 0%,#8ab101 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab101', endColorstr='#8ab101',GradientType=0 ); /* IE6-8 */



  border: 1px solid #101010;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

	
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] {
  color: #fff;
background: #7ba801; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: #7ba801; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiYzAwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmMwMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #8ab101 0%, #7ba801 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ab101), color-stop(100%,#7ba801)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #8ab101 0%,#7ba801 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #8ab101 0%,#7ba801 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #8ab101 0%,#7ba801 100%); /* IE10+ */

background: linear-gradient(to bottom,  #8ab101 0%,#7ba801 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab101', endColorstr='#7ba801',GradientType=0 ); /* IE6-8 */




}


.btn-green {
  display: inline-block;
  *display: inline;
 
  padding: 5px 16px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-family:'true_mediumregular';
  text-align: center;
  margin-left:3px;
  margin-right:3px;
  
  vertical-align: middle;
  cursor: pointer;
  
background: #8ab101; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmMwMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #F2A129 0%, #F2A129 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2A129), color-stop(100%,#F2A129)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #F2A129 0%,#F2A129 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #F2A129 0%,#F2A129 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #F2A129 0%,#F2A129 100%); /* IE10+ */

background: linear-gradient(to bottom,  #F2A129 0%,#F2A129 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2A129', endColorstr='#F2A129',GradientType=0 ); /* IE6-8 */



  border: 1px solid #101010;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] {
  color: #fff;
background: #7ba801; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: #7ba801; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiYzAwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmMwMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #F2A129 0%, #E2A129 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2A129), color-stop(100%,#E2A129)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #F2A129 0%,#E2A129 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #F2A129 0%,#E2A129 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #F2A129 0%,#E2A129 100%); /* IE10+ */

background: linear-gradient(to bottom,  #F2A129 0%,#E2A129 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2A129', endColorstr='#E2A129',GradientType=0 ); /* IE6-8 */




}



.box-data2 {margin:0; border-top:solid 1px #ededed;}

.alert {
	padding: 15px 15px !important;
  background-color: #ff6464;
  border: 1px solid #fbeed5;
  font-family:'true_mediumregular';
  text-align:center;
  color:#fff;
  margin-bottom:15px !important;
}
.alert .close {
 right: 0px !important;}
.box-privil {margin:40px 0; font-size:13px;}
.box-privil-l { text-align:right; width:50%}
.box-privil-r { width:50%; margin:15px 0 0 -10px;}

.box-iservice {margin:0 20px 20px 20px; text-align:center; background-color:#eee; padding:20px; font-size:14px;}
.nav-tabs > li > a { color:#929497; font-size:13px;}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #4C576A !important;
  color:#fff;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus { background-color:#4c576a !important; color:#fff !important;}

.bar-data {margin:0 0 20px 0;}
.bar-data-l {width:22%; float:left; text-align:right;}
.bar-data-r {float:left; width:73%; margin-left:20px;}
.bar-green {-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color:#b0c438; padding:5px; width:95%; height:20px;}
.text-unlimited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:center; vertical-align:middle; padding:3px 10px 0 10px;}
.text-normal {font-family:Arial, Helvetica, sans-serif; font-size:13px;  vertical-align:middle; white-space:nowrap; padding:5px 5px 0 5px;}
.text-totalusage {font-family:Arial, Helvetica, sans-serif; font-size:13px;  vertical-align:middle; float:right; padding:5px;}
.progress {
  height: auto !important;}
.progress .bargreen {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #b0c438; /* Old browsers */

background: -moz-linear-gradient(top,  #b0c438 0%, #aabf09 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0c438), color-stop(100%,#aabf09)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #b0c438 0%,#aabf09 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #b0c438 0%,#aabf09 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #b0c438 0%,#aabf09 100%); /* IE10+ */

background: linear-gradient(to bottom,  #b0c438 0%,#aabf09 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0c438', endColorstr='#aabf09',GradientType=0 ); /* IE6-9 */


  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress .barred {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #ed0700; /* Old browsers */

background: -moz-linear-gradient(top,  #ed0700 0%, #c60000 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed0700), color-stop(100%,#c60000)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ed0700 0%,#c60000 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ed0700 0%,#c60000 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ed0700 0%,#c60000 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ed0700 0%,#c60000 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0700', endColorstr='#c60000',GradientType=0 ); /* IE6-9 */




  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}
.progress { margin-bottom:5px !important; height:25px !important; background-color: #F7F7F7 !important;
background-image: linear-gradient(to bottom, #EBEBEB, #F5F5F5) !important;}
.choose-vas { padding:10px 15px; width:235px; margin:0 auto; text-align:center;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.line-l {border-right: solid 1px #929497; margin:2px 10px 2px 7px; width:2px;}
.text-note {font-family:Arial, Helvetica, sans-serif; font-size:13px;}
a.accordion-toggle {color:#40454f;}
.accordion-toggle:hover{color:#ed0700;}
.accordion-group {
    margin-bottom: 10px !important;
}

.bar-buyvas {background-color:#ededed; padding:5px; padding-right:0px;  font-family:'true_mediumregular'; font-size:12px; margin:0 0 5px 0; text-align:left;}
.tooltipaction {font-family:Arial, Helvetica, sans-serif; width:70%;}

.bar-buyvas a{color:#40454f;text-decoration:underline !important;}

.bar-buyvas-ipad {background-color:#ededed; padding:10px 0 10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:0 0 5px 0;}
#ipad .bar-buyvas a{color:#40454f;text-decoration:underline !important; font-family:'true_mediumregular'; font-size:14px;}
.bar-buyvas a{color:#40454f;text-decoration:underline !important; font-family:'true_mediumregular'; font-size:13px;}
.bar-buyvas-ipad a{color:#40454f;text-decoration:underline !important; font-family:'true_mediumregular';}
.bar-buyvas-ipad a:hover,a:focus {text-decoration:underline; color:#ed0700;}

.bar-buyvas a:hover,a:focus {text-decoration:underline; color:#ed0700;}
a.btn-vas {background-color:#8ab101; color:#fff; font-size:14px; width:20%; text-align:center; padding:4px 22px; text-decoration:none !important;}
a.btn-vas:hover {color:#fff; text-decoration:underline; background-color:#7ba801;}
.table-modal {width:100%;}
.modal-body table,tr,td {font-family:Arial, Helvetica, sans-serif; text-align:center;}
.box-rate {font-family:Arial, Helvetica, sans-serif; margin:0 auto; margin-top:10px; margin-bottom:10px; width:340px;}
.more-info {width:100%;}
.more-info textarea{
    width: 98% !important;
}

.box-3gconnect {width:100%; text-align:center;}
.box-3gconnect2 {margin:0 auto; width:685px;}

.banner-medium {margin:0 auto; width:685px;}

.carousel-control {
    background: none repeat scroll 0 0 #222222;
    border: 3px solid #FFFFFF;
    border-radius: 23px;
    color: #FFFFFF;
    font-size: 40px !important;
    font-weight: normal !important;
    height: 30px !important;
    left: 15px;
    line-height: 22px !important;
    margin-top: -10px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    top: 50% !important;
    width: 30px !important;
}
.btn-otp { width:300px; margin:0 auto; margin-top:20px; margin-bottom:10px;}	
.btn-otp2 { width:200px; margin:0 auto; margin-top:20px; margin-bottom:10px;}	
.btn-otp3 { width:360px; margin:0 auto; margin-top:20px; margin-bottom:10px;}
.box-modal { background-color:#F5F5F5; padding:10px; display:block;}
.box-addmoney {border:solid 1px #ededed; padding:20px; width:400px; margin:0 auto; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.modal-body {
  max-height:none !important;
  padding: 30px 15px !important;
}
.modal-body2 {
  max-height:none !important;
  padding: 10px 15px !important;
}
.modal-body3 {
  max-height:none !important;
  padding: 20px 15px !important;
}

.modal2 {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: auto !important;
    margin-left: auto !important;
    outline: medium none;
    position:relative !important;
    top: 10%;
    width: auto !important;
    z-index: 1050;
}
.iservice-app {text-align:left; 
  font-size:13px !important; font-family:Arial, Helvetica, sans-serif; margin:4px 0 0 0;}
.iservice-app a{color:#;}
.iservice-app a:hover { color:#;}
.alert-app {
  color: #468847;
  background-color: #CCC;
  border-color: #999555;
  padding:10px;
}
.navbar-fixed-top {
    margin-bottom: 0px !important;
}
.label-inverse[href],
.badge-inverse[href] {
  background-color: #3F454F !important;
}
.form-horizontal .control-group2 {
  margin-bottom: 0px;
  *zoom: 1;
}
.banner-linecampaign {width:auto; height:auto; margin:20px 0 0 0; text-align:center;}
.title-linecampaign {font-family:'true_mediumregular'; text-align:center; font-size:20px; line-height:30px; margin:10px 0;}
.modal-footer2 {
  padding: 14px 15px 15px;
  margin: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.registerreward {width:auto; height:auto; text-align:center;}
.registerreward-text {font-size:14px; font-family:'true_mediumregular'; text-align:center; padding-bottom:20px; max-width:600px; margin:0 auto;}
.tab-content {
	margin:20px 0 0 0;
	overflow:visible !important;
}

.row-gift {margin:0 0 10px 0;}
.title-gift {font-size:14px; font-family:'true_mediumregular'; text-align:center; margin:10px 0 5px 0;}
.title-giftpoint {font-size:16px; 
font-family:'true_lightregular'; 
text-align:center;
  padding: 4px 6px;
  margin:0 0 10px 0;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3F454F;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;}
.btn-getgift {margin:5px 0 0 0; text-align:center;}
.show-reward {margin:0 20px 20px 20px;}
.show-reward-img {text-align:center;}
.iconbar2 {padding:10px 0;}


#lte .title1{font-family:'true_boldregular'; font-size:27px; line-height:37px;}
#lte .title2{font-family:'true_mediumregular'; font-size:19px; line-height:29px;}
#lte .title3{font-family:'true_boldregular'; font-size:19px; line-height:29px;}
#lte .title4{font-family:'true_mediumregular'; font-size:27px;line-height:37px;}
#lte .bg-white {background-color:#fff; padding:30px 20px; margin:20px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 1px 5px 0px rgba(135, 135, 135, 0.4);
-moz-box-shadow:    0px 1px 5px 0px rgba(135, 135, 135, 0.4);
box-shadow:         0px 1px 5px 0px rgba(135, 135, 135, 0.4);}
#lte .box-register4g {font-family:'true_mediumregular'; font-size:18px; line-height:28px; margin:30px 0; }
#lte a.btn-lte {color:#fff; background-color:#ED0600; border:#c90500 solid 1px; 
padding:6px 44px; font-size:14px; margin-bottom:5px;display: inline-block;*margin-left: .3em; width:auto;
  *display: inline;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
#lte a.btn-lte:hover { background-color:#da0600; border:#af0501 solid 1px;}
#lte a.btn-more {color:#b7b7b7; background-color:#f5f5f5; border:#eaeaea solid 1px; 
padding:6px 44px; font-size:14px; margin-bottom:5px;display: inline-block;*margin-left: .3em; width:auto;
  *display: inline;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
#lte a.btn-more:hover { background-color:#dfdfdf; border:#d4d3d3 solid 1px;}
#lte .btn-box {margin:10px 0;}
#lte .box-call {background-color:#dddedf; color:#fff; margin:20px 0; padding:0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
#lte .text-reward {color:#; text-align:center; margin:5px 0; font-size:14px; line-height:24px;}
.badge-call {padding:2px 10px; background-color:#ED0600; color:#fff; margin:0 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

#datapack .title {text-align:center; font-size:18px; line-height:28px; margin:10px 0 15px 0;}
#datapack .title2 {text-align:center; font-size:14px; line-height:24px; margin:10px 0 15px 0;}
.line2{border-bottom:1px #EDEDED groove; width:100%;}
#datapack .box-data {
	position:relative;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 5px 0 rgba(135, 135, 135, 0.4);
    margin: 0 0 20px;
    padding: 20px 10px;
	margin:20px;
	position:relative;
}
#datapack .box-data-red {
	position:relative;
    background-color: #f2dede;
	border:1px solid #eed3d7;
    border-radius: 6px;
    box-shadow: 0 1px 5px 0 rgba(135, 135, 135, 0.4);
    margin: 0 0 20px;
    padding: 20px 10px;
	margin:20px;
	position:relative;
}

#datapack .head {
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background-color: #ed1c24;
padding: 14px 20px 14px 90px;
font-size:24px;
line-height:30px;
color:#fff;
margin:20px 0 10px 0;
position:relative;
}

#datapack .mobileicon {position:absolute; z-index:999; left:10px; float:left;}

.label-important,
.badge-important {
  background-color: #ED0600 !important;
}
.label-success,
.badge-success {
	background-color: #4C576A!important;}
	
.alert-tmh {
color: #;
margin:10px;
background-color: #EDEDED;
border-color: #666;
padding:20px;
}

.title-promotionforu { font-size:14px; color:#fff; background-color:#4c576a;  padding: 8px 14px;}
.detail-promoforu {color:#40454f;padding: 8px 14px; margin:20px 0;}
.banner-promoforu {width:100%;}
.box-promoforu {border:solid 1px #ededed;
    margin-bottom: 20px;}
.text1 {float:left;text-align:right;}	
.text2 {float:right; padding:0 0 0 10px; text-align:left;}	

.accordion-group2 {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0px;
	background-color:#fff;
}
.accordion-group3 {
	background-color:#e9e9e9;
	color:#6b788c;
    margin-bottom: 7px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.accordion-inner2 {
    border-top: 1px solid #e5e5e5;
    padding: 9px 10px;
}
.title-pack {font-family:'true_boldregular'; color:#6b788c;}
.accordion2 {margin-bottom:5px;}
.row-thumb {margin:0 0 10px 0;}
.box-thumb2 { width:50%; float:left;}
.box-thumb3 { width:50%; float:left;}
.thumbnail2 {
  display: block;
  padding: 4px;
  line-height: 20px;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
		  
  text-align:center;
}

a.thumbnail2:hover,
a.thumbnail2:focus {
  border-color: #4c576a;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail2 > img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.caption {margin:10px;}
.list-name {margin:0 0 10px 0;}
.gift3 {width:50px; height:50px; float:left;}
.namelist {margin:0 0 0 50px; border-bottom:solid 1px #cbcbcb; padding:15px 0 5px 0; }
a.namelist {color:#3b3b3b; float:left;}
.namelist:hover {color:#ED0600;}
.modal-thumb {width:50%; float:left;}
.modal-term {height:70px; overflow:scroll; text-align:left;}
.box-cofirm {width:600px; margin:0 auto;}
.form-horizontal .control-group {
    margin-bottom: 10px !important;
}
.control-group2 {border-bottom:solid thin #ededed;}
.box-cardnumber {float:left; padding:5px 0 ;}
.box-card {float:left; margin:0 10px 0 0; width:80px;}
.totle-truepoint {margin:0 0 5px 0; text-align:center; font-weight:bold;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #4c576a !important;
  background-image: -moz-linear-gradient(top, #4c576a, #4c576a) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4c576a), to(#4c576a)) !important;
  background-image: -webkit-linear-gradient(top, #4c576a, #4c576a) !important;
  background-image: -o-linear-gradient(top, #4c576a, #4c576a) !important;
  background-image: linear-gradient(to bottom, #4c576a, #4c576a) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4c576a', endColorstr='#ff4c576a', GradientType=0) !important;
}
.box-truepointresault {margin: 0;}
.bg-red{background-color:#ED0600; color:#fff;}
.table th, .table td { text-align:center !important;}
.box-buymodal {width:100%;}
.box-buymodal2 {width:auto;}

.box-id {background-color:#ED0600; color:#fff;}
.box-id3 {background-color:#ED0600; color:#fff; padding:20px; position:relative;}
.box-id2 {background-color:#D80000; color:#fff; padding:5px; font-size:14px;}
.box-reddetail {float:left; margin-right:5px; white-space: nowrap;}

.box-reddetailleft {width:auto;}
.box-social {float:right; width:auto; text-align:right;}
.thumb-id {float:left; position:relative;width:70px; height:70px; margin:0 auto; top:10px; left:10px; background:url(../images/hlife/display.jpg);border-radius: 35px; cursor:pointer;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;}
.thumb-id:hover {background:url(../images/hlife/icon-upload.png);}

.thumb-id2 {width:70px; height:70px; margin:0 auto; margin-bottom:10px; text-align:center;
 background:url(../images/hlife/display.jpg); border-radius: 35px; cursor:pointer;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;}
.thumb-id2:hover {background:url(../images/hlife/icon-upload.png);}

.upload-display {position:absolute; bottom:0px; cursor:pointer;}
a.upload-display {border:0px;}
.name-id {float:left; padding:15px 10px; color:#fff; font-size:13px;font-family:'true_boldregular'; margin:0 0 0 10px; box-sizing:border-box;}
.name-id2 {color:#fff;}

.data-id1 {float:left; text-align:center; padding:10px; font-size:14px; color:#fff; box-sizing:border-box; width:50%; text-align:left;}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.btn_resmenu {
}
.refresh {position:absolute; right:10px; top:12px;}
.wrap {padding:10px 0 0 0;}
.table-setting td{text-align:left !important;}
.choose {font-family:'true_boldregular'; color:#40454f;}
.box-edit {padding:10px; background:#eee; margin:10px 0;}
.box-selectdate {width:33.33%; padding:0 10px; box-sizing:border-box; float:left;}
.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
    margin-bottom: 5px !important;
}
select.select2{width:100%;}
.box-labelbuy {width:100%;}
.box-labelbuy2 {width:100%;}
 .text-ques {color:#4C576A;  text-align:left; font-weight:bold;}
 .banner-medium {
margin: 0 auto;
width: 640px;
}
.text-small {font-family:Arial, Helvetica, sans-serif; font-size:12px;} 
.thumb-campaign {width:50%; padding:5px 10px; box-sizing:border-box; float:left;}
.topfix {width:20%; padding:10px; box-sizing:border-box;}
.topfix2 {width:60%; padding:10px; box-sizing:border-box;}
.topfix3 {width:40%; padding:10px; box-sizing:border-box;}
.topfix4 {width:10%; padding:10px; box-sizing:border-box;}
.topfix5 {width:5%; padding:10px; box-sizing:border-box;}
.md-left {float:left; width:50%;}
.md-right {float:left; width:50%; padding-top:28px;}

.bg_logo{background: rgb(252,252,252); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(204,204,204,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

ิborder:1px #ccc solid;
width:100%;
}

.wrap-form-setting {padding:20px;
background-color:#039; height:100px;}

.box-setting{
	margin:0px 20px 0px 20px;
	}
.box-setting-form{
	width:100%;
	}
	
.text-gray{
	color:#40454f;
	line-height:55px;
	}
.text-gray a{
	color:#40454f;
	text-decoration:underline;
	line-height:55px;
	}

.word_get_rewards{
	padding:40px 20px 40px 20px;
	height:100%;
	}
.rewards_history table th{
	text-align:right !important;
	}
.rewards_history .left table th{
	text-align:left !important;
	}
.rewards_history table tr td{
	text-align:left !important;
	}
.text-caption{
	height:40px;
	overflow:hidden;
	}
.btn-gray{
	background-color:#E5E5E5;
	height:22px;
	width:120px;
	line-height:22px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0 auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e8e8e8+100 */

background: rgb(247,247,247); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */

border:1px solid #CCCCCC;
}

.btn-number{
	background-color:#FF0000;
	line-height:30px;
	padding:8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e8e8e8+100 */

background: rgb(247,247,247); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */

border:1px solid #CCCCCC;

	
	}

.box-content-form{
	width:100%;
	text-align:left;
	}

.box-thumb2 img{
	border:1px solid #CCC;
	}
	
.box-thumb3 img{
	border:1px solid #CCC;
	}

.box-oval{
	width:95;
	border:1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	text-align:left;
	margin-bottom:20px;
	}
.box-oval2{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	text-align:left;
	margin-bottom:20px;
	}
.box-setting-login{
	width:100%;
	text-align:left;
	
}
.all-box{
	padding:10px 10px 10px 10px;
	margin:0 auto;
	background-color: #F8F8F8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
		
	}
.box-otp{
	
	
	}
	
.box-numid{
	margin-top:10px;
	}
.box-capcha{
	
	}


.choose-text{
	margin-bottom:5px;
	}
	
.choose-text .check{

	position:absolute;
	}
	
.check2{
	margin-right:10px;
	position:absolute;
	}
.text-check2{
	margin-left:15px;
	margin-bottom:5px;
	}

.text-form{
	margin-right:10px;
	font-size:14px;
	}
.text-form img{
	border:1px solid #CCC;
	padding:2px;
	}
	
.text-form select{
	width:222px;
	}
.text-form2{
	margin-left:0px;
	margin-right:10px;
	}
.text-form2 img{
	border:1px solid #CCC;
	padding:2px;	
	}
.text-form3{
	margin-right:10px;
	font-size:14px;
	width:70px;
	}
.text-form3 img{
	border:1px solid #CCC;
	padding:2px;	
	}

.text-capcha{
	margin-bottom:5px;
	font-size:14px;
	}
.text-capcha2{
	margin-bottom:5px;
	font-size:16px;
	}
	
.box-capcha .text-capcha{
	text-indent:0px;
	margin-bottom:5px;
	font-size:14px;
	text-align:left;
	margin-top:10px;
	}

.text-big{
	
	}	
.text-credit{
	font-size:12px;
	line-height:12px;
	color:#999;
	}
.text-credit2{
	margin-top:2px;
	font-size:12px;
	line-height:16px;
	color:#999;
	}
.box-remark{
	margin-top:20px;
	background-color:#6b7174;
	padding:10px;
	}
.remark{
	color:#FF0000;
	font-size:12px;
	margin-left:82px;
	}
.remark2{
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	text-align:left;
	}

.remark3{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	text-align:center;
	}
.remark4{
	font-size:12px;
	}
.button-group{
	margin-top:10px;
	}
.button-group a{
	margin-left:0px;
	}

.border-cover{
	border:5px solid #333;	
	height:auto;
	}
.bg-red-bar{
	background-color:#d60915;
	height:50px;
	}
	
.box-thumb3 .thumbnail2 img{
	border:0px;
	}
	
.box-reddetail .icn-top img{
	margin-top:3px;
	}
	
.box-reddetail .icn-gift a{
	color:#4c576a;
	}
	
.bg-hlife{
	background-image:url(../images/bg-hlife.png);
	background-repeat:no-repeat;
	}
.text-hilight-wifi{
	font-size:22px;
	margin-top:50px;
	margin-bottom:10px;
	}
.text-hilight-wifi2{
	font-size:18px;
	}

.text-wifi{
	margin-top:15px;
	}

.bg-wifi{
	background-color:#e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0px 10px 0px 10px;

	}
.select-country {
    position: relative; }
.select-country a {
    text-decoration: none; }
.select-country .dropdown-menu {
    top: 27px;
    left: -15px;
	min-width: 120px;
    font-size: 12px;
    background: #000000;
    border: 0px;
	padding: 17px 0px 5px 0px;
	width:auto;}
.select-country .dropdown-menu li > a:hover, .select-country .dropdown-menu li > a:focus {
    color: #ffffff;
    text-decoration: underline;
    background-color: #000; }
    .select-country:hover .dropdown-menu {
    display: block; }	
	
.select-country .dropdown-menu > li > a{
	color:#FFFFFF;
	text-align:left;
	}
.all-box .drop-form select{
	width:100%;
	}
	
.text-label {
    color: #bbbbbb;
    padding: 5px; }
	
.text-label:last-child {
    padding-right: 0px;
    margin-right: -5px; }
	
.flag {
  height: 18px;
  width: 24px;
  margin-top: 0px;
  margin-right: 4px; }
  
 .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align:middle !important;
  border-top: 4px dashed;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 5px solid #FFFFFF !important; }
  
  .box-setting-form div {
	font-style:normal;
	font-size:14px;

	}
	
.box-setting-form div a{
	font-style:normal;
	font-size:14px !important;
	}

.box-setting-form div input[type="text"]{
	font-style:normal;
	font-size:14px !important;
	margin-bottom:0px;
	width:100%;
	padding:4px 0px 4px 4px !important;
	line-height:24px;
	}

.box-setting-form .choose-text{
	margin-bottom:0px;
	}

 .box-setting-form .box-edit span b{
	color:#ED1C24;
	font-weight:normal;
	}
.choose-text .text-form2 .btn-green{
	width:206px;
	padding: 4px 4px 4px 4px;
	}
.bg-secure{
	padding:10px;
	background-color:#7d8487;
	color:#F5F5F5;
	margin-bottom:20px;
	}

.bg-secure b{
	color:#F8F8F8;
	}

	
.box-otp .btn-green{
	width:100%;
	padding: 4px 0px 4px 0px;
	}
.phone-number{
	font-size:14px !important;
	margin-bottom:10px;
	}
.button{
	margin-top:10px;
	}
.circle-green{
	width:15px;
	height:15px;
	background-color:#090;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}
	
.circle-red{
	width:15px;
	height:15px;
	background-color:#ED1C24;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;`
	border-radius: 15px;
	}
.wrap-all-box{
	width:316px;
	background-color:#F8F8F8;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin:0 auto;
	padding:10px 10px 10px 10px;
	}
.help-otp{
	margin-top:10px;
	padding:5px;
	text-align:center;
	border:1px dashed #CCCCCC;
	background:#F5F5F5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.help-otp a{
	color:#7e8688;
	}
.help-otp a:hover{
	color:#7e8688;
	}
.help-otp2{
	text-indent:0px;
	margin-top:10px;
	padding:5px;
	text-align:center;
	border:1px dashed #CCCCCC;
	background:#FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:14px;
	text-align:left;
	}
.help-otp2 a{
	color:#7e8688;
	}
.help-otp2 a:hover{
	color:#7e8688;
	}
.help-otp3{
	text-indent:0px;
	margin-top:10px;
	padding:5px;
	text-align:center;
	border:1px solid #E5E5E5;
	background:#F5F5F5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:12px;
	text-align:left;
	
	
	}
.help-otp3 a{
	color:#7e8688;
	}
.help-otp3 a:hover{
	color:#7e8688;
	}
.h-number{
	background-color:#7d8487;
	padding:5px;
	margin-top:10px;
	color:#F5F5F5;
	text-align:left;
	}	
.bg-setting-security{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:20px;
	color:#FFF;
	padding:0px 7px 0px 7px;
}
.bg-red-gradient{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1c24+0,c9181b+100 */

background: rgb(237,28,36); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(237,28,36,1) 0%, rgba(201,24,27,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(237,28,36,1) 0%,rgba(201,24,27,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(237,28,36,1) 0%,rgba(201,24,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#c9181b',GradientType=0 ); /* IE6-9 */


	}
	
.bg-green-gradient{	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#55a80d+0,0a8216+100 */

background: rgb(85,168,13); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(85,168,13,1) 0%, rgba(10,130,22,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(85,168,13,1) 0%,rgba(10,130,22,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(85,168,13,1) 0%,rgba(10,130,22,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55a80d', endColorstr='#0a8216',GradientType=0 ); /* IE6-9 */


}

.box-setting-form .box-edit span{
	display:block;
	}	
	/* new_packe_17-02-16 */
.bg_box_pack{
	background-color:#ededed;
	margin-bottom:15px;
	}
.box_l_pack{
	width:100%;
	background-color:#ededed;
	}
.text_l_pack{
	font-size:15px;
	line-height:18px;
	padding:5px;
	padding-top:7px;
	color: #626161;
	height:55px;
	}
.text_l_pack a{
	color: #626161;
	}
.gray{
	color: #626161;
	}

/* Single-direction drop shadow */
hr.style-four {
    height: 1px;
	border-bottom:1px solid #FFF;
	margin:0px;
	background-color:#CCC;
	
    /*box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);*/
}
.box_price{
	height:44px;
	background-color:#e0e0e0;
	}
.box_l_price{
	width:60%;
	float:left;
	}
.box_r_price{
	width:40%;
	float:right;
	text-align:right;
	}
	
.box_r_price .btn{
	background:none;
	padding:0px;
	}
	

.btn_buy{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec6c19+0,dc691d+100 */

background: rgb(236,108,25) !important; /* Old browsers */

background: -moz-linear-gradient(top,  rgba(236,108,25,1) 0%, rgba(220,105,29,1) 100%) !important; /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(236,108,25,1) 0%,rgba(220,105,29,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(236,108,25,1) 0%,rgba(220,105,29,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec6c19', endColorstr='#dc691d',GradientType=0 ) ; /* IE6-9 */
color:#FFFFFF !important;
text-shadow:none !important;
padding:4px 15px !important;
margin-top:7px;
margin-right:10px;

}

.btn_buy2{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec6c19+0,dc691d+100 */
background: rgb(236,108,25) !important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(236,108,25,1) 0%, rgba(220,105,29,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(236,108,25,1) 0%,rgba(220,105,29,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(236,108,25,1) 0%,rgba(220,105,29,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec6c19', endColorstr='#dc691d',GradientType=0 ) ; /* IE6-9 */
color:#FFFFFF !important;
text-shadow:none !important;
padding:3px 15px !important;
margin-top:-14px;
position:absolute;
right:15px;
top:50%;



}

.text_price{
	font-size:18px;
	padding:0px 5px 0px 5px;
	line-height:44px;
	color:#626161;
	}



.box_r_pack{
	float:right;
	width:20%;
	background-color:#8ab101;
	height:62px;
	}
.text_r_pack{
	font-size:13px;
	line-height:52px;
	padding:6px;
	color:#ffffff;
	text-align:center;
	}
.box_r_pack:hover{
	background-color:#7fa303;
	}
.holder_wrap{
	position:relative;  
	display:block;
	}
.holder_wrap_img{  
    position:relative;
	border:1px solid #d8d8d8;
}  

.inner_position_top{  
    position:absolute;
    display:block;       
    top:0px; 
    z-index:999; 
	right: 0px; 

}
.box_special1{
	background-color:#ffffff;
	text-align:center;
	font-size:13px;
	padding:6px;
	width:auto;
	float:right;
	box-shadow:0px 1px 2px #555555;
	}
.box_special2{
	background-color:#ae0f1a;
	text-align:center;
	font-size:13px;
	padding:5px;
	width:auto;
	float:right;
	box-shadow:0px 1px 2px #555555;
	}

	/* end new_packe_17-02-16 */

.box_special3{
	background-color:#ae0f19;
	width:80px;
	padding:5px;
	text-align:center;

}
.box_special3 img{
	height:38px;
	}

.text_special3{
	color:#FFF;
	font-size:12px;
	text-align:center;
	}


.new_tab .nav-tabs > li{
margin-bottom: 0px;
}

.new_tab .nav-tabs > li > a{
	padding-top:8px;
 	padding-bottom:8px;
 	line-height:20px;
 	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	padding-right: 12px;
	padding-left: 12xpx;
	/*margin-right: 2px;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,d3d2d3+100 */
	background: rgb(224,224,224); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(224,224,224,1) 0%, rgba(211,210,211,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(211,210,211,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(224,224,224,1) 0%,rgba(211,210,211,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#d3d2d3',GradientType=0 ); /* IE6-9 */
	width:100px;
	text-align:center;
	}
	
.new_tab .nav-tabs > .active > a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d40000+1,bf0000+100 */
	background: rgb(212,0,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(212,0,0,1) 1%, rgba(191,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(212,0,0,1) 1%,rgba(191,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(212,0,0,1) 1%,rgba(191,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d40000', endColorstr='#bf0000',GradientType=0 ); /* IE6-9 */
	/*box-shadow: 3px 3px 5px #CCCCCC;*/
	}
	
	
.new_tab .nav-tabs > li > a:hover{
	border-color: #eeeeee #eeeeee #dddddd;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d40000+1,bf0000+100 */
	background: rgb(212,0,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(212,0,0,1) 1%, rgba(191,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(212,0,0,1) 1%,rgba(191,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(212,0,0,1) 1%,rgba(191,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d40000', endColorstr='#bf0000',GradientType=0 ); /* IE6-9 */
		}
.new_tab .nav-tabs	{
	border-bottom: 3px solid #bf0000;
}



.table-detail {
	text-align:left;
	}
.h-table{
	
	background-color:#828788;
	height:40px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	color:#FFFFFF;
	padding:0px 20px;
	}
.h-table table{
	padding:0px 20px;
	}
	
.h-table2{
	background-color:#828788;
	height:35px;
	padding:0px 20px;
	line-height:35px;

	}
.h-table2 table{
	padding:0px 20px;
	}

.h-table2 table tr td{
	color:#FFFFFF;
	}
.h-table3{
	background-color:#ED1C24;
	height:28px;
	padding:0px 20px;
	line-height:28px;
}
.h-table3 table tr td{
	color:#FFFFFF;
	}
	
.text-htable{
	font-family:'true_mediumregular';
	font-size:14px;
	}
.text-true-m{
	font-family:'true_mediumregular';
	
}



.text12{
	font-size:12px;
	}
.text13{
	font-size:13px;
	}
.text14{
	font-size:14px;
	}	
.text15{
	font-size:15px;
	}
.h-table table tr td{
	color:#FFFFFF;
	line-height:40px;
	}
.blue{	
	color:#40454f;
	}
	
.line-remark{
	border-top: 1px solid #CCC;
	background:#FFF;
	height: 1px;
	padding:0px;
	margin:5px 0px;
	}
	
.remark-recommend{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

.table-border{
	background-color:#F4F4F4 !important;
	border:1px solid #CCCCCC;
	padding: 15px;
	}
.accordion-inner{
	border-top: 0px !important;
	}
.bg-grey2{
	background-color:#E5E5E5;

	}



	
.box-net .accordion-group2{
	/*margin-bottom:1px;*/
	border-top: 1px solid #FFF;
	}
	
.box-net .accordion-heading .accordion-toggle{
	display: block;
	padding: 8px 15px !important;
	}
	
	

.bg-pic-red{
	background-image:url(../images/bg_bar_red.jpg);
	height:39px;
	line-height:39px;
	color:#FFFFFF;	
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding:0 20px;
	
	}
.bg-pic-orange{
	background-image:url(../images/bg_bar_orange.jpg);
	height:39px;
	line-height:39px;
	color:#FFFFFF;	
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding:0 20px;
	
	}
.bg-pic-blue{
	background-image:url(../images/bg_bar_blue.jpg);
	height:39px;
	line-height:39px;
	color:#FFFFFF;	
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding:0 20px;
	
	}
.bg-pic-purple{
	background-image:url(../images/bg_bar_purple.jpg);
	height:39px;
	line-height:39px;
	color:#FFFFFF;	
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding:0 20px;
	
	}
.bg-pic-pink{
	background-image:url(../images/bg_bar_pink.jpg);
	height:39px;
	line-height:39px;
	color:#FFFFFF;	
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding:0 20px;
	
	}

.out-line{
	border:1px solid #FFFFFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: #E5E5E5;
	margin-bottom:20px;
	}
	
.out-line .accordion{
	margin-bottom: 5px;
	}
.bg-pic-red-arrow{
	background-image:url(../images/bg-pic-red-arrow.png);
	width:150px;
	background-repeat:no-repeat;
	padding:6px 5px;
	color:#FFFFFF;
	}
.tag-sale{
	background-color:#cc3333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#FFFFFF;
	padding:0px 7px;
	font-size:11px;
	white-space:nowrap;
	
	}
.choose-package{
	margin-top:6px;
	}
.choose-package table tr td{
	padding:0px 20px;
	}

.choose-package input[type=radio].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
	}

.choose-package input[type=radio].css-checkbox + label.css-label {
	padding-left:26px;
	height:21px; 
	display:inline-block;
	line-height:21px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;

	}

.choose-package input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -21px;
	}
.choose-package label.css-label {
	background-image:url(../images/pic-radio-check.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
	}
.price-hcen{
	text-align:right;
	color:#FFFFFF;
	}
.price-cen{
	text-align:right;
	}
.help-table table tr td{
	height:auto;
	text-align:left;
	padding:7px;
	background-color:#F5F5F5;
	}
.help-table table tr th{
	height:auto;
	padding:5px;
	background-color:#ED1C24;
	color:#FFFFFF;
	}
	
.box-reddetail span b{
	font-size:18px;
	}
	
.h-table-reward table tr th{
	font-size:14px;
	}
.help-table table tr td{
	font-size:14px;
	font-family:'true_lightregular';
	}
.help-table table tr th{
	font-family:'true_lightregular';
}
.help-link a{
	color:#ed0700;
	}
.help-link a:hover{
	color:#ed0700;
	}
.condition a{
	color:#0088cc;
	}
.bg-special{
	background-color:#db1517;
		}
		
.text13{
	font-size:13px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	}
.text14{
	font-size:14px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	}
.btn-refresh{
	position:absolute;
	right:70px;
	top:-4px;
	}

.box-number{
	margin-left:10px !important;

	}
.box-number select{
	width:140px;
	position:absolute;
	top:1px;
	}
.box-reddetail p span{
	margin-right:10px;
	color:#FFFFFF;
	}
.box-reddetail p a{
	color:#FFFFFF;
	}
.box-reddetail .box-number{
	margin:0px !important;
	}	



/*desktop*/
@media (min-width: 992px) {	

.topfix990 {width:990px; margin:0 auto;}

.banner-hl {width:990px; margin:0 auto; margin-top:10px !important;}
.box-buymodal {width:685px; margin:0 auto;}
.box-labelbuy {width:30%; float:left; box-sizing:border-box; padding:0 15px 0 0;}
.box-labelbuy2 {width:20%; float:left; box-sizing:border-box; padding:0 5px 0 0;}

.icn_package {width:16.66%; text-align:center; margin-bottom:20px;}
.text_icn {font-size: 12px; text-align:center; padding-left:10px; padding-right:10px; height:50px; margin-top:10px;}
.btn_see_more{margin-top:32px; margin-right:5px;}
.pic_icn_package{width:120px;}	
.h_package {padding-top:32px; font-size:26px;}

.box-reddetail {float:left; margin-right:5px; white-space: nowrap; width:44%;}


.form-horizontal .controls .sms-pwd{
	 width:100%;
	}
.box-left2 {width:50%; float:left;}
.box-right2 {width:50%; float:right;}

}



@media (min-width: 768px) and (max-width: 979px) {
.special-container{
	width:767px;
	}
.box_special3{
	width:65px;
	}

.box_special3 img{
	height:24px;
	}
}


/*tablet*/
@media (max-width: 992px) {

	
.banner-hl {width:100%;}
.content {
    height: auto;
    margin: 0 auto;
    width: 100%;
}
#content_wrapper {padding: 0px !important;} 
.navbar .btn, .navbar .btn-group {
    margin-top: 13px !important;
}
.mainmenu {margin:0px; float:left; width:25%;}
.mainmenu-hlife {font-size:14px;}

.menu-hlife-red {font-size:12px; min-height:45px;}
.menu-hlife-grey{font-size:12px; min-height:45px;}

.arrow-down {border-width: 8px 20px 0 20px;}
.form-horizontal .control-label2 { text-align:left;}
.box-addmoney { width:auto;}
.form-horizontal .control-label {width: auto!important; text-align:right !important;}
.form-horizontal .controls {
  margin-left: 200px !important;}
.box-margin2 {margin:10px;}
input, textarea, .uneditable-input {
}


.drop-form select {width: 100% !important;}
select {width: 90% !important;}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
   margin-left: 0px !important;
}
.radio, .checkbox {
    padding-left: 0px !important;
}
.box-rate {width:100% !important; }
.choose-vas { width:auto; background-color:#fff;}
.wd-radio {width:16px; float:left;}
#datapack .head {
    padding: 14px 20px 14px 20px;
}
.arrow-down { display:none;}
.text1 {float: left; width:75%; text-align:left;}	
.text2 {float:right; padding:10px 0; }
.box-right {width:100%; float:none;}
.box-left {width:100%; float:none;}
.input-append, .input-prepend { margin-right:40px;}

.md-left {float:left; width:30%; padding-left:20%;}
.md-right {float:left; width:50%; padding-top:28px;}

.icn_package {width:16.6%; text-align:center; margin-bottom:20px; }
.icn_package img {width:80%;}

.text_icn {font-size: 12px; text-align:center; padding-left:10px; padding-right:10px; height:50px; margin-top:10px;}
.h_package {padding-top:25px; font-size:22px;}
.pic_icn_package{width:110px;}	
.btn_see_more{margin-top:25px; margin-right:5px;}
.drop-form{
	width:35%;
	}
.text-form select{
	width:222px !important;
	}
.topfix4 {width:10%; padding:10px; box-sizing:border-box;}
.topfix5 {width:7%; padding:10px; box-sizing:border-box;}


.box-setting-login{
	width:100%;
	text-align:left;
}
.btn-green{
	}

.all-box{
	margin:0 auto;
	}
.box-otp{

	
	}
.box-otp input{
	
	margin-bottom:5px !important;
	}
	
.box-numid{

	padding-left:0px;
	}
	
.box-numid input{
	padding-left:0px;
	margin-bottom:5px !important;
	}
.check2{
	margin-right:10px;
	position:absolute;
	}
.text-check2{
	margin-left:20px;
	margin-bottom:5px;
	}
.box-setting-form div {
	font-style:normal;
	font-size:14px;
	}
	
.box-setting-form div a{
	font-style:normal;
	font-size:14px !important;
	}

.box-setting-form div input{
	font-style:normal;
	font-size:14px !important;
	}
.choose-text .all-box{
	background:none;
	}	
.all-box .drop-form{
	width:100% !important;
	}

.all-box .drop-form select{
	width:100% !important;
	}
.btn_buy2{
	font-size:12px !important;
	padding:3px 10px !important;
	}
.box-left2 {width:50%; float:left;}
.box-right2 {width:50%; float:right;}

.box-number select{
	width:135px !important;
	}
.box-reddetail{
	width:40%;
	}

}




/*mobile ธรรมดา*/
@media (max-width: 767px) {
	
	.text_l_pack{
	font-size:15px;
	line-height:17px;
	padding:5px;
	padding-left:7px;
	padding-top:7px;
	}
 .navbar-fixed-top {
    margin-bottom: 0px !important;
}
#data .text-datain {margin-right:0px !important;}
.form-horizontal .control-label {
 width: 100% !important;
  float:none !important;
  text-align:left !important;
}
.form-horizontal .controls {
  *padding-left: 20px;
  margin-left: 0px !important;
  float:none !important;
}
.bar-data-l {width:100%; float:left; text-align:left; margin-bottom:5px;}
.bar-data-r {float:left; width:100%; margin-left:0px;}	
.tooltipaction {width:60%;}
.banner-medium {margin:0 auto; width:auto;}
.btn-otp { width:auto;}
.btn-otp2 { width:auto;}

#data .box-data3 {width:100%;}  
.title-linecampaign {font-size:16px; line-height:26px;}
.btn-grey {width:100%; padding-right: 0;
  padding-left: 0; margin-left:0px; margin-right:0px;}  
.btn-grey2 {width:100%; padding-right: 0;
  padding-left: 0; margin-left:0px; margin-right:0px;}  
.btn-red {width:100%; padding-right: 0;
  padding-left: 0; margin-left:0px; margin-right:0px;}
.btn-green {width:100%; padding-right: 0;
  padding-left: 0; margin-left:0px; margin-right:0px;}
#lte .box-call {margin:10px 0; padding:10px;} 

#lte .title1{font-family:'true_boldregular'; font-size:16px; line-height:26px;}
#lte .title2{font-family:'true_mediumregular'; font-size:14px; line-height:24px;}
#lte .title3{font-family:'true_boldregular'; font-size:14px; line-height:24px;}
#lte .title4{font-family:'true_mediumregular'; font-size:16px;line-height:26px;}
#lte .box-register4g {font-size:14px; line-height:24px; margin:10px 0; } 
#lte a.btn-lte {width:100%; text-align:center; padding:4px 0;}
#lte a.btn-more {width:100%; text-align:center; padding:4px 0;}

#datapack .box-data {
    padding: 20px 10px;
	margin:10px;
}
#datapack .box-data-red {
    padding:10px;
	margin:10px;
}
#datapack .title {font-size:16px; line-height:24px; margin:10px 0;}
#datapack .pixel { min-height:110px;}
#datapack .mobileicon {display:none;}
.box-cofirm {width:auto; margin:0 auto;}
.thumb-campaign {width:100%;}

/*0%; float:none;}
.box-left {width:100%; float:none;}*/
.input-append, .input-prepend { margin-right:40px;}

.icn_package {width:33.33%; text-align:center; margin-bottom:20px;}
.icn_package img {width:80%;}
.text_icn {font-size: 12px; text-align:center; padding-left:10px; padding-right:10px; height:70px; margin-top:10px;}
.h_package {padding-top:20px; font-size:16px; width:120px; line-height:18px;}
.pic_icn_package{width:100px;}	
.btn_see_more{margin-top:10px; margin-right:0px;}
.btn_see_more .btn{
	display:block;
	height:35px;
	margin-top:10px;
	
	 }
.input-medium {
  width: 96% !important;
}
.drop-form{
	width:100%
	}
.text-caption{
	height:60px;
	overflow:hidden;
	}
.text-credit{
	font-size:11px;
	line-height:16px;
	color:#999;
	margin-bottom:20px;
	}
.text-credit2{
	margin-right:5px;
	font-size:11px;
	line-height:16px;
	color:#999;
	}
.box-thumb3 { width:100%; float:left !important;}


.text-hilight-wifi{
	font-size:18px;
	margin-top:30px;
	margin-bottom:5px;
	}
.text-hilight-wifi2{
	font-size:16px;
	margin:0px;
}

.flag {
  height: 15px;
  width: 20px;
  margin-top: 0px;
  margin-right: 4px; }
.topfix3 {width:40%; padding:10px; box-sizing:border-box;}  
.topfix4 {width:27%; padding:10px; box-sizing:border-box;}
.topfix5 {width:13%; padding:10px; box-sizing:border-box;}

.form-horizontal .pwd{
	padding-right:0px; -moz-box-sizing:border-box;}
.sms-pwd{
	width:100%;
	margin-right:15px;
	padding: 4px 0px !important;
	}
.box-setting-login{
	width:100%;
	text-align:left;
}
.btn-green {
	width:100%;
	margin-bottom:5px !important;

	
	}
.all-box{
	width:auto;
	margin:0px;
	padding:0px;
	}
.box-otp{
	width:100%;
	
	}
.box-otp input{
	width:100%;
	height:auto !important;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin-bottom:5px !important;
	}
	
.box-numid{
	width:100%;
	}
	
.box-numid input{
	width:100%;
	height:auto !important;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin-bottom:5px !important;
	}
	 
.box-setting-form .box-edit span{
	display:block;
	}



.box-setting-form div {
	font-style:normal;
	font-size:12px !important;
	}
	
.box-setting-form div a{
	font-style:normal;
	font-size:12px !important;
	}

.box-setting-form div input{
	font-style:normal;
	font-size:12px !important;
	}
.box-remark{
	margin-top:10px;
	background-color:#6b7174;
	padding:10px;
	}
.choose-text .text-capcha{
	margin-left:0px;
	text-indent:0px;
	}

.choose-text .text-form2{
	margin-left:0px;
	margin-right:0px;
	}

.choose-text .text-form2 input{
	width:100%;
	padding:4px 0px 4px 6px;
	}
.choose-text .text-form2 .btn-green{
	width:100%;
	}

.otp{margin-top:5px;}

.button-group a{
	margin-left:0px;
	}
.box-otp .btn-green{
	width:100%;
	padding:4px 0px 4px 0px;
	}
.choose-text .all-box{
	background:none;
	}
.wrap-all-box{
	width:100%;
	padding:0px;
	background:none;
	}
.text15{
	font-size:12px;
	}
.text14{
	font-size:13px;
	}
.text-htable{
	font-family:'true_mediumregular';
	font-size:12px;
	}

.new_tab .nav-tabs > li > a{
	width:85px;
	text-align:center;
	font-family:'true_mediumregular';
}

.text_price{
	font-size:16px;}

.box-left2 {width:100%; float:left;}
.box-right2 {width:100%; float:right;}

.btn-refresh{

	top:-3px;
	}
.box_special3{
	width:80px;
	}
.box-reddetail{
	width:100%;
	}
.in-reddetail{
	width:100%;
	}
.box-social {float:left; width:auto; text-align:left;}

}

/*mobile  แนวตั้ง*/
@media (max-width: 388px) {
	
	.text_l_pack{
	font-size:15px;
	line-height:17px;
	padding:5px;
	padding-top:7px;
	}
.mainmenu-hlife {
    font-size: 12px;
	font-family:Arial, Helvetica, sans-serif !important;
}
.box-privil {margin:20px 0;}
.box-privil-l { width:40%;}
.box-privil-r { width:60%; margin:5px 0 0 -10px; }
 #data .title { font-size:14px;}
.box-iservice {
   margin:0 0 10px 0; !important;
}
.nav-tabs > li > a {font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.nav-tabs > li > a, .nav-pills > li > a {
    margin-right: 0px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}
.progress {
  margin-bottom:0px !important;}
.text-normal {padding:5px 0;}
a.btn-vas { font-size:12px; width:20%; text-align:center; padding:3px 10px; min-height:30px;}
.box-rate { font-size:11px;}

.modal-body {
  max-height:none !important;
  padding:15px 15px !important;
}
.modal { overflow:scroll; height:300px;}
.radio input[type="radio"],
#datapack .pixel { background-image:none; min-height:20px;}
#datapack .mobileicon {display:none;}
#datapack .head {
padding:10px;
font-size:16px;
margin:0px 0 5px 0;
text-align:center;
}
.bar-buyvas a {
    font-size: 12px;
}
.label, .badge {
    font-size: 12px !important;
}
.detail-promoforu {padding: 8px 5px; margin:10px 0;}
.caption { font-size:12px;}
.box-thumb2 {width:100%; float:left;}
.box-thumb3 {width:100%; float:left;}
.caption {padding:0 5px; margin:10px;}
.modal-thumb {width:100%;}
body { font-size:12px !important;}
.table { font-size:11px;}
.row-thumb {margin-bottom:0;}

.name-id {font-size:11px; padding:5px;}
.thumb-id { width:50px; height:50px;}
.data-id1 {font-size:12px;}
.cbp-spmenu li{font-size:11px; padding:6px !important;}
.badge {font-size:11px !important;}
.thumb-id:hover {background:url(../images/hlife/icon-upload2.png);}
.ulmenu {height:250px; overflow:scroll;}
.box-id2 {font-size:12px; padding:2px;}
.box-reddetail {font-size:12px;}
.box-reddetailleft {width:100%;}
.box-social {float:right; width:100%; }
#data .box-datain2 {padding:0 0px;}
input {height:30px !important; box-sizing:border-box; width:100%;}
.font-xs {font-size:11px;}

.md-left {float:left; width:50%; padding-left:0%;}
.md-right {float:left; width:50%; padding-top:28px;}file:///Volumes/work/h-life/hlife-html08_SEP/images/hlife/bannerHL-990x200.jpg

.icn_package {width:33.33%; text-align:center; margin-bottom:20px;}
.icn_package img {width:80%;}
.text_icn {font-size: 12px; text-align:center; padding-left:10px; padding-right:10px; height:70px; margin-top:10px;}
.h_package {padding-top:10px; font-size:12px;}
.pic_icn_package{width:80px;}	
.btn_see_more{margin-top:10px; margin-right:0px;}
.drop-form{
	width:100%
	}
.choose-text{
	margin-bottom:10px;
	}
	
.choose-text .check{

	position:absolute;
	margin-top:-7px;
}

.text15{
	font-size:13px;
	}
.new_tab .nav-tabs > li > a{
	width:85px;
	text-align:center;
}
.box-right2 {width:100%; float:right;}

.box_special3 img{
	height:32px;
	}
.box_special3{
	width:80px;
	}



@media (min-width: 1px) and (max-width: 387px) {
	.box_special3{
	width:80px;
	}
	}