body,div,p,h1,h2, h3,h4, h5, h6,span,ol,ul,li,dl,dt,dd,table,a,p{font-family: verdana,Arial,helvetica,sans-serif;padding:0; margin:0;border: 0; outline: 0; font-size: 100%; background: transparent;}
body{font-family: verdana,arial,helvetica,sans-serif;font-size:12px; text-align:left;}
ol {list-style: none;}
/*  4. List  --------------------------------------------------------- */
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,ol ol, ol ul { margin: 6px 0 6px 30px; }
ul ul li, ul ol li,
ol ol li, ol ul  { margin-bottom: 6px; }
li { line-height: 18px;  }
.row .row{margin:0 auto !important}
input{color: #222222 !important;}
/*  1. Basic  ------------------------------------------------------- */
table {
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
}
*,
*:before,
*:after {-moz-box-sizing: border-box;/*-webkit-box-sizing: border-box;*/}

/*  2. Typography
       Vertical rhythm with leading derived from 6
--------------------------------------------------------------------- */
p img { margin: 0; }
p.lead {font: 20px/36px raleway-regular, sans-serif;margin-bottom: 18px;color: #9FA5AD;}

/*  3. Links  ------------------------------------------------------- */
a, a:visited { text-decoration: none;outline: 0; -webkit-transition: all .3s ease-in-out;    -moz-transition: all .3s ease-in-out;    -o-transition: all .3s ease-in-out;    transition: all .3s ease-in-out;}
a:hover, a:focus { color: #59afe1 !important;  transition-duration: 4s; transition-delay: 3s;transition:width 2s;
-moz-transition:width 2s; -webkit-transition:width 2s; -o-transition:width 2s;transition-timing-function: ease-in-out;-webkit-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;}
p a, p a:visited { line-height: inherit; }
p a, p a:visited { line-height: inherit; }
/*  5. Images  --------------------------------------------------------- */

img {max-width: 100%;height: auto;}
img.pull-right { margin: 12px 0px 0px 18px; }
img.pull-left { margin: 12px 18px 0px 0px; }
/* select { padding: 0;
   width: 220px;
   } */
input[type="checkbox"], input[type="radio"]{vertical-align:middle;color:#59afff !important}
.radio_service lable,.radio lable{vertical-align: sub;}
a.dnnFormHelp{position:inherit;top:0px}
.dnnTooltip{  width: 60% !important;  right: -20.5% !important;border-color: rgb(217, 224, 229);  top: 3% !important;box-shadow: 0px 2px 10px 0px rgba(28, 31, 33, 0.2);}
.dnnTooltip .dnnFormHelpContent, .dnnHelperTip .dnnFormHelpContent{width:95% !important}
.bottomArrow{line-height:140% !important}
.bottomArrow:after{ left: -7px !important; bottom: 40% !important; border-top: 7px solid transparent !important; border-bottom: 7px solid transparent !important; border-right: 7px solid #f2f6f9 !important;border-left:none;opacity:1}
blockquote, q {quotes: none;}
.clear,#reason .selection_problems{ clear:both;}
a{ cursor:pointer;}
div.ui-widget-content {color:red}

.box_center{margin:0 auto !important}
.text_center{text-align:center}
.text_left{text-align:left}
.text_right{text-align:right}
.float_right{float:right}
/*------------------------------------------------*/
/* SITE HEADER */
/*------------------------------------------------*/
/**width**/
header .row, .south .row, .copyright .row, .row{max-width:1020px !important;min-width:300px !important;}
footer.south{min-width:300px !important;}
.column, .columns{max-width:1020px !important;}
.magin_left{margin-left:0px !important}
.magin_right{margin-right:0px !important}
.margin_left_20{margin-left:1em}
.padding_right_20{margin-right:20px !important}
.padding_top_10{padding-top:1em !important}
.padding_bottom_30{padding-bottom:3em !important}
.padding_left_10{margin-left:1em !important}
.padding_left_15{margin-left:1.5em !important}
.padding_left_20{margin-left:20px !important}
.padding_left_25{margin-left:25px !important}
.padding_15_0{padding:1.5em 0 !important}
.padding_25_0{padding:2.5em 0 !important}
.padding_20_0{padding:2em 0 !important}
.padding_10_0{padding:1em 0 !important}
.max_width{width:100% !important;}

.inhent_width{max-width:1020px !important;min-width:300px !important}
.big_total{font-size:60px !important}
.second_big_total{font-size:38px !important}
/*------------------------------------------------*/
/*****color**********/
.bg_gray{background:#f5f7f8 !important}
.bg_grey{background:#e8e8e8 !important}
.bg_Titanium_Grey{background:#a19096 !important}
.bg_Space_Grey{background:#f0f1ec !important}
.black{color:#000 !important}
.bg_black,.bg_Jet_Black{background:#000000 !important}
.bg_Gold{background:#cbae78 !important}
.bg_pinkgold{background:#d8adc5 !important}
.bg_white,.bg_Wite{background:#ffffff !important}
.bg_Rose_Gold{background:#ecb1ad !important}
.bg_Silver{background:#f3f3f3 !important}
.font_white{color:#ffffff !important}
.font_gray{color:#666666 !important}
.font_deep_gray{color:#222222 !important}
.border_right{border-right:2px solid #e2e3e4 !important}
.font_bule{color:#59afff !important}
.bg_blue{background:#59afff !important}
.bg_cccccc{background-color:#cccccc !important}
.font_cccccc{color:#cccccc !important}
.font_wight{font-weight:700}
.bold{font-weight:bold !important}
.font_999999{color:#999999 !important}
.font_444444{color:#444444 !important}
.bg_576877{background-color:#576877 !important}
.font_lighter{font-weight:lighter !important}
.font_mono{font-family: monospace;}
.bg_222222{background:#222222 !important}
.font_555555{color:#555555 !important}
/*------------------------------------------------*/
/*---------font-size------*/
.font_30{font-size:30px !important}
.font_24{font-size:24px !important}
.font_20{font-size:20px !important}
.font_16{font-size:16px !important}
.font_18{font-size:18px !important}
.font_14{font-size:14px !important}
.font_12{font-size:12px !important}
/*--------end------------*/
/*--title---------------------------------------------*/
.title_h2{font-size:2.5em;font-weight:bold;line-height:100%;margin: 4px auto;padding-bottom:20px;}
.title_h3{font-size:2em;line-height:300%;padding-top:10px}
.title_h4{font-size:18px;line-height:50px}
/**border or Line**/
.border_bottom_eff4f8{border-bottom:1px solid #eff4f8}
.border_bottom_eeeeee{border-bottom:1px solid #eeeeee}
.border_left_eff4f8{border-left:1px solid #eff4f8}
.border_eff4f8{border:1px solid #eff4f8}
.border_dddddd{border:1px solid #dddddd}

.under_line{text-decoration:underline}
/*-end---*/
.float_left,#logo {float: left;}
.btn_Submit_disable{border:none;background:#8a8383 !important;color:#0077b4 !important;}
/*contents-wrapper*/
.content{ width:100%; background:#fff;font-family: verdana,arial,helvetica,sans-serif;}
#contents-wrapper,.content,site-wrapper{min-width:300px; margin:0 auto;}	
/*ul#nav li {position: relative;list-style: none;height: 48px;display: inline-block;}
 Links */
header{height:110px !important;margin-bottom:0px !important}
header .logo{top:0px !important}
header .logo a{max-width:130px !important}
header .column,header .columns{height:100%}
header div.row{max-width:1020px !important;}
#nav-wrap ul#nav{margin-top:2% !important}
#nav-wrap ul#nav ul.sub_menu {z-index:99999;background:#fff;width:200%;left:-10%;box-shadow: 0px 5px 20px 0px rgba(0, 75, 145, 0.9)}
#nav-wrap ul#nav ul.sub_menu li {display:block;margin:0 auto;text-align:center;z-index:99999;  border-bottom: none;}
#nav-wrap ul#nav ul.sub_menu li.last_li{border-bottom:none}
#nav-wrap ul#nav ul.sub_menu li.first_li{margin-top:10px}
#nav-wrap ul#nav ul.sub_menu li.pad_left{}
#nav-wrap ul#nav ul.sub_menu li.pad_left_1{}
#nav-wrap ul#nav li a {color: #222222;line-height:20px;z-index:99999;}
#nav-wrap ul#nav li:hover > a,
#nav-wrap ul#nav li.current a {color: #fff !important;border:none;background-color:#59afff !important;border-radius:20px;z-index:99999;font-weight:normal !important}
#nav-wrap ul#nav li a.selected {color: #fff !important;border: none;background-color:#59afff !important;border-radius:20px;z-index:99999;font-weight:normal !important}
#nav-wrap ul#nav ul.sub_menu li a{z-index:99999;margin-left:0px;padding:5px 10px;text-align:left !important;width:80%;margin:0 auto;font-weight:bold !important}
#nav-wrap ul#nav ul.sub_menu li:hover > a,#nav-wrap ul#nav ul.sub_menu li.current a,#nav-wrap ul#nav ul.sub_menu li a.selected{background-color:#ffffff !important;color:#59afff !important;font-weight:bold !important;border:2px solid #59afff;}

/* adds down arrow */


/*******contents********/

/**banner*/
@media only screen{
header .row, .south .row, .copyright .row, .row {max-width: 1020px !important;}
/**home page**/
/*banner*/
#scrollbanner{position:relative;}
.destop_banner{display:block;  position: relative;}
.layout_1{/* background: url("images/banner-blue.png") center center no-repeat; */ width:100%;background-size:cover; height:100%;  z-index: 4;opacity: 0.851;background-image: -moz-linear-gradient( 9deg, rgb(48,200,255) 0%, rgb(46,177,255) 34%, rgb(44,153,255) 79%);   background-image: -webkit-linear-gradient( 9deg, rgb(48,200,255) 0%, rgb(46,177,255) 34%, rgb(44,153,255) 79%);   background-image: -ms-linear-gradient( 9deg, rgb(48,200,255) 0%, rgb(46,177,255) 34%, rgb(44,153,255) 79%);}
.layout_2{ background-image: url("images/banner-purple.png"); background-size:cover; width: 100%;  height: 100%;  z-index: 7; background-repeat: no-repeat; background-position: center;}
#scrollbanner .ban-img{position: relative;margin:0 auto;display: block;  height: 550px;}
#scrollbanner .lowimage{background:url('images/cm-banner-1.jpg') center center no-repeat;}
#scrollbanner .banner_second{background:url('images/cm-banner-1.jpg') center center no-repeat;}
#scrollbanner .banner_three{background:url('images/cm-banner-1.jpg') center center no-repeat;}
#scrollbanner .m-banner_first,#scrollbanner .m-banner_second,#scrollbanner .m-banner_three{height:auto;width:100%}
#scrollbanner .rslides { width: 100%; position: relative; list-style: none; padding: 0;display: inline-block; }
#scrollbanner .rslides li{width:100%;position:relative}
#scrollbanner .rslides_nav { height: 45px; width: 36px; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left:15px; opacity: 0.5; text-indent: -9999px; overflow: hidden; text-decoration: none; margin-top: -28px; background: url(images/bg_direction_nav.png) no-repeat 0 0px; }
#scrollbanner .rslides_nav:active { opacity: 1.0 }
#scrollbanner .rslides_nav.next { left: auto; background-position: -36px 0px; right:15px; }
#scrollbanner .rslides_tabs { position: absolute; right: 45%; bottom: 9px;}
#scrollbanner .rslides_tabs li { display: inline; float: none; float:left; margin-right: 15px }
#scrollbanner .rslides_tabs a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #59afe1; display: inline-block; width: 15px; height: 15px; }
#scrollbanner .rslides_tabs .rslides_here a { background:#0069a6; }
#scrollbanner .rslides h1{font-size:46px;color:#ffffff;font-weight:700;line-height:100%;font-family:Gotham,verdana,arial,helvetica,sans-serif;margin: 0 auto;  padding-top: 2.5em;margin-bottom: 1.2em;}
#scrollbanner .rslides p{font-size:18px;font-weight:lighter;color:#ffffff;line-height:25px;font-family:Gotham,verdana,arial,helvetica,sans-serif;width: 68%;margin: 0 auto;}
#scrollbanner .rslides .join_btn{display:block;position:absolute;bottom:6.5em;left:39%;font-size:18px;font-weight:normal;color:#1f8cf1;background-color: rgb(255, 255, 255);width: 21.5%;height: 50px;border-radius:30px;line-height:50px;}
#scrollbanner .rslides .join_btn:hover{background-color: #dbeeff;  box-shadow: 0px 5px 20px 0px rgba(0, 75, 145, 0.9);}
#scrollbanner .banner_1{background:url('images/CM-homepage-banner-1.jpg') center center no-repeat;}

/*end*/
/*function_shortcut*/
#function_shortcut{padding-top:25px;padding-bottom:50px;margin:0 auto}
#function_shortcut .first_a{margin-right:1.5%}
#function_shortcut .middle_a{margin:0 auto}
#function_shortcut .last_a{float:right !important}
#function_shortcut .title_box{float:left;cursor: pointer;font-family: verdana,arial,helvetica,sans-serif;font-size:14px; display:inline-block;  height:auto;background-repeat:no-repeat; line-height:16px;text-align:center ;border: 1px solid #efeeec;min-height: 322px;}
#function_shortcut .title_box:hover,#handset #function_shortcut .phone_box:hover{-webkit-transition: background-color 1000ms ease-out;-moz-transition: background-color 1000ms ease-out;transition: background-color 1000ms ease-out;box-shadow: 0px 8px 15px 0px rgba(0, 64, 123, 0.15); }
#function_shortcut .title_box:hover>.internet_servicer,#function_shortcut .title_box:hover>.carbon_update,#function_shortcut .title_box:hover>.power_gas{width: 186px;height: 186px;margin: 15px 0 18px 0;}
#function_shortcut img{cursor: pointer; color:#fff; line-height:16px;margin: 25px 0 18px 0;max-width:100%}
#function_shortcut img.internet_servicer{}
#function_shortcut img.carbon_update{}
#function_shortcut img.power_gas{}
#function_shortcut img.internet_service_hover{width: 30%; padding:8px 0;}
#function_shortcut img.carbon_update_hover{width: 30%;padding:8px 0;}
#function_shortcut img.power_gas_hover{width: 30%;padding:8px 0;}
#function_shortcut span p {padding-right:10px;}
#function_shortcut .title_box a {text-decoration:none}
#function_shortcut .title_box p { font-size:14PX; font-weight:normal;color:#87847f;line-height:18px;   padding: 0px 7.8% 16px 7.8%;} 
#function_shortcut .title_box h1{font-size:16px; font-weight:600;color:#000;line-height:31px}
#function_shortcut span h1 {font-size: 20px;font-weight: normal;margin-bottom: 8px;line-height: 22px;color: #fff; }
.home_container{}
#family .family_img, #company .company_img {height:210px;display: inline-block;background-size:100%}
#family .family_img{ background:url('images/cm-want-family.png') center center no-repeat;margin-left:-2px}
#company .company_img{  background:url('images/cm-want-company.png') center center no-repeat;margin-left:2px;}
#family,#company{float: left;text-align:center}
#family{border-right: 1px solid #efeeec;}
#family a, #company a,.checkplan_btn a{box-shadow: 0px 5px 15px 0px rgba(0, 117, 225, 0.5);display: block;height: 40px;background-color: #59afff;color: #fff !important;font-size: 15px;text-align: center;line-height: 40px;border-radius: 20px;margin: 0 auto;}
.checkplan_btn a{width:30%;margin-top:20px}
#family a:hover, #company a:hover,.checkplan_btn a:hover{background-color: #66d6ff;margin-top:18px;margin-bottom:2px}
#company a{margin-top:39px}
#family .family_title,#company .company_title{display: inline-block;text-align: center;margin-top: 15%;}
#family .family_title h3,#company .company_title h3,#home_subtitle p{font-size: 16px;margin-bottom: 14px;line-height:150%}
#company .company_title{float: right;}
#home_subtitle{text-align: center;font-size: 26px;}
#home_subtitle h1{line-height:50px;margin-top:30px}
#home_subtitle p{line-height:50px;font-size:18px;}
.home_container .plan{max-width:320px;height:220px;display:inline-block;text-align:center;background-repeat:no-repeat}
.home_container .plan .lay{width:100%;max-width:320px;height:220px;display:inline-block;text-align:center;background-image: -moz-linear-gradient( 90deg, rgb(102,214,255) 0%, rgb(89,175,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(102,214,255) 0%, rgb(89,175,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(102,214,255) 0%, rgb(89,175,255) 100%);opacity:0.79}
.home_container #single_box{background-image:url('images/cm-home-singlebg.jpg') !important; }
.home_container #family_box{margin-left:2%;border-right:none;background-image:url('images/cm-home-familybg.jpg') !important;}
.home_container #company_box{background-image:url('images/cm-home-businessbg.jpg') !important;}
.home_container .plan .span_icons{margin-top:20% !important;opacity:1;margin:0 auto;width:84px;height:65px;display:block;background:url('images/cm-home-icons.png') no-repeat;}
.home_container .plan .signle{background-position: 19px 0;}
.home_container .plan .family{background-position: -69px -1px;}
.home_container .plan .company{background-position: -152px -1px;}
.home_container .plan p{margin-top:10px;opacity:1;font-size:16px;font-weight:normal;font-size:16px;color:#fff;text-align:center}
.home_container .plan:hover>.lay{background:none;opacity:1}
.home_container .plan:hover>.lay .span_icons{display:none}
.home_container .plan:hover>.lay p{margin:28% auto;background-image: -moz-linear-gradient( 0deg, rgb(89,175,255) 0%, rgb(102,214,255) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(89,175,255) 0%, rgb(102,214,255) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(89,175,255) 0%, rgb(102,214,255) 100%);
  box-shadow: 0px 8px 25px 0px rgba(0, 69, 134, 0.004);  width: 180px;height: 50px;line-height:50px;border-radius:50px;font-size:18px;font-weight:bold}

/*end**/
/**chirdren banner**/
.chirdren_banner{height:200px;background-size:cover}
.chirdren_layout_1{  background-image: -moz-linear-gradient( 9deg, rgb(48,200,255) 0%, rgb(46,177,255) 34%, rgb(44,153,255) 79%);background-image: -webkit-linear-gradient( 9deg, rgb(48,200,255) 0%, rgb(46,177,255) 34%, rgb(44,153,255) 79%);background-image: -ms-linear-gradient( 9deg, rgb(48,200,255) 0%, rgb(46,177,255) 34%, rgb(44,153,255) 79%);}
.chirdren_layout_2{background-image: url('images/CM-chirdrenpage-bannerbg-purple.png');background-repeat: no-repeat; background-position: center;}
.chirdren_banner h1{font-size:3em;padding-top: 1.3em;}
.children_icon{/*margin-top: 0.35em !important; background-size: 100%; */background-repeat:no-repeat;background-position:center;display:block;height: 100px;vertical-align: bottom;margin-bottom: 0px;/* position: absolute; *//* bottom: 0px; */margin: 0 auto;}
.chirdren_banner .phone_icon{background-image:url('images/CM-chirdrenpage-banner-phone-icon.png');  max-width: 471px;}
.chirdren_banner .mobile_icon{background-image:url('images/CM-chirdrenpage-banner-mobie-icon.png');  max-width: 471px;}
.chirdren_banner .support_icon{background-image:url('images/CM-chirdrenpage-banner-support-icon.png');  max-width: 471px;}
.chirdren_banner .bills_icon{background-image:url('images/CM-chirdrenpage-banner-bills-icon.png');  max-width: 471px;}
.chirdren_banner .contactus_icon{background-image:url('images/CM-chirdrenpage-banner-contactus-icon.png');  max-width: 471px;}
.chirdren_banner .about_icon{background-image:url('images/CM-chirdrenpage-banner-about-icon.png');  max-width: 471px;}

/**end**/
/*****single plan******/
.singleplan .plan_box{margin:40px auto !important;box-shadow: 0px 10px 20px 0px rgba(0, 64, 123, 0.2);}
.singleplan .plan_box p{line-height:25px;padding:5px 0}
.singleplan .plan_box .price p{padding:0;margin-left:6%}
.singleplan .plan_box .price p.bold{padding:5px 0}
.singleplan .plan_box .Inclusion p{margin-right:6%}
.singleplan .plan_box .plan_info{display:inline-block;border:1px solid #59afff;margin:55px 15px}
.singleplan .plan_box .Inclusion{border-left:none}
.singleplan .plan_box .price{border-right:none}
.singleplan .title_li{height:100px}
.singleplan .title_li h1{line-height:100px}
/***end****/
/***plans page***/
#mobilePlan{padding-bottom:50px}
#mobilePlan .plans .title_h3{  margin-top: 30px;  line-height: 50px;}
#mobilePlan .plans .second_title{display:inline-block;margin-bottom:35px}
#mobilePlan .plans p.left_ti{margin-left:-100px}
#mobilePlan #function_shortcut .plan_box{display:inline-block;min-height:300px;margin:45px;}
#mobilePlan .plan_box{background-color: rgb(255, 255, 255);  box-shadow: 0px 10px 20px 0px rgba(0, 64, 123, 0.2);}
#mobilePlan .plan_box ul li{padding:15px 0;  text-align: center;}
#mobilePlan .plan_box ul li.title_li{padding:8px 0}
#mobilePlan .plan_box ul li.border_li{border-bottom:1px solid #eeeeee}
#mobilePlan .plan_box ul li.last_li{padding-bottom:25px}
#mobilePlan .plan_box ul li strong{font-size:18px;line-height:30px}
#mobilePlan .plan_box ul li strong.big_total,.big_total,.second_big_total{vertical-align:text-bottom;line-height:100%}
#mobilePlan .plan_box ul li a.cis{text-decoration:underline}
#mobilePlan .plan_box ul li p{line-height:22px;  width: 90%;  margin: 0 auto;}
#mobilePlan .plan_box ul li span.total_mark,.total_mark{font-size:35px;vertical-align: top;}
#mobilePlan .plan_box .addtocart_btn{  background-image: -moz-linear-gradient( 90deg, rgb(95,92,255) 0%, rgb(89,175,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(95,92,255) 0%, rgb(89,175,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(95,92,255) 0%, rgb(89,175,255) 100%);
  box-shadow: 0px 5px 15px 0px rgba(0, 117, 225, 0.5);height:50px;border-radius:50px;width:36.7%;  display: block;  margin: 0 auto;  line-height: 50px;margin-bottom: -22px;}
#mobilePlan .plan_box .addtocart_btn:hover{  background-image: -moz-linear-gradient( 90deg, rgb(89,175,255) 0%, rgb(102,214,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(89,175,255) 0%, rgb(102,214,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(89,175,255) 0%, rgb(102,214,255) 100%);margin-bottom: -24px;color:#ffffff !important}
#mobilePlan .note span.mark_show,.mark_show{transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* Internet Explorer */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari ºÍ Chrome */
-o-transform:rotate(-90deg); /* Opera */  display: inline-block;  font-stretch: ultra-expanded;  font-family: monospace;cursor:pointer}
#mobilePlan .note span.selected,#details span.selected{transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari ºÍ Chrome */
-o-transform:rotate(90deg);}
#mobilePlan .note{ border-bottom: 1px solid #e2e7ed;}
#mobilePlan .note h4{  padding: 5px;  border-bottom: 1px solid #e2e7ed;cursor: pointer;}

#mobilePlan .note p{line-height:20px;padding:10px 30px}
#mobilePlan .note p.last_p{margin-bottom:20px}
#mobilePlan .note p.first_p{margin-top:20px}
/****end****/
/*summary page**/
/*progress*/
.Registration{padding-top:1em !important}
.mobile_title{display:none}
.regist_progress{  margin-top: 2em !important;text-align:left;}
.regist_progress a.progress_a{cursor:pointer;margin-top:-21px;width:25%; float: left;position: relative;}
#three_bar a.progress_a{width:33.3%}
#three_bar a.progress_second_a{text-align:center !important}
#three_bar .regist_bar .first_bar{left: 16%;}
#three_bar .regist_bar .second_bar_fill,#three_bar .regist_bar a.progress_second_a .second_bar_fill{/* margin-left: 14em !important; */left: 26%;}
#three_bar .regist_bar .fill_bar{width: 130% !important;/* margin-top:-2.6em !important */left：0px}
#three_bar .regist_bar a.progress_second_a .yellow_bar{left:57%}
#three_bar .regist_bar .span_second{margin-left:0 !important}
#three_bar .regist_bar .span_four{margin-right:-3px}
.regist_progress a.progress_second_a,.regist_progress a.progress_third_a{text-align:left}
.regist_progress a.progress_first_a{margin-left:-1px}
.regist_progress a:hover>span.current_title{color:#fcd000 !important}
.regist_progress a>span:hover.current_progress{color:#59afff !important}
.regist_progress .regist_bar{width:90%;height:9px; text-align: left; border-radius: 10px;margin:0 auto}
.regist_progress .regist_bar span{display: inline-block;}
.regist_progress .regist_bar span.progress_cricle{padding: 7px 14px;border-radius:30px;  display: inline-block; }
.regist_progress .regist_bar span.current_progress{color:#ffffff !important;background-color:#fcd000 !important;border:3px solid #ffffff;  padding:4px 13px;font-family: monospace;}
.regist_progress .regist_bar .span_first{}
.regist_progress .regist_bar .span_second{margin-left:1.41em}
.regist_progress .regist_bar .span_third{margin-left:3.01em}
.regist_progress .regist_bar .span_four{float:right;margin-left:0px !important;  margin-right: -1px;}
.regist_progress .regist_bar .yellow_bar{background-color:#fcd000;height:8px;vertical-align:middle;/* margin-left: -8px; */left: 4%;}
.regist_progress .regist_bar span.shot_bar{width:50%;vertical-align: middle;height: 5px;/* margin-top: -41px; */position: absolute;top: 43.5%;}
.regist_progress .regist_bar .first_bar{left: 22%;}
.regist_progress .regist_bar .second_bar{left:46%}
.regist_progress .regist_bar .third_bar{left:72%}
.regist_progress .regist_bar .fill_bar{  width: 110% !important;  /* margin-top: -2.6em !important; */  /* margin-left: 46px !important; */  /* z-index: 10 !important; */  /* position: relative; */}
.regist_progress .regist_bar .second_bar_fill{margin-left:8em !important;}
.regist_progress .regist_bar .third_bar_fill{  margin-left: 69% !important;/*margin-top: -2.6em !important;*/}
.regist_progress .regist_title{margin-top:2em}
.regist_progress .progress_title{display:inline-block; width:24%;margin-top:1em}
#three_bar .progress_title{width:32%}
.regist_progress .progress_second_title{text-align:center}
.regist_progress .progress_third_title{text-align:center}
.regist_progress .last_title{text-align:right}
.regist_progress .current_title{color:#fcd000 !important}
.regist_progress span.title_first{}
.regist_progress span.title_second{  margin-right: 1em;}
.regist_progress span.title_third{  margin-left: 4em;}
#three_bar span.title_third{ margin-left: 3em !important;}
.regist_progress span.title_four{}
.regist_progress .last_progress{}
/*end*/
.box_shadow{  background-color: rgba(255, 255, 255, 0);
  box-shadow: 0px 10px 20px 0px rgba(0, 64, 123, 0.2);}
#planSummary #function_shortcut h3{margin-bottom:0.1em}
#planSummary #function_shortcut .close{padding: 4px 6px; font-size: 16px;}
#planSummary #function_shortcut .row div,#mobileNumber .row div,#handset .row div,#handsetdetails #function_shortcut .row div{display:inline-block}
#planSummary #function_shortcut .row div span.summary_icon{display:inline-block;width:46px;height:30px;vertical-align: middle;margin-right:5px}
#planSummary #function_shortcut .row div span.plan_icon{background:url('images/summary_plan_icon.png')}
.phoneSummary #function_shortcut .row div span.phone_icon{background:url('images/summary_phone_icon.png')}
.phoneSummary #function_shortcut .row .phone_left{width:100% !important}
.phoneSummary #function_shortcut .row .phoneimage{vertical-align:top}
.phoneSummary #function_shortcut .row .phoneimage img{width:106px;height:120px;margin:0}
.phoneSummary #function_shortcut .row div.phonedetail p{line-height:24px !important}
#planSummary #function_shortcut .row div span.extra_icon{background:url('images/summary_extra_icon.png')}
#planSummary #function_shortcut .row div span.delivery_icon{background:url('images/summary_delivery_icon.png')}
#planSummary #function_shortcut .row div span.promo_icon{background:url('images/summary_promo_icon.png')}
#planSummary #function_shortcut .row div p,#planSummary #function_shortcut .row div span,#function_shortcut .row div span,#function_shortcut .row div p,#function_shortcut .row p,#function_shortcut .row span{line-height:30px;}
#planSummary #function_shortcut div.total_box{margin-top:10px !important;box-shadow: 0px 5px 15px 0px rgba(49, 60, 70, 0.5);}
#planSummary #function_shortcut div.amout_box{vertical-align:top}
#planSummary #function_shortcut div.promo_box{margin-top:10px !important}
/*#planSummary #function_shortcut .second_big_total{margin-right:0.5em !important}*/
.second_total_mark{font-size:22px;vertical-align: top;}
#planSummary #function_shortcut .row div.price{  vertical-align: top;}
#planSummary #function_shortcut .reduce_btn{padding:3px 8px;border-radius:30px}
#planSummary #function_shortcut .add_btn,.add_btn{padding:3px 5px;border-radius:30px}
#planSummary #function_shortcut .reduce_btn:hover,#planSummary #function_shortcut .add_btn:hover{background-color:#59afff}
#planSummary #function_shortcut input,input{border: 1px solid #dddddd; margin: 0 5px; height: 2em;}
#planSummary #function_shortcut .input_number{  width: 5em;  border-radius: 20px; }
#planSummary #function_shortcut .input_promo{width:10em;}
#planSummary #function_shortcut .promo_btn{margin-left:5px;border:none;width:20%;height:2em;line-height:2em;border-radius:2em;background-color: rgb(89, 175, 255);  box-shadow: 0px 5px 15px 0px rgba(0, 117, 225, 0.5);}
#planSummary #function_shortcut .promo_btn:hover{margin-left:7px;background-color: rgb(102, 214, 255);  box-shadow: 0px 5px 15px 0px rgba(102, 214, 255, 0.8)}
#planSummary #function_shortcut .buy_btn,.btn_shadow,.buy_btn{ border-radius:50px;margin:30px auto; display: block;text-align:center;height:50px;line-height:50px;width:24.5%;background-color: rgb(89, 175, 255);  box-shadow: 0px 5px 15px 0px rgba(0, 117, 225, 0.5);margin-bottom:20px}
#planSummary #function_shortcut .buy_btn:hover,.btn_shadow:hover,.buy_btn:hover{ margin-top:28px;margin-bottom:32px; background-color: rgb(102, 214, 255);  box-shadow: 0px 5px 15px 0px rgba(102, 214, 255, 0.8);color:#fff !important}
/*danny*/
.buy_btn_small{ border-radius:50px;display: inline-block;text-align:center;height:30px;line-height:30px;width:10.5%;background-color: rgb(89, 175, 255);  box-shadow: 0px 5px 15px 0px rgba(0, 117, 225, 0.5);float: right;margin-top: 10px;margin-right: 10px;}
.buy_btn_small:hover{background-color: rgb(102, 214, 255);  box-shadow: 0px 5px 15px 0px rgba(102, 214, 255, 0.8)}
.buy_btn_small-2{ border-radius:50px;display: inline-block;text-align:center;height:35px;line-height:35px;width:32.5%;background-color: rgb(89, 175, 255);  box-shadow: 0px 5px 15px 0px rgba(0, 117, 225, 0.5);float: right;}
.buy_btn_small-2:hover{background-color: rgb(102, 214, 255);  box-shadow: 0px 5px 15px 0px rgba(102, 214, 255, 0.8);color:#fff !important}
#function_help h3{margin-bottom:2em;margin-top:2em}
#function_help h4{margin-top:1em}
#function_help .title_box{display:inline-block;min-height:150px;margin:15px auto}
/***end**/
/**mobileNumber**/
#mobileNumber #function_shortcut{padding-top:0px}
#mobileNumber .row{text-align:center}
#mobileNumber .mobile_box{margin:0 auto !important;padding-bottom:15px}
#mobileNumber .mobile_box p{padding-top:3px;margin-left:4.2%;text-align:left}
#mobileNumber .mobile_box p.radio{margin-left:0 !important}
#mobileNumber .mobile_box p.title_p{margin-left:3% !important}
#mobileNumber .formula div{text-align:left !important;}
#mobileNumber .formula{padding-top:5px!important;}
#mobileNumber .formula div.add{margin-right:0.5em}
#mobileNumber p.p_bggray{padding:5px 0;line-height:2em;margin-top:15px !important;padding-left:1em}
#mobileNumber .mobile_box input,#details input,#mobileNumber select,select{height:2.5em}
/*danny*/
/*#mobileNumber select{margin-left:5%}*/
#mobileNumber .mobile_box .less_box,.less_box{vertical-align:top;margin-left:0.2em}
#mobileNumber .mobile_box .summary_box{margin:5px auto}
#mobileNumber .mobile_box input[type="checkbox"],.check_condition{margin-left:1em !important}
#mobileNumber .mobile_box input[type="checkbox"]{vertical-align:middle}
/**end*/

/***yourDetails**/
#details .details_box{margin:40px auto;}
#details .title_h4{cursor:pointer}
#details .title_p{  padding-top: 0px !important;margin-left:2% !important}
#details .radio_service{margin-left:2% !important}
#details .row div{display:inline-block;text-align:center}
#details div span.mark_show{margin-right:1em;  margin-top: 0.5em;display:inline-block}
#details p.terms{padding:10px 0 0px 0;}
#details .terms_p{ width: 97%; line-height:20px !important;  padding: 5px !important;}
#details .terms_p_first{margin-top: -33px !important;}
#details input[type="checkbox"], input[type="radio"] {margin-left:0px}
#details .input_box p{padding-top:0.5em;text-align:left;margin-left:4%}
#details .input_box span.radionbutton{padding-right:2em}
#details input[type="checkbox"]{vertical-align:middle !important;}
#details .check_condition input[type="checkbox"]{margin-left:1.1em !important}
#details .order_total{padding:0px 0 10px 0 !important}
#details .last_box{margin-bottom:0 !important}
#details .order_summary_box div{text-align:inherit}
#details #phone_order .price p{text-align:right !important;margin-right:0.5em} 
#details #phone_order div{text-align:inherit}
#details #phone_order p{line-height:28px !important}
#details #phone_order .order_total{padding:5px 0 10px 0 !important}
#details span.selected{}
#details #delivery .address a.buy_btn_small{margin-top:0 !important;margin-left:20px;float:none}
#details #function_shortcut .buy_btn:hover,.btn_shadow:hover,.buy_btn:hover{margin-bottom:22px !important;color:#ffffff !important}
/*end*/

/*success page**/
.success_box .buy_btn{margin:40px auto !important}
.success_box .buy_btn:hover{margin-top:38px !important;margin-bottom:42px !important;color:#ffffff !important}
/*end*/

/**handset & detail***/
#handset #function_shortcut .phone_box{padding-bottom:10px;display:block;margin:15px auto !important}
#handset #function_shortcut .phone_box img{width:237px; height:270px;border:none !important;padding:0 !important;margin: 0 !important}
#handset #function_shortcut .phone_box h4{margin-top:-1em}
#handset .phone_show{padding-top:40px}
#handset .destop_show{display:block}
#handset .mobile_show{display:none}
#handsetdetails #function_shortcut{padding-top:40px}
#handsetdetails #function_shortcut div.row{margin:30px auto}
#handsetdetails #function_shortcut div#left_img{text-align:center;}
#handsetdetails #function_shortcut .phone_image{vertical-align:bottom;position:relative;text-align:center}
#handsetdetails #function_shortcut .phone_image img{max-width:422px;width:100%}
#handsetdetails #function_shortcut .phone_image a.ca-control{position:absolute;top:45%}
#handsetdetails #function_shortcut .phone_image .arrow {width:40px;height:40px ; display: inline-block;  line-height: 40px;  text-align: center}
#handsetdetails #function_shortcut .phone_image a.ca-control-next{right:0px}
#handsetdetails #function_shortcut .phone_image a.ca-control-prev{left:0px}
#handsetdetails #function_shortcut .value_show{float:right}
#handsetdetails #function_shortcut .value_show span.color,#handsetdetails #function_shortcut .value_show span.memory{padding:5px 10px;display:inline-block;margin: 0.5em 1em 0.5em 0em;}
#handsetdetails #function_shortcut .value_show span.color_show{padding:2px 10px;border-radius:20px;margin-right: 0.5em;border: 1px solid #ccc;}
#handsetdetails #function_shortcut .value_show div{}
#handsetdetails #function_shortcut .value_show div a.buy_btn {width: 40%;margin-left: 20px;margin-top: 22px; }
#handsetdetails #function_shortcut .value_show div a.buy_btn:hover{margin-bottom: 22px !important;margin-top: 21px;color:#ffffff !important}
#handsetdetails #function_shortcut .value_show div span{cursor:pointer}
#handsetdetails #function_shortcut .value_show div span.mark_money{vertical-align:bottom}
#handsetdetails #function_shortcut .value_show span:hover,#handsetdetails #function_shortcut .value_show span.select{border:1px solid #59afff}
#handsetdetails #function_shortcut .keyfeature_box h4,#handsetdetails #function_shortcut .tech_box h4{margin-left:1em}

#handsetdetails #function_shortcut .tech_box .first_div{vertical-align:top}
#handsetdetails #function_shortcut .keyfeature_box ul,#handsetdetails #function_shortcut .tech_box ul{margin:0 3em}
#handsetdetails #function_shortcut .keyfeature_box ul li,#handsetdetails #function_shortcut .tech_box ul li{list-style:disc;padding:5px 0}
#handsetdetails #function_shortcut .tech_box .feature_icon{vertical-align: middle;  margin-right: 0.5em;display:inline-block;width:23px;height:23px;background:url('images/handset-details_icon.png') no-repeat}
#handsetdetails #function_shortcut .tech_box .Specification_icon{background-position:0px 0px}
#handsetdetails #function_shortcut .tech_box .Network_icon{background-position:0px -129px}
#handsetdetails #function_shortcut .tech_box .Camera_icon{background-position: 0px -33px;}
#handsetdetails #function_shortcut .tech_box .Display_icon{background-position: 0px -165px;}
#handsetdetails #function_shortcut .tech_box .Size_icon{background-position:0px -199px}
#handsetdetails #function_shortcut .tech_box .Connectivity_icon{background-position: 0px -66px;}
#handsetdetails #function_shortcut .tech_box .Battery_icon{background-position: 0px -98px;}
#handsetdetails #function_shortcut .tech_box .Box_icon{background-position: 0px -231px;}
/**end**/
/***support page***/
#support .row div.title_box,#support .row a.title_box{display:inline-block;min-height:0px;border:none;vertical-align:middle;margin:20px auto !important}
#support .row div.last_a,#support .row a.last_a{float:right}
#support .row div.title_box div,#support .row a.title_box div{display:inline-block;}
#support #function_shortcut .title_box .small-9-1{vertical-align:top;min-height: 113px;}
#support #function_shortcut .title_box p{line-height:150%;padding:0;width:96%}
#support #function_shortcut .tc .small-3-1{  vertical-align: baseline;  margin-top: 5%;}
#support #function_shortcut .myaccount{ }
#support #function_shortcut .title_box .terms h1{line-height: 24px;margin-bottom:11px !importants}
#support #function_shortcut .title_box .terms p{line-height: 18px !important;}
#support #function_shortcut .title_box .small-9-1 h1{margin-bottom:0.5em}
#support #function_shortcut .title_box .small-9-1 h1:hover,#support #function_shortcut .title_box:hover>.small-9-1 h1{color:#5b656a !important}
#support #function_shortcut .title_box .small-9-1 p a:hover,#support #function_shortcut .title_box:hover>.small-9-1 p a{color:#59afff !important}
#support #function_shortcut .title_box:hover{margin-left:-2px !important;margin-right:2px !important;}
#support #function_shortcut .title_box .support_icon{display:inline-block;background:url('images/support-icons-blue.png') no-repeat;width:94px;height:94px}
#support #function_shortcut .title_box .support_icon:hover,#support #function_shortcut .title_box:hover>.small-3-1 .support_icon{display:inline-block;background:url('images/support-icons-gray.png') no-repeat;width:94px;height:94px}
#support #function_shortcut .title_box .support_contact_icon,#support #function_shortcut .title_box .support_contact_icon:hover{background-position:0px 0px}
#support #function_shortcut .title_box .support_faq_icon,#support #function_shortcut .title_box .support_faq_icon:hover,#support #function_shortcut .title_box:hover>.small-3-1 .support_faq_icon{background-position:0px -309px}
#support #function_shortcut .title_box .support_tc_icon,#support #function_shortcut .title_box .support_tc_icon:hover,#support #function_shortcut .title_box:hover>.small-3-1 .support_tc_icon{background-position: 0px -104px;}
#support #function_shortcut .title_box .support_nc_icon,#support #function_shortcut .title_box .support_nc_icon:hover,#support #function_shortcut .title_box:hover>.small-3-1 .support_nc_icon{background-position: 0px -416px;}
#support #function_shortcut .title_box .support_bp_icon,#support #function_shortcut .title_box .support_bp_icon:hover,#support #function_shortcut .title_box:hover>.small-3-1 .support_bp_icon{background-position: 0px -208px;}
#support #function_shortcut .title_box .support_myaccount_icon,#support #function_shortcut .title_box .support_myaccount_icon:hover,#support #function_shortcut .title_box:hover>.small-3-1 .support_myaccount_icon{background-position: 0px -512px;}
#support #function_shortcut .title_box .support_spec_icon,#support #function_shortcut .title_box .support_spec_icon:hover,#support #function_shortcut .title_box:hover>.small-3-1 .support_spec_icon{background-position: 0px -627px;height: 95px;}
/**end*/
/**FAQ page**/
.faq_top h1{padding-top:0.8em !important}
.faq_top p{margin-top:0.6em !important}
.faq_top .faq_search{width:51%;height:3em;border-radius:50px;border:none;padding-left:10px}
.faq_top a.faqsearch_btn{display:inline-block;width:12%;margin-left:5px;height:2.6em;border-radius:50px;line-height:2.6em;border:2px rgb(255, 255, 255) solid;background-color: rgba(255, 255, 255, 0)}
.faq_top a.faqsearch_btn:hover{background-color: rgba(255, 255, 255, 0.149);opacity:0.8;color:#ffffff !important}
#faq #function_shortcut .left_position a,#billspayment #function_shortcut .left_position a{line-height:40px;margin:5px auto;display:block;width: 90%;}
#faq .row div,#billspayment .row div{display:inline-block}
#faq #function_shortcut .left_position,#billspayment #function_shortcut .left_position{  vertical-align: top;  margin-top: 7em;}
#faq #function_shortcut .left_position a,#b#function_shortcut .left_position a{display:block}
#faq #function_shortcut .left_position a.selected,#billspayment #function_shortcut .left_position a.selected{color:#ffffff !important;background:#59afff ;border-radius:35px;font-weight:bold !important}
#faq #function_shortcut .left_position a.selected:hover,#billspayment #function_shortcut .left_position a.selected:hover{color:#ffffff !important}
#faq #function_shortcut .left_position a:hover,#billspayment #function_shortcut .left_position a:hover{color:#59afff !important}
#faq #function_shortcut .faq_list { padding-left: 2em !important;}
#faq #function_shortcut .faq_list .q_title{cursor:pointer}
#faq #function_shortcut .faq_list .q_title span.selected{display:block}
#faq #function_shortcut .faq_list .q_title abbr{display:inline-block}
#faq #function_shortcut .faq_list .q_title span{display:none;padding:2px 7px;float:right;border:1px #59afff solid;font-weight:bold;color:#59afff;background:#ffffff;border-radius: 22px} 
#faq #function_shortcut .faq_list .q_title span.icon_show{padding:2px 10px;color:#ffffff !important;background:#59afff !important}
#faq #function_shortcut .faq_list .supportanswer p,#faq #function_shortcut .faq_list .q_title{line-height:25px}
#faq #function_shortcut .faq_list .supportquestion,#faq #function_shortcut .faq_list .questionselected{width:100%}
#faq #function_shortcut .faq_list .supportanswer{display: none;  margin: 10px 0 0 0;  padding: 10px;}
.backtop{position:fixed;bottom:50px;right:0;z-index:200;text-align:center;_position:absolute;_bottom:auto;filter:alpha(opacity=70);opacity:.7}
.backtop a:hover{text-decoration:none}.backtop .trigger{display:block;overflow:hidden}.backtop .trigger:hover{background:#aeaeae}.backtop .trigger span{display:block;width:45px;height:45px;line-height:48px;color:#fff;font-size:16px;border:1px solid #dfdfdf;background:url(images/top.png) center no-repeat #fff}#faq .backtop .totop-btn{display:none}
/*end**/
/***bills&payment page*/
#billspayment #function_shortcut .left_position p{line-height:3em}
#billspayment #function_shortcut .left_position p span{display:inline-block;background:url('images/bills-payment-icon.png') no-repeat;width:26px;height:26px;margin-right:0.6em;  vertical-align: middle; margin-left: 1em;}
#billspayment #function_shortcut .faq_list .q_title{padding:15px 0}
#billspayment #function_shortcut .faq_list p{padding:5px 0;line-height:150%}
#billspayment #function_shortcut .faq_list ul li{  list-style-type: disc; margin-left:20px;  font-size: 18px;}
#billspayment #function_shortcut .faq_list p{}
#billspayment #function_shortcut .understand_bill img{max-width:377px;width:100%}
#billspayment #function_shortcut .read_bill{max-width:678px;}
#billspayment #function_shortcut .tips ul li{list-style: outside;}
#billspayment #function_shortcut .tips ul{}
/****end**/
/**contactUs page**/
#contactus #function_shortcut title_h2{margin-top:1em !important;margin-bottom:0.5em !important}
#contactus #function_shortcut input{margin:0.8em auto !important;height:2.5em !important;padding-left:10px !important}
#contactus #function_shortcut input#txtContent{height:5em !important}
#contactus #function_shortcut .fieldcommentspan{color:red;text-align:left;font-size:14px}
/**end**/
/***about page**/
#about .row div{display:inline-block}
#about .row {padding:50px 0}
#about #function_shortcut{padding:0 !important}
#about #function_shortcut .row .right_info{float:right;}
#about #function_shortcut .row .left_info p{line-height:25px;padding:3px 0}
#about #function_shortcut .row .about_icon{display:inline-block;margin-right:5px;vertical-align:bottom;width:31px;height:31px;background:url('images/about_icon.png')}
#about #function_shortcut .row .aboutcovau_icon{background-position:0 0}
#about #function_shortcut .row .mission_icon{background-position:0 -31px}
#about #function_shortcut .row .story_icon{background-position:0 -63px}
/***end*/
/****register***/
.register_banner{position:relative;background-image: url('images/register-banner.jpg');background-repeat: no-repeat;background-position: center;min-height: 650px;background-size: cover;}
.contact_content{position: relative;margin-top: 11%;float: left;}
.desktop_show{display: inline-block;}
.mobile_show{display:none;text-align:left;/* margin-left:8% */}
#registervalue{background-color: rgba(255, 255, 255, 0.961);box-shadow: 0px 10px 25px 0px rgba(74, 109, 174, 0.9);z-index: 9;float: right;margin-top: 6%;}
#registervalue h2{padding-top:20px;text-align:center}
#registervalue input,#registervalue select{opacity:0.6;height: 43px;background-color: rgba(255, 255, 255, 0.961);margin-top: 8px;margin-bottom: 8px;border:none;border-bottom:2px solid rgb(204, 204, 204);font-size: 14px;}
#registervalue input:hover,#registervalue select:hover {border:none; border-bottom:2px solid rgb(102, 214, 255);}
#registervalue .buy_btn{width:83%;margin: 25px auto;margin-top: 15px !important;}
#registervalue .buy_btn:hover{margin-top:18px;margin-bottom:22px;color:#ffffff !important}
#registervalue .code{border-bottom:1px solid rgb(204, 204, 204);height:37px !important;width: 91%;cursor: pointer;font-style: italic;color: red !important;font-weight:bold;letter-spacing: 3px;text-align: center;background: snow;background-blend-mode: inherit;}
#registervalue .row div{display:inline-block}
/**end**/
/*****forms***/
#form #function_shortcut div.forms ul{list-style-position:inside;  margin-left:15px;list-style-type:disc}
#form #function_shortcut div.forms ul li{line-height:50px}
/*****end***/
/****lp**/
#lp_flexi img{margin:0 !important}
#lp_flexi div .top a{display:inline-block }
#lp_flexi div .top a.left_logo{float:left}
#lp_flexi div .top a.right_logo{float:right}
#lp_flexi div .content{display: block;margin-top: -76px !important;background: none;}
#lp_flexi div .content div{display:inline-block}
#lp_flexi div .content div h2{padding: 35px 0 20px 0;}
#lp_flexi div .content div p,#lp_flexi div .content .why_covau ul li,#lp_flexi div .content p{line-height:25px}
#lp_flexi div .content .who_covau{box-shadow: 0px 10px 25px 0px rgba(0, 115, 220, 0.5);height: 350px;z-index: 39;vertical-align: text-bottom;}
#lp_flexi div .content .why_covau{margin-left:-4px;box-shadow: 0px 10px 25px 0px rgba(41, 64, 73, 0.6);height: 456px;z-index: 46;vertical-align: super;}
#lp_flexi div .content .who_covau a,#lp_flexi div .content .why_covau a{width:50%;margin:20px auto !important;display:block;height:46px;margin:20px;line-height:46px;border-radius:46px}
#lp_flexi div .content .who_covau .toknow_btn{border:2px solid #ffffff;color:#ffffff !important}
#lp_flexi div .content .who_covau .toknow_btn:hover,#lp_flexi div .content .why_covau .viewplan_btn:hover{ box-shadow: 0px 10px 25px 0px rgba(0, 115, 220, 0.5);margin-left:25% !important}
#lp_flexi div .content .why_covau .viewplan_btn{border:2px solid rgb(102, 214, 255);color:rgb(102, 214, 255) !important}
#lp_flexi div .content .why_covau ul li{list-style:outside;margin-left:6px;color:#ffffff}
#lp_flexi div .content .buy_btn{width:35% !important;margin: 35px auto !important;}

/****end*/
/**new lp***/
.prmotolp .row div.column_box-5{display:inline-block}
.prmotolp .row div.pointer{margin:20px auto}
.prmotolp .row div.pointer div{display:inline-block}
.prmotolp .row div.pointer span.span_icon{margin-left:20%;margin-right:3%;vertical-align:top;display:inline-block;background:url(images/cm-landing-icons.png);width:48px;height:44px}
.prmotolp .row div.pointer span.net{background-position:0 0}
.prmotolp .row div.pointer span.account{background-position: 0px -41px;}
.prmotolp .row div.pointer span.bring{background-position: 0 -88px;}
.prmotolp .row div.pointer span.free{background-position: -1px -127px;width:59px;margin-left: 18%;height:40px}
.prmotolp .note,.prmotolp .contact_bottom{width:100% !important}
.prmotolp .note span.mark_show,.mark_show{transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* Internet Explorer */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari ºÍ Chrome */
-o-transform:rotate(-90deg); /* Opera */  display: inline-block;  font-stretch: ultra-expanded;  font-family: monospace;cursor:pointer}
.prmotolp .note span.selected,#details span.selected{transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari ºÍ Chrome */
-o-transform:rotate(90deg);}
.prmotolp .note{ border-bottom: 1px solid #e2e7ed;}
.prmotolp .note h4{  padding: 5px;  border-bottom: 1px solid #e2e7ed;cursor: pointer;}

.prmotolp .note p{line-height:20px;padding:10px 30px}
.prmotolp .note p.last_p{margin-bottom:20px}
.prmotolp .note p.first_p{margin-top:20px}
.prmotolp .contact_bottom .address,.prmotolp .contact_bottom .contact_info{margin:5px 4%}
/****end new lp***/
/*****spec Support***/
.specsupport_icon{background-image: url(images/specsupport_icon.png); max-width: 471px}
.spec h1{font-size:2.6em !important;    padding-top: 1.47em;}
#specsupport .fourdetail .title{padding: 20px 0;position: relative;cursor:pointer;}
#specsupport .fourdetail .title span.title_icon{display:inline-block;width:36px;height:36px;background:url(images/cm_specicon.png);background-position: -23px -19px;vertical-align: sub;}
#specsupport .fourdetail .title span.hearleft{background-position: -33px -22px;margin-right: 16px;}
#specsupport .fourdetail .title span.hearright{background-position: -25px -83px;margin-left: 16px;}
#specsupport .fourdetail .title span.mounhleft{background-position: -28px -146px;margin-right: 20px;width: 38px;}
#specsupport .fourdetail .title span.mounhright{background-position: -28px -146px;margin-left: 20px;width: 38px;}
#specsupport .fourdetail .title span.visionleft{    background-position: -28px -207px;margin-right: 7px;width: 38px;}
#specsupport .fourdetail .title span.visionright{  background-position: -28px -207px;margin-left: 7px;width: 38px;}
#specsupport .fourdetail .title span.visionleft{background-position: -28px -207px;margin-right: 20px;width: 38px;}
#specsupport .fourdetail .title span.visionright{background-position: -28px -207px;margin-left: 20px;width: 38px;}
#specsupport .fourdetail .title span.handerleft{background-position: -32px -274px;margin-right: 20px;height: 38px;}
#specsupport .fourdetail .title span.handerright{background-position: -27px -274px;margin-left: 20px;height: 38px;}
#specsupport .fourdetail .title span.mark,.mark{transform:rotate(90deg);border: 2px solid #fff;border-radius: 33px;font-size:18px;padding: 1px 5px 1px 6px;-ms-transform: rotate(90deg); /* Internet Explorer */-moz-transform: rotate(90deg); /* Firefox */-webkit-transform: rotate(90deg); /* Safari ºÍ Chrome */-o-transform: rotate(90deg); /* Opera */display: inline-block;font-stretch: ultra-expanded;font-family: monospace;cursor:pointer;/* margin-left: 20px; */position: absolute;right: 6%;top: 35%;}
#specsupport .fourdetail .title span.selected,#details span.selected{transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* Internet Explorer */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari ºÍ Chrome */
-o-transform:rotate(-90deg);}
#specsupport p{text-align: justify;line-height:28px;}
#specsupport .fourdetail{margin:30px auto}
#specsupport .fourdetail:hover{box-shadow: 0px 5px 20px 0px rgba(0, 75, 145, 0.2)}
#specsupport .detail_box{padding:40px 0;}
#specsupport .fourdetail .title:hover{background-color: rgb( 102, 210, 255 ) !important;}

/****end****/
/*       footer          */
.south .large-2{margin-left:25px}
.south .lastcol{margin-right:40px}
.south{background-color:#e6ecf2 !important;padding:0px !important;}
.south h6{border: none !important; color:#222220 !important;padding-left: 0px !important;}
.south a{text-decoration: none !important;color:#666666}
.south a:hover{color:#59afff !important;}
.south li {font-style: normal;font-weight: normal;font-size: 12px;margin: 0 0 6px 0;color: #b8b5b4;}
.south li .number {background: url(images/bottom_tel.png) no-repeat;}
.south li .fax {background: url('images/bottom_fax.png') no-repeat;}
.south li .email {float: left;margin-right: 5px;background: url(images/bottom_email.png) no-repeat;padding-top: 0px;margin-top: 2px;}
.south li .poboxaddress {background: url(images/bottom_add.png) no-repeat;}
.south a.addthis_button_twitter{color:#ffffff !important}
.south ul #Li8{margin-bottom:0px !important}
.south ul #Li4{margin-bottom:2px !important}
section.copyright{background-color: #2da4ff !important;}
section.copyright p{color:#ffffff;text-align:center}
.covaumobile-footer-img{background:url('images/cm-footer-bg.png') center center repeat;height: 205px;margin-top:6em}
}
@media only screen and (min-width: 768px) {
footer.south .large-2 {width:17%}
footer.south { display: block;}
}
/**screen 767px*/
@media only screen and (max-width:768px) {
#specsupport .fourdetail .title span.title_icon{    vertical-align: middle;}
#specsupport div.title{font-size:1.5em !important}
#specsupport .fourdetail .title span.mark, .mark{    right: 3%;}
.spec h1{font-size:1.4em !important;line-height:28px}
.prmotolp .contact_bottom .address, .prmotolp .contact_bottom .contact_info{text-align:left;float: none;}
.prmotolp .contact_bottom .address, .prmotolp .contact_bottom .contact_info{text-align:left;float: none;}
.prmotolp .row div.pointer{text-align:center}
.prmotolp .row div.pointer p{text-align:left}
.prmotolp .row div.pointer span.free{margin-right:inherit}
.prmotolp .row div.pointer span.span_icon,.prmotolp .row div.pointer span.free{margin-left:inherit}
.home_container .left,.home_container .right{float:none}
.home_container .plan{margin:20px auto}
.home_container #family_box{margin-left:inherit}
.singleplan .plan_box .price p{margin-left:inherit}
.singleplan .plan_box .price p.bold{margin-top:inherit !important}
.singleplan .plan_box .Inclusion p{margin-right:inherit}
.singleplan .plan_box .cis{margin-top:20px}
.singleplan .plan_box .plan_info{border:none !important;text-align:center !important;margin:10px auto;border-bottom: 1px solid #59afff !important;}

#lp_flexi div .content{margin-top:20px !important}
#lp_flexi div .content .why_covau{ margin-left:0px !important;}
#nav-wrap > a{top:45px !important}
header #nav-wrap:target > ul#nav {background:#ffffff;box-shadow: 0px 5px 20px 0px rgba(0, 75, 145, 0.9)}
header #nav-wrap:target > ul#nav li a:hover{line-height:30px;padding:0 10px}
footer.south { display: block;}
#scrollbanner .ban-img{}
#scrollbanner .rslides h1{font-size:3em;padding-top:1.7322em}
#scrollbanner .rslides p{width:100%;line-height:110%}
#scrollbanner .rslides .join_btn{top:72%;left:29%;width:45%}
#function_shortcut .title_box{margin:25px auto;display:block;float:none}
#function_shortcut .first_a{float:none !important}
#function_shortcut .last_a{float:none !important}
#function_shortcut .title_box p{padding:0}
.row{width:95% !important;}
#mobilePlan .plans .title_h3{ line-height: 120%; }
#mobilePlan .plans .second_title{line-height:200%;display:block;margin-bottom:0}
#mobilePlan .plans p.right_tcolumn_box-4-5i{margin-bottom:45px}
#mobilePlan .plans p.left_ti{margin-left:0px;margin-top:10px;border-right:none}
#mobilePlan #function_shortcut .plan_box{margin:35px auto}
#mobilePlan .mobile_icon{width:auto}

#planSummary #function_shortcut .buy_btn{width:30%}
#planSummary #function_shortcut .promo_btn{width:6em;margin-top:5px}
#planSummary #function_shortcut .close{margin-right:5px}
#planSummary #function_shortcut .number_p{width:74%}
#planSummary #function_shortcut .br_p{line-height:20px !important}
.phoneSummary #function_shortcut .row .phoneimage{width:40% !important}
#planSummary #function_shortcut .phonedetail{width:55% !important}
#planSummary #function_shortcut .promo_box .br_p{line-height:30px !important;margin:15px 0}
#planSummary #function_shortcut .total_box .br_p{width:83%;line-height:95% !important}
.phoneSummary #function_shortcut .row .phoneimage img{width:106px;height:auto;margin:0}
.regist_progress{display:none}
.children_icon{margin-top:-0.6em !important}
.chirdren_banner h1{font-size:2.5em;padding-top:0.1em}
.chirdren_banner .mobile_icon,.chirdren_banner span{max-width:300px !important}
.mobile_title{display:block;  line-height: 130%;margin:0 auto}
.chirdren_banner{height:150px}
/*.Registration{padding-top:2em !important}*/
#function_help .title_box{margin:30px auto;}
.less_box{margin-left:0;margin:0 auto}
#details .order_summary_box div{border-left:none !important}
#details .order_summary_box .less_box .row{width:100% !important}
#details .large-offset-8{width:91% !important}
#details #delivery .address span{width:100% !important}
#details #delivery .address a.buy_btn_small{width:26% !important}
#handset .destop_show{display:none}
#handset .mobile_show{display:block}
#handset #function_shortcut .search_condition p{text-align:center}
#handset #function_shortcut .search_condition p.sort{margin-left:-0.8em}
#handsetdetails #function_shortcut .value_show,#support .row div.last_a,#support .row a.last_a{float:none}
#handsetdetails #function_shortcut .value_show span.color, #handsetdetails #function_shortcut .value_show span.memory{padding: 5px 0;margin: 1em auto;}
#handsetdetails #function_shortcut div#left_img{text-align:center;margin:10px auto;margin-bottom:40px}
#faq #function_shortcut .left_position,#billspayment #function_shortcut .left_position{display:none}
#faq #function_shortcut .faq_list { padding-left: 0 !important;}
.faq_top a.faqsearch_btn{width:25%}
#about #function_shortcut .row .right_info{float:none;}
.register_banner{background-size:cover}
.register_banner .column_box-3{width:90% !important;}
#registervalue .buy_btn{width:60%}
.register_banner #registervalue{margin:7% auto !important;position:relative !important;right:inherit;}
.desktop_show{display:none}
.mobile_show{display:block;}
.contact_content{width: 80%;position: relative;margin-left: 5%;margin-top: 5px !important;}
.contact_content p,.contact_content h1{color:#222222 !important}
/*      danny        */
.home_container{margin:3em auto !important}
#family{float: none;text-align: center;}
#family .family_img{float: none;}
#company{float: none;text-align: center;}
#company .company_img{float: none;margin: 0px;}
#family .family_title,#company .company_title{margin-top:2%;margin-bottom:2%}
#company a{margin-top:2px}
#family a, #company a{width:70%;}
.checkplan_btn a{width:70%}
#family{border-right:none;}
footer.south .large-2{margin-left:0px;}
footer.south h6{padding-left:0px;  margin: 0 auto;  width: 50%;}
footer.south ul{  margin: 0px auto;  width: 50%}
.covaumobile-footer-img{display:none}
/*      danny        */
}
@media only screen and (max-width:580px) {
#handsetdetails #function_shortcut .value_show .column_box-3-1{margin:10px auto}
}/**end*/