body,div,p,h1,h2, h3,h4, h5, h6,span,ol,ul,li,dl,dt,dd,table,input,select{font-family: verdana,arial,helvetica,sans-serif;padding:0; margin:0;border: 0; outline: 0; font-size: 100%; background: transparent;} body,input{font-family: verdana,arial,helvetica,sans-serif;font-size:12px; texft-align:left;/*background:url(images/footer_bg.jpg);*/} 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; }f 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; } /* 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;color: #59afe1; -webkit-transition: color .3s ease-in-out;-moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out;} a:hover, a:focus { color: #0069a6; } 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; } */ blockquote, q {quotes: none;} .clear,#reason .selection_problems{ clear:both;} a{ cursor:pointer;} div.ui-widget-content {color:red} .cse form.gsc-search-box,form.gsc-search-box {padding: 0px;margin-bottom: 6px;} header .twelve{width:99%} header{ background-color: #ffffff !important;height:115px !important} header .logo{top:3em !important} /* logout */ /*------------------------------------------------*/ /* SITE STRUCTURE */ /*------------------------------------------------*/ #userControls { height: 32px;} #userControls .language { min-height:0!important; display:inline;} .wrapper { margin: 0 Auto; width: 980px;} /*------------------------------------------------*/ /* SEARCH */ /*------------------------------------------------*/ #search { float: right;width: 209px; height: 32px;} #search a.SearchButton:link, #search a.SearchButton:visited { display: inline-block;float: right;height: 32px; width: 32px; margin: 0; padding: 0;background: #333 url('images/search.png') no-repeat center center; text-indent: -9999px;} #search a.SearchButton:hover { background: url('images/search.png') no-repeat center center, rgb(45,45,45); /* Old browsers */ background: url('images/search.png') no-repeat center center, -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */ background: url('images/search.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */ background: url('images/search.png') no-repeat center center, -webkit-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */ background: url('images/search.png') no-repeat center center, -o-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */ background: url('images/search.png') no-repeat center center, -ms-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */ background: url('images/search.png') no-repeat center center, linear-gradient(to bottom, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */ } #dnn_dnnSearch_txtSearch { display: block;float: left; width: 160px; height: 32px; padding: 0 5px 0 10px; margin: 0;background-color: transparent;border: none;border-radius: 0; box-shadow: none; outline: none;border-left: 1px solid #ddd; color: #000; line-height: 32px;font-size: 11px;-webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;} #dnn_dnnSearch_txtSearch:active, #dnn_dnnSearch_txtSearch:focus { background: #ccc;box-shadow: inset 0px 3px 8px #999;} /*------------------------------------------------*/ /* LOGIN */ /*------------------------------------------------*/ @media { /*#login { float: right; }*/ #login .registerGroup, #login .registerGroup *, #login .loginGroup, #login .loginGroup * {display: block;} #login .registerGroup, #login .loginGroup {float: right;padding: 0;margin: 0;} #login .registerGroup li:first-child:hover {border-left: #222;} /* Register Group Styles */ #login .registerGroup li {float: left;} #login .registerGroup .buttonGroup {margin-right: 0;} #login .registerGroup a, #login .loginGroup a {display: block;position: relative;height: 25px;min-width: 12px;padding: 7px 15px 0 15px;color: #333;font-size: 11px;vertical-align: middle;} #login .registerGroup a:hover, #login .loginGroup a:hover { background: rgb(45,45,45); /* Old browsers */ background: -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#565656',GradientType=0 ); /* IE6-9 */ color: #ddd; text-shadow: 0px -1px 0px #333333; } #login .registerGroup a:active, #login .loginGroup a:active {color: #fff;text-shadow: 0px -1px 0px #333333;} #login .registerGroup a:hover, #login .loginGroup a:hover {text-decoration: none;} #login .registerGroup a strong, #login .loginGroup a strong {display: block;position: absolute;left: 0;top: 0;width: 100%;overflow: hidden;font-size: 11px;text-indent: -9999px;} #login .userMessages a, #login .userNotifications a {background-color: #333;} #login .userMessages strong {height: 100%;background: url('images/icon_message.png') no-repeat center center;} #login .userNotifications {border-right: 1px solid #CCC;} #login .userNotifications strong {height: 100%;background: url('images/icon_notification.png') no-repeat center center;} #login .registerGroup a span {display: inline-block;position: absolute;right: 2px;top: -9px;min-width: 7px;margin-right: 3px;background: rgb(59,150,182); /* Old browsers */text-align: center;font-size: 11px;color: #fff;text-shadow: 0px 1px 0px #333333;} #login .registerGroup .userProfileImg a {min-width: 25px;min-height: 32px;padding: 0;background: none;} #login .registerGroup a img {height: 32px;width: 32px;background: #333;} /* Login Group Styles */ #login .loginGroup {border-right: 1px solid #CCC;} #login .loginGroup a {color: #333;} /* Number of message next to the message icon*/ #login .userMessages a span,#login .userNotifications a span {display: inline-block;margin-top: 9px;margin-right: 0px;background-color: transparent;font-size: 10px;} /*------------------------------------------------*/ /* SITE HEADER */ /*------------------------------------------------*/ #siteHeadouter {background: #fff;/* CSS3 */-webkit-box-shadow: 1px 50px 100px 0px #cacaca;box-shadow: 1px 50px 100px 0px #cacaca;} #siteHeadinner {padding: 36px 0;} #logo {float: left;} /* Language */ .language .language-object {/*float: right;*/display: inline-block;margin: 0;padding: 0;} .language .language-object span {float: left;padding-top: 3px;padding-bottom: 3px;padding-left: 5px;margin: 0;} .language .language-object span:first-child {padding-left: 8px;} .language .language-object span img {height: 12px;width: 17px;opacity: 0.3;} .language .language-object span:hover img {opacity: 1;} .language .language-object .Language.selected img {opacity: 1;border-color: #222;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);} /* lougout end */ } /*meun*/ @media only screen{ #toolbar{ height:40px; width:100%; color:#8a8383;border-bottom:3px solid #f6f5f4; font-size: 14px;background:#ffffff} #toolbar .menu{ width: 100%;margin: 0 auto;/* min-width: 200px; */max-width: 1160px;} #toolbar .menu .sns{float:left; /* height:40px; */width: 30%;} #toolbar .menu .sns a{display:block;float:left; /* width: 50%; */ height:25px; line-height:25px; text-align:center; color:#8a8383; text-decoration:none; margin-right: 11px;border-left:1px solid #f6f5f4;margin-top:8px;} #toolbar .menu .sns a span.bararrow{width:15px; height:15px;background:url(images/top_arrow.gif)no-repeat;display: block;margin-top: 6px;float: left;margin-left: 10px;margin-right: 2px;} #toolbar .menu .sns a:hover, #toolbar .menu .sns a.selected{ color: #29211e; font-weight:600} #toolbar .menu .login_register{float: left; width: 40%;display:none} #toolbar .menu .login_register ul li{float:right; height:25px; line-height:25px; margin-left:12px;margin-top: 3px;} #toolbar .menu .login_register ul li{list-style: none;} #toolbar .menu .login_register ul li a{ display:block; color:#8a8383; text-decoration:none; /* width: 100px; */line-height: 29px; margin-bottom: 3px;} #toolbar .menu .login_register ul li a:hover{color:#29211e;font-weight:600} #toolbar .menu .login_register ul li a img.usericon{ display: block; padding-left: 5px;float: left;margin-top: 0px;margin-right: 6px; /* margin-bottom: 10px; */ /* padding-bottom: 2; */} #toolbar .menu .login_register ul li a span{line-height:30px} #toolbar .menu .search{ float: right;margin:7px 16px 2px 20px; width: 24%; display: block;} #toolbar .menu .search input{ font-size:12px;} td.gsc-search-button{} input.gsc-search-button:hover, input.gsc-search-button:focus {background-color: #0069a6;background-image: none;filter: none;} #nav-wrap{margin-top:19px !important} .search{margin-top:10px;display: block; width: 50%; float: right;min-height:25px} } @media (max-width: 768px) { } /*contents-wrapper*/ .contents {padding: 30px 0 30px 0;font-family: verdana,arial,helvetica,sans-serif;} .content{ width:100%; background:#fff;} #contents-wrapper{/* width: 1000px; */ margin:0 auto;} #second_menu_elec.active {display:block;} #second_menu_gas.active {display:block;} #second_menu_gas {display:none;} #second_menu_elec {display:none;} #contents-wrapper #head .navigation ul li a{display:block; margin-right: 31px; color:#8a8383; height: 35px; line-height: 35px; text-decoration:none;text-align: center;margin-left: 15px;} #contents-wrapper #head .navigation ul li a:hover {color: #2db1e2;border-radius:5px;border:1px solid #2db1e2;/* width: 37%; */} /*#contents-wrapper #head .navigation ul li ul{ margin-left: 0px; } #contents-wrapper #head .navigation ul li ul li a{font-size: 16px; margin:0; width: 200px; background: rgb(16, 189, 175); padding-top:10px;color: #fff; float: left;} #contents-wrapper #head .navigation ul li ul li a:hover{ color:#9e6842;} */ #contents-wrapper #head .navigation ul li ul{ margin-left: 0px; } #contents-wrapper #head .navigation ul li ul li a{font-size: 16px; margin:0; width:200px; background: rgb(16, 189, 175); padding-top:10px;color: #fff; float: left;} #contents-wrapper #head .navigation ul li ul li a:hover{ color:#fff;}http://localhost:8090/elecplan.aspx?type=vic /*******contents********/ /**banner*/ #scrollbanner{position:relative;margin-bottom:25px} .destop_banner{display:block;margin-bottom:25px; position: relative;} .mobile_banner{display:none;} #scrollbanner .banner_01 img{width: 100%; position: relative;/* background-image:url('images/bannerv2.jpg');*/background-repeat: no-repeat;margin:0 auto;display: block;} #scrollbanner .banner_02 img{width: 100%; position: relative;/* background-image:url('images/banner1.jpg');*/background-repeat: no-repeat;margin:0 auto;display: block;} #scrollbanner .banner_03 img{width: 100%; position: relative;/* background-image:url('images/banner2.jpg');*/background-repeat: no-repeat;margin:0 auto;display: block;} #scrollbanner .banner_04 img{width: 100%; position: relative; /*background-image:url('images/banner_NEW_r.jpg');*/background-repeat: no-repeat;margin:0 auto;display: block;} #scrollbanner .banner_05 img{width: 100%; position: relative;/* background-image:url('images/banner_NEW_b.jpg');*/background-repeat: no-repeat;margin:0 auto;display: block;} #scrollbanner .ban-img{height:500px; position: relative;background-repeat: no-repeat;margin:0 auto;display: block;} #scrollbanner .banner_newyear{background:url('images/banner-newyear-1.jpg') center center no-repeat;} #scrollbanner .banner_first{background:url('images/banner-first.jpg') center center no-repeat;} #scrollbanner .banner_second{background:url('images/banner-move.jpg') center center no-repeat;} #scrollbanner .banner_three{background:url('images/banner-friend.jpg') center center no-repeat;} #scrollbanner .banner_myaccount{background:url('images/My_Account_Rolling_Banner_Computerv2.jpg') center center no-repeat;} #scrollbanner .banner_Ins{background:url('images/web-banner-insurance.jpg') center center no-repeat;} #scrollbanner .banner_Ins_green{background:url('images/web-banner-insurance-green.jpg') center center no-repeat;} #scrollbanner .m-banner_first,#scrollbanner .m-banner_second,#scrollbanner .m-banner_three{height:auto;width:100%} #scrollbanner .m-banner_newyear{background-image:url('images/banner-newyear.jpg');background-position: center; min-height:300px; display: block; background-size: cover;} #scrollbanner .rslides { width: 100%; position: relative; list-style: none; padding: 0;display: inline-block; } #scrollbanner .rslides li{width:100%} #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: #3A8AB9; display: inline-block; width: 15px; height: 15px; } #scrollbanner .rslides_tabs .rslides_here a { background:#0069a6; } /*function_shortcut*/ #function_shortcut{width:100%; margin:50px auto;} @media only screen{ #div_quote_v2{display:none} #function_shortcut .first_a{margin-right:2.5% !important} #function_shortcut .middle_a{margin:0 auto} #function_shortcut .last_a{float:right !important} #function_shortcut .title_box{cursor: pointer;font-family: verdana,arial,helvetica,sans-serif;font-size:14px; float:left; height:auto;background-repeat:no-repeat; line-height:16px;text-align:center ;border: 1px solid #efeeec;border-radius: 10px;min-height: 264px;} #function_shortcut .title_box:hover{background-repeat:no-repeat; line-height:16px;text-align:center ;border: none;background:#59afe1;color:#ffffff;-webkit-transition: background-color 1000ms ease-out;-moz-transition: background-color 1000ms ease-out;transition: background-color 1000ms ease-out;}} /*#function_shortcut .service_bill:hover{-webkit-transition: background-color 1000ms ease-out;-moz-transition: background-color 1000ms ease-out;transition: background-color 1000ms ease-out; } #function_shortcut .carbon_tax:hover{-webkit-transition: background-color 1000ms ease-out;-moz-transition: background-color 1000ms ease-out;transition: background-color 1000ms ease-out;} #function_shortcut .register_box:hover{-webkit-transition: background-color 1000ms ease-out;-moz-transition: background-color 1000ms ease-out;transition: background-color 1000ms ease-out; }*/ #function_shortcut img{cursor: pointer; color:#fff; line-height:16px;margin: 25px 0 18px 0;} #function_shortcut img.internet_servicer{width: 34%;} #function_shortcut img.carbon_update{width: 34%;} #function_shortcut img.power_gas{width: 34%;} #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:20px; padding: 6px 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; } @media only screen{ #div_quote_green{position:absolute;top: 0px;left: 61%;display: block;z-index: 1;width: 390px;float: right;color: #000;text-align: left;background-image: url(images/quote_bg_green.png);background-repeat:no-repeat;height: 100%;background-size: 100% 100%;} .div_quote{position:absolute;top: 0px;left: 61%;display: block;z-index: 1;width: 390px;float: right;color: #000;text-align: left;background-image: url(images/quote_bg.png);background-repeat:no-repeat;height: 100%;background-size: 100% 100%;} .quote {float:left; display:block; z-index: 1; position: relative;} .div_quote img{position: absolute;top: 0px;left: 0;height:100%} .quote h2 {font-family: verdana,arial,helvetica,sans-serif; font-size: 1.9em; color: #fff; font-weight: lighter; padding: 3.1em 0px 0.5em 1em; height: 28px;line-height:28px;} .quote p {font-family: verdana,arial,helvetica,sans-serif; font-size: 18px; color: #fff; padding: 2.5em 1em 0em 1.1em; line-height: 200%;font-weight: normal;} .btn_quote {float:left; padding:0px; cursor:pointer; display: block; width: 60%; height: 50px; border:none; background: none; z-index: 1; position: relative; color: #fff; font-size: 1.4em; margin: 2.5em 2em 0em 20%;/* margin-left: 26px; */border: 1px solid #fff;border-radius: 8px;} .btn_quote:hover {background: #59afe1; border:none} .txt_quote {float:left;background: #ffffff;z-index: 1; position: relative; /* margin: 0 auto; */ height: 3em; width: 85%; border-radius: 4px; font-size: 15px; border: 0px; text-indent: 20px;margin: 2.5em 0 0 1.5em;border-radius: 20px;} } @media only screen and (max-width:1230px) { .div_quote{position:absolute;top: 0px;left: 60%;display: block;z-index: 1;width: 27%;height: 100%;float: right;color: #000;text-align: left;} .quote {float:left; display:block; z-index: 1; position: relative;} .div_quote img{position: absolute;height:100%} .quote h2 {font-family: verdana,arial,helvetica,sans-serif; font-size: 1.5em; color: #fff; font-weight: lighter; padding: 1.5em 0px 2em 1em; height: 8%;line-height: 30px;} .quote p {font-family: verdana,arial,helvetica,sans-serif; font-size: 18px; color: #fff; padding: 1.5em 1em 0em 1.1em; line-height: 30px; /* height: 15%; */} .btn_quote {float:left; padding:0px; cursor:pointer; display: block; width: 60%; height: 2em; border:none; background: none; z-index: 1; position: relative; color: #fff; font-size: 1.2em; margin: 1em 2em 0em 20%;/* margin-left: 26px; */border: 1px solid #fff;border-radius: 8px;} .btn_quote:hover {background: #59afe1; border:none} .txt_quote {float:left; z-index: 1; position: relative; /* margin: 0 auto; */ height: 2.5em; width: 85%; border-radius: 4px; font-size: 15px; border: 0px; text-indent: 20px;margin: 1em 0 0 7.5%;border-radius: 20px;} } @media only screen and (max-width:897px){ .div_quote{position:absolute;top:0px;left: 64%;display: block;z-index: 1;width: 24.6%;float: right;color: #000;text-align: left;} .quote {float:left; display:block; /* width: 317px; */ z-index: 1; position: relative;} .div_quote img{position: absolute;height:100%} .quote h2 {font-family: verdana,arial,helvetica,sans-serif; font-size: 1.4em; color: #fff; font-weight: lighter; padding: 1.5em 0px 1% 7%; height: auto;line-height: 25px;} .quote p {font-family: verdana,arial,helvetica,sans-serif; font-size: 1.1em; color: #fff; padding: 2% 0% 1% 5%; /* height: 15%; */;height: auto;line-height: 25px;} .btn_quote {float:left; padding:0px; cursor:pointer; display: block; width: 60%; height: 2em; border:none;z-index: 1; position: relative; color: #fff; font-size: 1em; margin: 10% 0 0 20%;/* margin-left: 26px; */border: 1px solid #fff;border-radius: 8px;background:none} .btn_quote:hover {background: #59afe1; border:none} .txt_quote {float:left; z-index: 1; position: relative; /* margin: 0 auto; */ height: 2em; width: 82%; border-radius: 4px; font-size: 15px; border: 0px; text-indent: 20px;margin-left: 10%;border-radius: 20px;} } @media only screen and (max-width: 768px){ .div_quote,#div_quote{display:none} #div_quote_v2{display:block;width:100%;text-align:center} #div_quote_v2 h2 {font-family: verdana,arial,helvetica,sans-serif; font-size: 20px; color: #666460; font-weight: lighter;padding-top:10px; height: auto;line-height: 1.5em;margin:10px 0} #div_quote_v2 p {font-family: verdana,arial,helvetica,sans-serif; font-size: 15px; color: #85827b; line-height: 1.4em; /* height: 15%; */margin-bottom:10px} #div_quote_v2 .btn_quote {display: inline-block;float: none;position: relative;width: 35%;border:none;border-radius: 8px;background: #59afe1;border-bottom:3px solid #00699f;height:40px;margin: 10px 0;font-size: 16px;} #div_quote_v2 .btn_quote:hover {background: #0069a6;border:none} #div_quote_v2 .txt_quote {text-indent: inherit;width: 43%;margin:5px 0;margin-right: 20px;height:40px;border:1px solid #87847f;border-radius:3px;display: inline-block;position: relative;float: none;} } /**Plan page**/ .navigation_path {font-size: 14px;color: #666; background:url(images/banner_bg.gif) repeat-x;height:70px;width:100%} .navigation_path p{line-height: 70px;max-width: 1140px;margin: 0 auto;} .navigation_path p a{color:#d1c2c8;} .navigation_path p a:hover{color:#59afe1;} .navigation_path .title-custype{ font-weight: bold; color:#e98353;font-size:17px} .streamer{width:80%; height: 90px;border:1px solid #e1dfda;border-radius:5px;border-bottom:double;background:#f5f6f7;position: relative;border-bottom-color: #e1dfda;display: table-cell;vertical-align: middle;} .streamer .steam_icon{width:104px;height:84px;background:url(images/quote_icon.png)no-repeat;display: inline-block;float: right;} /*.streamer .div_quotation{background-image:url('images/quote_icon.png');width: 78px; height: 60px; float: right; margin-right: 10px; margin-top: 5px;display: block;background-size: 100%;position: absolute;right: 0px;top: 5%;}*/ @media only screen{ .streamer p {padding-left: 13px;} .streamer p .instructions {font-size: 15px;color: #59afe1;font-weight:600;line-height: 25px;} .selection_problems{/*margin:30px auto*/margin-top:25px} .selection_problems .selection {float: left;width: 100%;} .selection_problems .selection .select_your_state {width:100%;height:34px;border-bottom:1px solid #e1dfda;} .selection_problems .selection .select_your_state a.state_btn{border:none;font-size:18px;color:#59afe1;width:15%;line-height:37px;padding:15px} .selection_problems .selection .select_your_state a#state_btn_vic{border:none;font-size:18px;padding: 9px 40px 10px 37px;} .selection_problems .selection .select_your_state a.selected{z-index:1;background:url(images/tab.jpg) no-repeat;font-size:18px;color:#000;font-weight:600;width:103px;height:37px;margin-top:10px;padding: 9px 32px 10px 32px;} .selection_problems .selection span{ float:left; display:block;height:35px; line-height:35px; padding-right:25px;font-size:16px} .selection_problems .selection .note{ font-size:14px; padding: 20px 0 0 145px; line-height:18px;} .selection_problems .proble#SignUp-Requirements .choiceState .choiceusersms{ float:right; width:192px;background-color:#eee; border:1px solid #ccc; padding:11px 26px; line-height:30px;} .selection_problems .problems p.title{ height:24px; padding-left:26px; line-height:24px; font-size:14px;background:url(images/energyicon_small.png) no-repeat; } .selection_problems .problems p a.btn{ width:192px; height:30px; display:block; margin-top:13px; background:url(images/nsw_con_btn.jpg) no-repeat 0 -50px;} .gas_title{ height:50px; color:#fff; padding-left:69px; line-height:50px; font-size:22px; font-weight:600; background:url(images/energyicon_small_gas.png) no-repeat 29px -29px #88A4A7;} #gas_plans .choiceState{ clear: both;border-bottom: 1px solid #e1dfda;padding:40px 0;} #gas_plans .choiceState .customer_title{ width: 15%;display: inline-block;font-size:18px} #gas_plans .choiceState .choiceusers{width: 80% !important; display: inline-block;} #gas_plans #SignUp-Requirements .choiceState label.radio_text{ padding: 13px 15px 13px 25px;} .pdt_sub_content.hide, .pdt_content.hide { display: none; } .top_title{padding:25px 0} .top_title div{display:inline-block} .top_title .h3_title{ vertical-align: middle;} .top_title .h3_title .page_title{height:60px;line-height:60px} .saverChoice_plan{ } .saverChoice_plan h3, .page_title{ font-size:24px !important; font-weight:bold !important; color:#0069a6 !important;} .saverChoice_plan table{/*margin-top:40px*/} .saverChoice_plan table.tab_distributor{margin:20px 4px} .saverChoice_plan table.tab_distributor tr td.input_title p{font-size:16px;font-weight:bold} .energy_price_fact_sheets .details_content table tr td p .saverChoice_plan table.table_max{max-width: 1140px;min-width:240px;} .saverChoice_plan table tr td.td_first{width:69%; vertical-align:middle;} .saverChoice_plan table tr td.td_first table tr td.h3_title{vertical-align:middle;text-align:left;padding-left:5px} .saverChoice_plan table tr td.td_first table tr td.td_img_int-1,.saverChoice_plan table tr td.td_img_int-1,.td_img_int-1{width:7%;text-align:left} .saverChoice_plan table tr td.td_img_int{width:6%;} .saverChoice_plan .details_content{ background-color:#fff;} .details_content .horizontal_bar{ height:30px; background-color:#5ea565; color:#fff; line-height:30px; font-size:18px; padding-left:18px;} .details_content .cotac{ padding: 0 40px;} .details_content .cotac ul {margin:20px 0} .details_content .cotac ul li{ padding: 10px 0 4px 25px; color:#666460; background:url(images/top_arrow.gif) no-repeat 0 10px; font-size: 14px;text-align:left;font-weight:normal} .energy_price_fact_sheets{/*margin-bottom:20px*/} .energy_price_fact_sheets .title{ height:50px; color:#fff; padding-left:69px; line-height:50px; font-size:22px; font-weight:600; background:url(images/energyicon_small.png) no-repeat 29px -78px #C8D8D5;} .energy_price_fact_sheets .details_content{ /*padding: 0px 40px 30px 40px;border-bottom:1px solid #e1dfda;*/} .energy_price_fact_sheets .details_content table tr.tr_ood{background:#ffffff;border: 1px solid #e1dfda;} .energy_price_fact_sheets .details_content table tr.tr_even{background:#fafbfd;border: 1px solid #e1dfda} .energy_price_fact_sheets .details_content table tr th{vertical-align:middle;font-weight: bold;text-align:left;padding: 10px 16px 10px 24px;font-size:16px;color:#000;} .energy_price_fact_sheets .details_content table tr th span{color:#666460} .energy_price_fact_sheets .details_content table tr td{ text-align:left; padding:6px;font-size:14px;vertical-align:middle} .energy_price_fact_sheets .details_content table tr td p{color:#666460;line-height:22px;padding-left:20px} .energy_price_fact_sheets .details_content table tr td p.statement{font-size:14px;color:#59afe1;line-height:30px} .energy_price_fact_sheets .details_content table tr td.pdf_icon{padding:20px 70px} .energy_price_fact_sheets .details_content table tr td a{ width:25px; height:30px; display:block; background:url(images/pdf_icon.png) no-repeat;} .pdt_sub_content{/*margin-top:30px*/} .tab_distributor tr td input.postcode{height: 38px;font-size:14px;width: 100%;border-radius: 5px;border: 1px solid #e1dfda;background:#f5f6f7} .tab_distributor tr td.input_title{width: 19%;text-align: left;padding-left: 0px;color:#000;font-size:14px} .tab_distributor tr td.input_title .small_icon,small_icon{width:12px;height:18px;background:url(images/arrow_small.png) no-repeat;display: inline-block;margin-right: 5px;} .tab_distributor tr td.td_post{width:25%} .tab_distributor tr td.td_btncontent{position: relative;} .tab_distributor tr td input.searchbutton{width: 100px;height:38px;border: none;line-height: 30px;background: #59afe1;border-bottom:2PX solid #E4E4E1;border-radius:3px;font-size: 17px;color: #fff;padding: 0px;display: inline-block;} .tab_distributor tr td input.searchbutton:hover{background: #0069a6;} .tab_distributor tr td span.distributor_val{margin-left:10px;color: #e98353;position: absolute;top: 10px;display: inline-block !important;font-weight: bold;} .last_note p{line-height: 25px; font-size: 14px;padding-left:40px} .last_note p a{color:#59afe1;cursor:pointer; text-decoration: underline;} .last_note p a:hover{color:#666460;} .last_note{border:1px solid #e1dfda;margin-top: 30px;border-radius:3px;border-bottom:double;border-bottom-color: #e1dfda;} .saverChoice_plan table tr td.td_show{display:block} .span_titlepdf{padding-left:10px;font-weight:normal} .saverChoice_plan table tr.tr_hide{display:none} .plans_btn{width:100%;height:auto; } .plans_btn a {float:left; margin:40px 0px; display:block ;margin-right:40px;border-radius:5px;border-right:1PX solid #E4E4E1; background: #59afe1; width:220px;max-width:220px;color:#ffffff; font-size: 15px; font-weight: bold; text-align: center; vertical-align: middle; height:50px;line-height:50px;border-bottom:3PX solid #E4E4E1;} .plans_btn a:hover { background: #0069a6; } .saverChoice_plan table tr td.td_show .plans_btn{width:100%;height:auto; float:right;margin-bottom:20px} .saverChoice_plan table tr td.td_show .plans_btn a{margin:10px;float:right} .saverChoice_plan table tr.tr_each {border-bottom:1px solid #e1dfda} #pricefactsheet,#pricefactsheet2016,.pricefactsheet2016{font-size: 20px;text-align: center;} #pricefactsheet table{width:100%} #pricefactsheet table tr .distributor, #pricefactsheet2016 table tr .distributor, .pricefactsheet2016 table tr td,.pricefactsheet2016 table tr.distributor{padding: 5px 16px 5px 25px !important;} #pricefactsheet table tr .tarifftype,#pricefactsheet2016 table tr .tarifftype,.pricefactsheet2016 table tr .tarifftype{padding: 5px 16px 5px 25px;} #pricefactsheet table tr .tarifftype{padding: 5px 16px 5px 25px;} #pricefactsheet table tr .energyplan,#pricefactsheet2016 table tr .energyplan,.pricefactsheet2016 table tr .energyplan{padding: 10px 16px 10px 110px !important;} #pricefactsheet table tr .statement,#pricefactsheet2016 table tr .statement,.pricefactsheet2016 table tr .statement{padding: 5px 16px 5px 10px;} #pricefactsheet table tr th,#pricefactsheet2016 table tr th,.pricefactsheet2016 table tr th{padding: 10px 16px 10px 75px !important;} #pricefactsheet table tr td,#pricefactsheet2016 table tr td,.pricefactsheet2016 table tr td{text-align: left;padding: 5px 16px 5px 75px !important;} #pricefactsheet2016 table,.pricefactsheet2016 table,.vic_content .energy_price_fact_sheets .details_content table.pricesheet{width:100%;border: 12px #eef7fc solid;} .homepayment{background: url(images/PaymentMethod.png) no-repeat;width: 900px;height: 360px;background-size: cover;margin-top: -30px;} .qrcode{background: url(images/Business_QR-01-01.png) no-repeat;height: 540px;background-size: contain;} .reveal-modal-qrcode {visibility: hidden;top: 100px; left: 50%;margin-left: -275px;width: 530px;background-color: #fff;position: absolute;z-index: 101;padding: 20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);text-align: right;} @media only screen and (max-width: 800px){ .plans_btn a{width:100%}} @media (max-width: 640px){.saverChoice_plan table tr td.td_show{display:none} .span_titlepdf{padding-left:0px;} .energy_price_fact_sheets .details_content{padding: 0px 10px 30px 10px;} .saverChoice_plan table tr.tr_hide{display:block;border-bottom:1px solid #e1dfda} .saverChoice_plan table tr td.td_first{width:100%;} .saverChoice_plan table tr td.td_imag,.saverChoice_plan table tr td.td_first table tr td.td_img_int-1{width: 20%;} .plans_btn{width:80%;height:auto; float:none;margin:20px auto} .plans_btn a { width:80%;} .saverChoice_plan table tr.tr_each {border-bottom:1px solid #e1dfda} } /**plan end**/ /**Support page*/ #div_support{width:100%;margin:0 auto;height:auto;} #div_support .support_list{margin: 0 auto;text-align: center;} #div_support img{max-width:350px;max-height:160px;width:100%} #div_support .support_list .support_title p{position: absolute;top: 44%;margin: 0 auto;color: #fff;font-size: 22px;text-align: center;width: 100%;} #div_support .support_list .support_title a.overplay, #div_support .support_list .support_title div.overplay{width: 100%;height: 160px;display: block;} #div_support .support_list .support_title a.overplay, #div_support .support_list .support_title div.overplay{background-color: #59afe1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-border-radius: 5px;border-radius: 5px;-moz-transition: opacity 3s ease-out;-webkit-transition: opacity 0.2s ease-out;-o-transition: opacity 3s ease-out;transition: opacity 0.2s ease-out;color: #ffffff;font-family: verdana,arial,helvetica,sans-serif;vertical-align: middle;position: relative;} #div_support .support_list .support_title a.overplay:hover,#div_support .support_list .support_title div.overplay:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);opacity: 0.5;-moz-transition: opacity 3s ease-in;-webkit-transition: opacity 0.2s ease-in;-o-transition: opacity 3s ease-in;transition: opacity 0.2s ease-in;} #tc_pfds {display: none;text-align:left;background-color: #59afe1;width: 300px;float: left;line-height: 22px;} /*#tc_pfds.active { display: block; }*/ #tc_pfds a:hover {text-decoration:underline;} #tc_pfds a {color: #ffffff;opacity: 5;padding-left:10px} #div_support .support_list .tips{background-image:url('images/support_tips.jpg');} #div_support .support_list .account{background-image:url('images/support_account.jpg');} #div_support .support_list .contact{background-image:url('images/support_contact.jpg');} #div_support .support_list .faq{background-image:url('images/support_faq.jpg');} #div_support .support_list .terms{background-image:url('images/support_terms.jpg');} #div_support .support_list .policy{background-image:url('images/support_police.jpg');} #div_support .support_list .support_title div.overplay:hover{font-size:15px;opacity: 0.8} @media only screen{ #div_support .support_list .support_title{position: relative;margin:10px 0;display: inline-block;height: 160px;max-width: 350px;background-repeat: no-repeat}} @media only screen and (max-width:1060px){ #div_support .support_list .support_title{margin:10px;}} /**support end**/ /************************* call back page 2014-02-13 *************************/ #registerinterest{background: url('images/bg_form.jpg') center center; height: auto;background-size: cover;border-radius: 10px;} #registerinterest .registerinterest_top_content{} #registerinterest table,#request_callback table{min-width:280px} #registerinterest .bottom_content .problem{float:right;font-size:14px;font-weight:600;} #registerinterest .bottom_content .problem p{margin-top: 50px;color: #7e7c79;width: 74%;margin-left: 20px;} #registerinterest .bottom_content .form_data{float:left;margin-top: 6px;} #registerinterest .bottom_content .form_data input,#registerinterest .bottom_content .form_data select,#request_callback .bottom_content .form_data input,#request_callback .bottom_content .form_data select, .alltextarea{height:52px;width:90%;font-weight:600;border:1px solid #d0ccc7;border-radius:5px;margin:8px auto;padding-left: 10px;font-family: verdana,arial,helvetica,sans-serif;} #registerinterest .bottom_content .form_data .btn,#request_callback .bottom_content .form_data .btn{width:40%} #registerinterest .bottom_content .form_data .btn_reg_call_disable,#request_callback .bottom_content .form_data .btn_reg_call_disable{width:90%; height:61px;font-size:16px;background:#f5f6f7;color:#aca8a3;border-radius:5px;border:none;border-bottom:3px solid #dddad6;border-right:1px solid #dddad6;} #registerinterest .bottom_content .form_data .btn_reg_call, #request_callback .bottom_content .form_data .btn_reg_call,.btn_reg_call{width:90%; height:61px;font-size:16px;font-weight:600;background:#59afe1;color:#ffffff;border-radius:5px;border:none;border-bottom:3px solid #dddad6;border-right:1px solid #dddad6;} #registerinterest .bottom_content .form_data .btn input{height:61px} #registerinterest .bottom_content .form_data .btn_reg_call:hover, #request_callback .bottom_content .form_data .btn_reg_call:hover,btn_reg_call:hover{background:#12b0e0;} #registerinterest .bottom_content .form_data p,#request_callback .bottom_content .form_data p{font-size: 13px;color: #676561;} #registerinterest .bottom_content .form_data strong,#request_callback .bottom_content .form_data strong{font-size: 13px;color: #666460;} #request_callback{background-image: url('images/bg_callback.jpg');height: 547px; position:relative;} #request_callback .bottom_content .problem{float:left;font-size:14px;font-weight:600;position:absolute;bottom:10%} #request_callback .bottom_content .problem h2{color:#000;font-size:20px;padding-left:20px} #request_callback .bottom_content .form_data input.text-code,#registerinterest .bottom_content .form_data input.text-code{width:60%} #registerinterest .bottom_content .form_data input.text-code{width:50%} #request_callback .bottom_content .form_data .code,#registerinterest .bottom_content .form_data .code{width: 38%;cursor: pointer;font-style: italic;color: red;letter-spacing: 3px;text-align: center;background: snow;background-blend-mode: inherit;} #request_callback .bottom_content .form_data input,#request_callback .bottom_content .form_data select{width:100%;height:50px;padding-left: 10px;margin:10px auto} #request_callback .bottom_content .problem p {margin-top: 10px;color: #7e7c79;width: 65%;margin-left: 20px;} #request_callback .bottom_content .form_data .btn{width:40%;text-align:right} #request_callback .bottom_content .form_data .btn input{text-align:center;height:61px} #request_callback .bottom_content .form_data{float:right;margin-top: 20px;} /************************* end call back page 2014-02-13 *************************/ /***************Energy Plans page***************/ #energyplans .energy_title{display: inline-block;border: 1px solid #efeeec;border-radius: 10px;margin:8px;position:relative;min-height:208px;background:#f7f8fb} #energyplans .energy_title:hover{background:#59afe1;border:none} #energyplans .energy_title img{float:left;margin-left:20px;margin-top: 16%;} #energyplans .energy_title_big img{margin-top: 10%;} #energyplans .energy_title h1,#energyplans .energy_title p{float:right;} #energyplans .energy_title p{top: 44%;left: 36%;position: absolute;width: 60%;font-size: 14PX;font-weight: normal;color: #87847f;line-height: 18px;} #energyplans .energy_title h1{top: 22%;left: 36%;position: absolute;width: 51%;font-size:16px;color:#59afe1} #energyplans .energy_title_big p{top: 48%;left: 24%;position: absolute;width: 70%} #energyplans .energy_title_big h1{top: 26%;left: 24%;position: absolute;} /************************end*************************/ /**Concesstion page*/ #banner_cession {width: 100%; height: 142px; background: url(images/cession_banner.jpg) no-repeat; margin: 20px 0px; } .covau_concessions a{text-decoration:underline} .covau_concessions {padding-bottom: 30px; font-size: 14px; line-height: 22px;} .covau_concessions span{display:block;} #divOuterTable{ position: relative;} .tblconcessions {margin-top: 30px; } table.tblconcessions tr td{ background-color: #e8f8ff; color: #00689e; padding: 15px; border: #e1dfda 1px solid; text-align: left;} #covau_concessions .tblconcessions tr td ul li span{ } table.tblconcessions tr td p {font-size: 20px; text-indent: 20px; padding: 10px 0px; font-weight: bold;} .tableFloatingHeader { top: 0px; margin-top: 0px; width: 100%;} table.tblconcessions tr.text_left td{ text-align:left; background-color: #fff; color: #000;} table.tblconcessions tr.text_left td ul {padding-left:40px;list-style: none;} table.tblconcessions tr.text_left td ul li{list-style: disc; padding: 2px 0px;} table.tblconcessions tr.text_left td ul li ul li ul li{list-style: circle;} .font_bold {font-weight:600;} table.tblconcessions tr td.no-sort {border:none; padding: 15px;background:none;color:#333;font-weight:600;font-size:15px;border: 1px solid #e1dfda;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#ffffff',GradientType=0 );text-align: left;} table.tblconcessions tr#lowincome td {} /***********end********/ /**Fault page**/ #support_faults .reason{padding-top:10px;} .support_faults_content{font-size: 14px;line-height: 24px;color: #666; font-weight:lighter;} .support_faults_content .small_show{display:none} .faults_table { margin: 20px 0px; font-size: 14px; width: 100%; } .faults_table tr td {padding: 5px 5px 5px 10px; color: #666460;border: 1px solid #e1dfda;} .faults_table tr td a { color: #666666; } .faults_table tr td a:hover { color: #9e6842; } .faults_table .faults_table_box{width:22%} .faults_table .faults_td_border_one {width:34% } .faults_table .faults_td_border{width:5% } .faults_table .faults_td_border_one span{font-size:14px;font-weight:normal} .faults_table .faults_table_head { color: #666460;font-size: 15px;font-weight: bold;word-break: break-word;} .faults_table .faults_table_firstline { height: 90px; color: #666460;word-break: break-word;} .faults_table tr td.faults_table_gas a { color: #666460; text-decoration:underline;} .faults_table tr td.faults_table_gas a:hover { color: #59afe1} .faults_table tr td.faults_table_firstline a { color: #666460; text-decoration:underline} .faults_table tr td.faults_table_firstline a:hover{color:#59afe1} .faults_table tr.tr_na{background:#e8f9ff} .faults_table_gas { height: 90px; color: #666460; word-break: break-word;} .faults_td_grey { } #support_faults_content{line-height: 30px;padding: 20px 0 30px 0;border-top: 1px solid #e1dfda;margin-top: -15px;} #servicetype_choice{} #servicetype_choice p{padding-right: 60px;font-weight: bold;color: #59afe1;font-size: 17px;font-weight: lighter;} #support_faults_content #submit{background: #59afe1;border: none;width: 90px;height: 35px;border-radius: 3px;margin-left: 10px;font-size: 15px;font-weight: bold;color: #fff;border-bottom: 3px solid #dfd9d6;} #support_faults_content #submit:hover{background: #0069a6} #support_faults_content #txtCode{border-radius: 3px;height:35px;width:200px;border:1px solid #e1dfda;} #servicetype_choice .checked{background:url(images/icon_on.png) no-repeat;width:25px;height:21px;display:inline-block} #servicetype_choice .radio_float input[type="checkbox"],#servicetype_choice .radio_float_gas input[type="checkbox"]{display:none} #servicetype_choice .radio_float .dnnCheckbox-checked .mark{background:url(images/icon_on.png) no-repeat;width:25px;height:21px} #servicetype_choice .radio_float .dnnCheckbox-checked .mark img{display:none} #servicetype_choice .radio_float_gas .dnnCheckbox .mark img,#servicetype_choice .radio_float .dnnCheckbox .mark{display:none} #servicetype_choice .radio_reschoose{padding-right: 15px;line-height: 35px;font-weight:600;border-right: 1px solid #e1dfda;color:#0069a6;font-size:16px} #servicetype_choice .radio_reschoose_nocheck{padding-right: 15px;line-height: 35px;font-weight:normal;border-right: 1px solid #e1dfda;color:#666460;font-size:15px} #servicetype_choice .radio_business{color:#0069a6;font-size:16px;font-weight:600} #servicetype_choice .radio_business_nocheck{color: #666460;font-weight: normal;font-size: 15px;margin-left: -6px;font-size:15px} /**end**/ /***Contact page***/ #contact .contact_box{padding: 10px 0;display:inline-block;vertical-align:text-top;margin-top:10px} #contact .sendinformation{margin-right: 20px;} #contact .sendinformation .alltextarea{width:100%} #contact .sendinformation .msgarea{height:160px} #contact .sendinformation .btn_reg_call{width:80%} #contact .contact_box img{width:21px;height:21px;margin-right:5px} #contact .contact_box .contact_ptitle{font-size:15px;font-weight:600;color:#000;line-height:30px} #contact .contact_box .contact_p{font-size:14px;font-weight:normal;color:#000;line-height:25px} /***end***/ /*****Why Covau page******/ #why_covau #who{position:relative;margin-top:10px;background-image:url('images/about_bg3.jpg');background-repeat:no-repeat;max-width:1140px;max-height:389px;height:389px;min-height:300px;display:block} #why_covau #who_biz{position:relative;margin-top:10px;background-image:url('images/about_bg.jpg');background-repeat:no-repeat;max-width:1140px;max-height:389px;height:389px;min-height:300px;display:block} #why_covau p {font-size:14px;line-height:18px;color:#666460;} #why_covau #who .who_content{position:absolute;bottom: 15px;width: 94%;margin:0 auto;left: 3%;} #why_covau #who .who_content p{color:#fff;line-height: 20px;margin: 5px 0;width: 100%;} #why_covau #who_biz .who_content{position:absolute;bottom: 15px;width: 94%;margin:0 auto;left: 3%;} #why_covau #who_biz .who_content p{color:#fff;line-height: 20px;margin: 5px 0;width: 100%;} #why_covau #how{border-top:1px solid #e1dfda;border-bottom:1px solid #e1dfda;padding:25px 0;margin-top:30px} #why_covau #how p{margin-top:10px} #why_covau #what{border-bottom: 1px solid #e1dfda;margin-top: 25px;margin-bottom: 30px;padding-bottom: 20px;} #why_covau #what .what_box{position:relative;display: inline-block;margin:10px} #why_covau #what .what_box h2{position:absolute;left:35%;top:22%} #why_covau #what .what_box p{position:absolute;left:35%;top:50%;font-size:16px} .content_tile{font-size:20px;font-weight:600;color:#59afe1} #why_covau #what .why_plan{max-height:115px;max-width:115px;} #why_covau #whychoose {padding-bottom: 25px;border-bottom: 1px solid #e1dfda;} #why_covau #whychoose .why_box{position:relative;max-width:555px;height:262px;background-repeat:no-repeat;display:inline-block;margin:10px} #why_covau #whychoose .why_box .why_contetn_box{position:absolute;left:47%;top:7%} #why_covau #whychoose .why_box .why_contetn_box h2{word-spacing:-1} #why_covau #whychoose .why_box .why_contetn_box a{text-decoration:underline;color:#000} #why_covau #whychoose .true_box{background-image:url('images/why_true.jpg');} #why_covau #whychoose .more_box{background-image:url('images/why_low.jpg');} #why_covau #whychoose .more_box_biz{background-image:url('images/why_low_biz.jpg');} #why_covau #whychoose .see_box{background-image:url('images/why_looking.jpg');} #why_covau #whychoose .simple_box{background-image:url('images/why_simple.jpg');} #why_covau #whychoose .smart_box{background-image:url('images/why_smart.jpg');} #why_covau #whychoose .smart_box_biz{background-image:url('images/why_smart_biz.jpg');} #why_covau #why_contact{margin-top:20px} #why_covau #why_contact p{margin:4px 0} #why_covau #why_contact span{color:#59afe1;font-weight:600;font-size:15px} /****end****/ /************FAQ**************/ #faq #reason{padding-top:10px; width:100%;} .faq_list { padding: 18px 0 5px 0; } .BillingList{ padding: 18px 0 5px 0; } .faq_list ul {} .faq_list ul li { line-height: 165%; font-size: 16px; list-style-type:none; border:1px solid #e1dfda;padding:10px;border-bottom:none} .faq_list ul li div.supportanswer ul li{border:none;list-style:disc;padding:0} .faq_list ul li.bottom_li{border-bottom:1px solid #e1dfda;margin-bottom:10px} .faq_list .supportquestion {color:#000;} .faq_list .questionselected{color:#59afe1} .faq_list .supportquestion p,.faq_list .questionselected p{line-height:20px;cursor: pointer;font-size: 14px;font-weight: bold;} .faq_list .supportquestion span,.faq_list .questionselected span{margin-bottom:-4px;width:21px;height:21px;display:inline-block;margin-right: 5px;margin-top: 5px;} .faq_list .supportquestion .icon{background: url(images/icon_addflag.png) no-repeat;} .faq_list .questionselected .change{background: url(images/icon_reduce.png) no-repeat;} .faq_list .supportanswer { display: none; margin: 5px 0 0 0; padding: 10px; position:relative; font-size:14px; } .faq_list .supportanswer .boult{ position:absolute; top:-10px; left:0; width:10px; height:10px; background:url(images/faq_boult.jpg) no-repeat; } /****end***/ /**energy trip**/ #turns-conditions_content ul {margin:10px 0;} #turns-conditions_content ul li{font-size:14px;line-height:25px;list-style:disc;color:#666460;margin:2px 0} /**end**/ /***form page***/ #linkform #link_page ul{padding:10px 20px 0 50px} #linkform #link_page ul.first_ul{padding:0} #linkform #link_page ul li{font-size:16px;line-height:20px;margin:10px 0;list-style:none} #linkform #link_page ul li a{font-weight:normal;text-decoration:underline;} #linkpage #sitemap ul{margin:10px 0;} #linkpage #sitemap ul.first_ul li{} #linkpage #sitemap ul li a:hover{text-decoration:underline;color:#59afe1} #linkpage #sitemap ul li.first_title,.first_title{color:#0069a6;font-size:18px;margin:15px 0 0 0;padding-bottom:20px;list-style:none;font-weight:600;border-bottom:1px solid #e1dfda} #linkpage #sitemap ul li.last{border-bottom:none} #linkpage #sitemap ul li.first_title a{color:#0069a6;font-size:18px;} #linkpage #sitemap ul li.second_title{color:#000;font-size:16px;font-weight:normal} #linkpage #sitemap ul li.first_title .price_sheet{padding-left: 350px;} #linkpage #sitemap ul li.first_title .gas_price{padding-left: 311px;} #linkpage #sitemap ul li.first_title .terms{padding-left: 354px;} #linkpage #sitemap ul li.second_title a{color:#000;padding:5px 10px;font-size:16px} #linkpage #sitemap ul li.third_title{color:#666460;font-size:14px;font-weight:normal} #linkpage #sitemap ul li.third_title a{color:#666460;font-size:14px} /*end*/ /***DD form*****/ #covau_ddform{width:100%;font-family: verdana,arial,helvetica,sans-serif;padding-top: 30px;} #covau_ddform input{padding:0px;margin:0px;} #covau_ddform #back_pic{background: #e9e8e7; height: auto;padding-bottom: 30px;} #covau_ddform h1{color:#661f00;font-size: 24px;line-height: 40px;} #covau_ddform h2{line-height: 39px;background: #11b0e0;color: #fff;font-size: 16px;x;display: inline;width: 100%;padding: 9px 20px;} #covau_ddform h3{color: #0068a0;font-size: 18px;font-weight: bold;clear: both;padding-top: 5px;line-height: 30px;} #covau_ddform h3 span{color: #11b0e0;font-weight: normal;} #covau_ddform h4{font-weight: bold;font-size: 15px;color: #000;line-height: 26px;padding-top: 5px;} #covau_ddform .twoh4 h4{display: inline-block;width: 48%;} #covau_ddform .twoh4 h4:first-child{} #covau_ddform h4 span{font-weight:normal;color:#000;width: 100%;} #covau_ddform p{color: #000;font-size: 12px;} #covau_ddform p.p_aggreeterms{line-height: 31px;} #covau_ddform #top_banner{width:100%;} #covau_ddform #top_banner #left_top{padding-top: 175px;} #covau_ddform #top_banner #right_top{padding-top: 68px;text-indent: 200px;} #covau_ddform #top_banner #right_top p{line-height: 25px;} #covau_ddform #top_banner #right_top p.calls{font-weight: bold;font-size: 20px;} #covau_ddform #top_banner #right_top p.calls span{font-size: 14px;font-weight: normal;} #covau_ddform #top_banner #right_top p.address{width: 360px;line-height: 20px;padding-left: 200px;text-indent: 0px;} #covau_ddform #top_banner #right_top p a{color:#000;font-weight: bold;text-decoration: none;} #covau_ddform #top_banner #left_top,#covau_ddform #top_banner #right_top{width:50%;float: left;} #covau_ddform #mid_fillinfo{clear:both;width: 100%;} #covau_ddform #mid_fillinfo .btn_submit{margin-left: 3%;cursor:pointer;margin-top:10px; color: #fff;font-size: 20px;border: none;padding: 5px 50px;font-weight:600;border-radius: 10px; background: -webkit-gradient(linear, left top, left bottom, from(#accf00), to(#538500)); background: -moz-linear-gradient(top, #accf00, #538500); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#accf00', endColorstr='#538500'); background:-o-linear-gradient(top, #accf00, #538500); background: -ms-linear-gradient(top, #accf00, #538500); background: linear-gradient(top, #accf00, #538500);} #covau_ddform #mid_fillinfo .btn_submit:hover{background:#b9b9b9;} #covau_ddform #mid_fillinfo p.first_title{padding: 15px 0 15px 20px;font-size: 18px;font-weight: bold;color: #fff;background: #11b0e0;} #covau_ddform #mid_fillinfo a{display: inline-block; width: 25px; height: 31px; float: left; cursor: pointer; background: url(images/a_unchecked.jpg) 0 6px no-repeat;} #covau_ddform #mid_fillinfo a.checked{display: inline-block; width: 25px; height: 31px; float: left; cursor: pointer; background: url(images/a_checked.jpg) 0 6px no-repeat;} #covau_ddform #mid_fillinfo #mid_acknowledg{padding-left: 2%;clear: both;} #covau_ddform #mid_fillinfo #mid_acknowledg p{width:95%} #covau_ddform #mid_fillinfo #mid_address{width:100%;clear: both;padding-left: 2%;} #covau_ddform #mid_fillinfo #mid_address input{width: 93%;height: 31px; line-height: 31px;margin-bottom: 8px;border: solid #ccc 1px;} #covau_ddform #mid_fillinfo #mid_address #right_address input{width:96%} #covau_ddform #mid_fillinfo #mid_address p input{} #covau_ddform #mid_fillinfo #mid_address #left_address,#covau_ddform #mid_fillinfo #mid_address #right_address{float:left;} #covau_ddform #mid_fillinfo #mid_address .twoinputs input{} #covau_ddform #debit_payment #mid_left,#covau_ddform #debit_payment #mid_right{float:left;padding-left: 2%;} #covau_ddform #debit_payment #mid_right p{width:98%;} #covau_ddform #debit_payment #mid_right{padding-top: 30px;} #covau_ddform #debit_payment #mid_right .twoa .span_visa{background: url(images/covau_ddformvisa.png) 0 3px no-repeat;height: 28px;width: 37px;display: inline-block;margin-left: -103px;} #covau_ddform #debit_payment #mid_right .twoa .span_mastercard{background: url(images/covau_ddformmaster.png) 0 3px no-repeat;height: 28px;width: 41px;display: inline-block;margin-left: 65px;} #covau_ddform #debit_payment #mid_left input{width: 95%;height: 31px;line-height: 31px;border: solid #ccc 1px;} #covau_ddform #debit_payment #mid_left .twoinput input{width: 47%;} #covau_ddform #debit_payment #mid_left #six_txts input{width: 7%;} #covau_ddform #debit_payment #mid_left #six_txts input.input_accountnumber{width: 49%;} #covau_ddform #debit_payment #mid_left #six_txts input:last-child{width: 48%;} #covau_ddform #debit_payment #mid_right input{width: 96%;height: 31px;line-height: 31px;border: solid #ccc 1px;} #covau_ddform #debit_payment #mid_right #four_txts input{width: 8%;} #covau_ddform #debit_payment #mid_right #four_txts input:first-child{width: 61%;} #covau_ddform #btm_terms{width:100%;display:none;} #covau_ddform #btm_terms.active{display:block;} #covau_ddform #h3_terms{cursor:pointer;} #covau_ddform #btm_terms #left_terms,#covau_ddform #btm_terms #mid_terms,#covau_ddform #btm_terms #right_terms{width:32%;padding:0px 1% 0px 0px;float:left;} #covau_ddform #btm_copyright{clear:both;} #covau_ddform #btm_copyright span{font-size: 14px;color: #999;float: right;padding: 20px 0px;} #covau_ddform #mid_fillinfo .act_info p {margin-left: 3%;color: red;} #covau_ddform #mid_fillinfo .err_msg{color:red;display: block;padding-left: 3%;} /**end***/ /*-------------covau sign up style---------2014-06-24-------------*/ /*******other info********/ #signupcontents #SignUp-Requirements .Sign span a{color: rgb(68, 68, 68);text-decoration: none;} #signupcontents .contentparttitle h2{/* font-size: 25px; *//* padding: 10px 0 10px 50px; */font-size: 22px; margin-top: 0px; padding: 5px 0; text-indent: 20px; font-family: verdana,arial,helvetica,sans-serif; line-height: 35px;background: #dbe0de;} #signupcontents .contentparttitle h3{font-size: 23px !important;font-weight: lighter !important;color: #fff !important;padding-left: 20px;line-height: 45px;letter-spacing: 0.5px;} #features-div{width: 75%;margin: 15px auto;} #features-div .features{font-size: 15px;line-height: 30px;font-weight:600;} #signupcontents .contentpart .plancontent .planqa{color: #666967;border-radius: 5px;width: 95%;margin: 0 auto;margin-top: 10px;} #signupcontents .contentpart .plancontent .planqa_pfs{color: #666967;border-radius: 5px;width: 95%;margin: 0 auto;margin-top: 10px;font-size: 14px;font-weight: 600;line-height: 50px;} #signupcontents .contentpart .plancontent .planqa #specialmedial .question{font-size: 14px;font-weight: 600;margin-left:20px;} #signupcontents .contentpart .plancontent .planqa #specialmedial label{margin-bottom: 0.5em;width: 60px;} #signupcontents .contentpart .plancontent .planqa #specialmedial .ui-button{color: #000;font-weight: 600;background: none;border: none;height: 39px;vertical-align: middle;padding-top: 4px;} #signupcontents .contentpart .plancontent .planqa #specialmedial .ui-state-active{background: #59afe1;border-radius: 0px;color: #fff;border: none;} #signupcontents .contentpart .plancontent .planqa #specialmedial{font-size:14px;background: #e8f9ff;height: 43px;} #signupcontents .contentpart .plancontent #medialtype{text-align: center;font-size: 15px;line-height: 20px;margin-top: 15px;} #signupcontents .contentpart .plancontent #plannotes{height: 33px;width: 80%;margin-top:10px;color: #ff6002; font-size: 14px; font-weight: 600;margin: 0 auto; text-align: center;} #signupcontents .contentpart .plancontent #plannotes #plannotesspan{line-height: 33px; font-size: 14px; margin: 20px; color: #fd6100; font-weight: 600; } .contentpart .signupcalculator #calculatornote{width: 95%;margin: 30px auto 30px;font-size: 14px;} .contentpart .signupcalculator #average{margin: 30px auto 30px;width: 95%;} .contentpart .signupcalculator #average .monthy,.contentpart .signupcalculator #average .payment{width:44.5%;display:inline-block;} .contentpart .signupcalculator #average .power{font-size: 14px;font-weight: 600;} .contentpart .signupcalculator #average label{font-size: 14px;font-weight: 600;margin-left: 40px;} .contentpart .signupcalculator #average select{font-size: 14px;font-weight: 600;width: 40%;height: 40px;border-radius: 5px;border: 1px solid #aaa;} .contentpart .signupcalculator .signupcalculator-tab{width: 95%;margin: 30px auto 30px;font-size: 16px;color: #fff;background: #5c8573;border: #42716b;} .contentpart .signupcalculator .signupcalculator-tab tr{height: 50px;text-align: center;} .contentpart .signupcalculator .signupcalculator-tab tr td{border: 2px solid #42716b;} .contentpart .signupcalculator .signupcalculator-tab tr td #avespend{font-size: 18px;width: 80px;text-align: center;} .contentpart .signupcalculator .signupcalculator-tab tr td #paymentdate{font-size: 18px;} #signupcontents .contentpart .signupcalculator .calculator-div{width: 95%; height: 50px; margin: 0 auto;} #signupcontents .contentpart .signupcalculator .calculator-div .promottitle{font-size: 15px;font-weight: 600;} #signupcontents .contentpart .signupcalculator .calculator-div .promottext{color: #222;line-height: 30px;border-radius: 5px;border: #dbdfde 2px solid;height: 40px;width:75%;} #signupcontents .contentpart .signupcalculator .calculator-div #btncalculator{width: 200px; height: 40px; float: right;background: none repeat scroll 0 0 #b87648;border: medium none;border-radius: 5px;color: #FFFFFF;font-size: 20px;font-weight: 600;margin: 0;padding: 0 10px;cursor: pointer;} #signupcontents .contentpart .signupcalculator .amount-div{width: 95%; margin: 0 auto 20px;} #signupcontents .contentpart .signupcalculator .amount-div .amountblock{width: 350px;text-align: center;border: 2px solid #cccccc;background: #E0E0E0;padding: 15px 0px;border-radius: 5px;} #signupcontents .contentpart .signupcalculator .amount-div .amountblock .monthInsAmount{font-size: 20px;color: #000;line-height: 30px;} #signupcontents .contentpart .signupcalculator .amount-div .amountblock .monthInsAmountNote{line-height: 40px;} #signupcontents .contentpart .signupcalculator .amount-div .amountblock .calculateamount{font-size: 20px;color: #000;line-height: 30px;} #signupcontents .contentpart .signupcalculator .amount-div .amountblock .calculatemonth{color: #000;font-size: 12px;font-weight: 600;} #signupcontents .contentpart #listinfo{width: 100%;padding-left: 45px;margin-top: 30px;} #signupcontents .contentpart #listinfo #concession{height: 43px;color: #666967;background: #e8f9ff;margin-bottom:20px;border-radius: 5px; line-height: 38px;font-size:14px;width: 80%} #signupcontents .contentpart #listinfo #concession .question{font-size: 14px;font-weight: 600;margin-left:20px;} #signupcontents .contentpart #listinfo #concession #rdoquestion{margin-left: 200px;} #signupcontents .contentpart #listinfo #concession .ui-button{color: #000;font-weight: 600;background: none;border: none;height: 39px;vertical-align: middle;padding-top: 4px;} #signupcontents .contentpart #listinfo #concession .ui-state-active{background: #59afe1;border-radius: 0px;color: #fff;border: none;} #signupcontents .contentpart #listinfo #concession label{margin-bottom: 0px;width: 60px;} #signupcontents .contentpart #listinfo .listinfo-div #choicepay{margin-top: 30px;font-size:14px;border-bottom: 1px solid #e1dfda;width: 95%;} #signupcontents .contentpart #listinfo .listinfo-div #choicepay .ui-corner-left{margin-left:30px} #signupcontents .contentpart #listinfo .listinfo-div #choicepay .ui-button{padding: 6px 55px 0px 27px;border: none;background: none;color: #59afe1;} #signupcontents .contentpart #listinfo .listinfo-div #choicepay .ui-state-active{padding: 7px 28px 1px 26px;margin-bottom: -2px;background: url(images/tab_big.jpg) no-repeat;border: none;font-size: 14px;color: #000;z-index: 1;} #signupcontents .contentpart #listinfo .listinfo-div .listinfo-tab{width: 100%; margin: 30px auto; font-size: 18px;} #signupcontents .contentpart #listinfo .listinfo-div .listinfo-tab .listinfo-tr{background: #E0E0E0;font-weight:600;} #signupcontents .contentpart #listinfo .listinfo-div .listinfo-tab .listinfo-tr td{padding-left:20px;} #signupcontents .contentpart #listinfo .listinfo-div .listinfo-tab tr{height: 40px; width:100%;} #signupcontents .contentpart #listinfo .listinfo-div .listinfo-tab tr .tdtitle,.tdtitle{width: 20%;font-weight: bold;font-size: 15px;text-align: right;padding-right: 15px;} .plancontent #planlist{text-align:center} .plantable{width: 100%;text-align: center;position: relative;margin: 0 7px;} .plantable .planbtn{margin-top:-20px} .plantable .planbtn .ui-button-text{line-height: 28px;} .plantable .planbtn .ui-button{height: 40px;width: 150px;background: #9a9691;color: #fff;} .plantable .planbtn .ui-state-active{background: #59afe1;} .planimage{background-size: 100%; height: 255px;background-repeat:no-repeat; background-image: url('images/plan.png');margin: 0 auto;cursor: pointer;color:#aca8a3;max-width: 447px;} .plantable #features{margin: 0 auto;text-align: left;border-top: 0;height:auto;cursor: pointer;min-height:340px} .plantable #features ul{/* list-style-type: disc; */} .plantable #features ul{/* list-style-type: disc; */padding-top: 30px;} .plantable .selectplan{border: 2px solid #dbe0de;max-width: 443px;max-width:443px\9;} .plantable .selectplan ul li{color:#0069a6;line-height: 24px;font-size: 14px;font-weight: 700;margin-left: 35px;margin-right:30px;padding: 0px 10px 14px 32px;background: url(images/icon_on.png) no-repeat;list-style: none;} .plantable .unselectplan{max-width: 447px;max-width:447px\9;} .plantable .unselectplan ul li{line-height: 20px;font-size: 12px;font-weight: 700;color:#aca8a3;margin-left: 35px;margin-right:30px;background: url(images/icon_selected_disable.png) no-repeat;list-style: none;padding: 0px 10px 14px 32px;} .plantable .selectplan ul li.except,.plantable .unselectplan ul li.except{font-size:11px;background:none;padding:0;line-height:18px;padding-top:6%} .plantable .unselectplan{background: #dddddd;} .planimageselect { background-size: 100%; height: 182px; background-image: url('images/plan_on.png');margin: 0 auto;cursor: pointer;color:#fff; max-width: 447px;} .plantable tr td .planname{font-size: 24px;text-align: center;padding-top: 36%;} .plantable tr td .plantype{text-align: center;font-size: 14px;} #signupcontents .contentpart #listinfo #concessionnotes #concessionspan{font-size: 15px;color: #fd6100;font-weight: bold;padding:10px} #signupcontents .contentpart #listinfo #concessionDiv #concessionTab{width: 100%;} #signupcontents .contentpart #listinfo #concessionDiv #concessionTab tr{height: 40px; width:100%;} .planimage_elec{background-size: 100%;background-repeat:no-repeat; background-image: url('images/plan.png');margin: 0 auto;cursor: pointer;color:#aca8a3;max-width: 447px;height: 251px;background-repeat: no-repeat;} .planimage_elec_select {background-size: 100%;background-image: url('images/plan_on.png');margin: 0 auto;cursor: pointer;color:#fff;max-width: 447px;height: 254px;background-repeat: no-repeat;} .planimage_gas{background-size: 100%; background-repeat:no-repeat; background-image: url('images/plan_gas.png');margin: 0 auto;cursor: pointer;color:#aca8a3;max-width: 447px;height: 251px;background-repeat: no-repeat;} .planimage_gas_select { background-size: 100%; background-image: url('images/plan_on_gas.png');margin: 0 auto;cursor: pointer;color:#fff; max-width: 447px;height: 254px;background-repeat: no-repeat;} .planimage_elecgas{background-size: 100%; background-repeat:no-repeat; background-image: url('images/plan_two.png');margin: 0 auto;cursor: pointer;color:#aca8a3;max-width: 447px;height: 251px;background-repeat: no-repeat;} .planimage_elecgas_select { background-size: 100%; background-image: url('images/plan_on_two.png');margin: 0 auto;cursor: pointer;color:#fff; max-width: 447px;height: 254px;background-repeat: no-repeat;} .td_content_expiry select {width: 23%;line-height: 35px;border-radius: 5px;border: 1px solid #aaa;height: 50px;margin: 15px 0px 10px 10px;height: 50px;font-size: 16px;padding-left: 10px;} .td_content_small input,.td_content_small select{line-height: 35px;border-radius: 5px;border: 1px solid #aaa;height: 50px;margin: 15px 0px 10px 10px;height: 50px;font-size: 16px;padding-left: 10px;} #signbtn_bottom{padding-bottom:60px} #signbtn_bottom input{cursor: pointer;margin-bottom: 30px;margin: 10px;vertical-align: middle;height: 65px;width: 200px;border-radius: 5px;font-weight: 700;display: inline-block;color: #fff;font-size: 18px;} #signbtn_bottom input:hover{background:#0069a6} #signbtn_bottom .cancel_sign{float: left;background: #d0ccc7;border-bottom: 3px solid #E4E4E1;border-radius: 5px;} #signbtn_bottom .back_sign{float: right;background: #9a9691;width: 200px;height: 65px;border-bottom: 3px solid #E4E4E1;} #signbtn_bottom .next_sign{float: right;height: 65px;width: 200px;border-radius: 5px;background: #5bbc28;border: none;border-bottom: 3px solid #E4E4E1;color: #fff;font-size: 18px;font-weight: 600;} /*******end other info********/ /*******Requiremants info********/ #signupcontents .contentpart,.contentpart{width: 99%;padding-bottom: 20px;box-shadow: 0 0 9px #e1dfda;margin: 20px auto;min-width:280px} .contentpart .bgrequire{background: #0069a6;color: #fff;height: 45px;border-top-left-radius: 5px;border-top-right-radius: 5px;} .contentpart .plancontent #planlist .planblock{border-collapse: collapse;width: 45%;display: inline-block;margin: 0 15px 10px 15px;} .contentpart .bgrequire h3.selected,.contentpart .bgrequire h1.selected{font-size: 23px !important;font-weight: lighter !important;color: #fff !important;padding-left:20px;line-height:45px;letter-spacing: 0.5px;} .spanavailable{border:none;border-bottom: 1px dashed #e1dfda;} .spanavailable p{padding:15px} .contentpart .border_row{border:none;border-bottom:1px dashed #e1dfda;} #SignUp-Requirements .CblState tr{ display: table-cell; width: 152px; float:left;} #SignUp-Requirements .choiceState table tr td table{border-spacing:0px;} #SignUp-Requirements .choiceState input[type="checkbox"] {margin: 0px;padding:0px;} #SignUp-Requirements .maincontact .choiceState table tr td table tr td input[type="radio"] {padding:0px; margin: 0px 4px 0px 0px;} #SignUp-Requirements input[type="radio"]{margin: 0px;padding:0px;display:none} #SignUp-Requirements .choiceState .checked,.choiceusers .checked{background: url(images/icon_on.png) no-repeat;width: 25px;height: 21px;} #SignUp-Requirements .CblService tr{ display: table-cell; width: 150px; float:left;} #SignUp-Requirements .CblAccount tr{ display: table-cell; width: 152px;height:35px; float:left;} #SignUp-Requirements .SignupStyle{ font-size: 24px;} #SignUp-Requirements .Sign{padding-top: 10px;font-family: verdana,arial,helvetica,sans-serif;font-size:16px;font-weight: 600;clear:both;} #SignUp-Requirements .signnavigation ul {height: 50px;} #SignUp-Requirements .choice-user{background: #f1f1f1;width: 80%;margin: 0 auto;display: block;margin-top: 20px;margin-bottom: 20px;} #SignUp-Requirements .BtnResidential{font-weight: 600;} #SignUp-Requirements .BtnBussiness{font-weight: 600;} #SignUp-Requirements .note{ font-size: 14px;width: 100%;line-height: 30px;} #SignUp-Requirements .hrstyle{border: 1px dashed #e1dfda;} #SignUp-Requirements .choiceState .partcontact{width: 100%;margin: 0 auto;font-size: 15px;} #SignUp-Requirements .choiceState .partcontact tr{height:75px} #SignUp-Requirements .choiceState .partcontact tr.last_row{height:30px} .MoveDate input{width:200px;border: 1px solid #aaa;height: 50px;height: 45px;border-radius: 5px;margin-top:5px} #SignUp-Requirements .choiceState .partcontact tr td {padding: 5px 0px;} #SignUp-Requirements .choiceState table th td{text-align:left;} #SignUp-Requirements .partcontact th,.td_title,.td_first,.customer_title{color: #000;font-weight: 600;font-size: 15px;line-height: 30px;text-align: right;width: 15%;padding-right: 10px;} .td_title,.td_first{padding-right:15px;width:16%} #SignUp-Requirements .partcontact tr.hide,#SignUp-Requirements .last_row .hide{display:none} #SignUp-Requirements .partcontact tr.show,#SignUp-Requirements .last_row .show{display:block} #SignUp-Requirements .choiceState .choiceusers{width:100%} #SignUp-Requirements .choiceState .sign_box,.sign_box{width:29%;display:inline-block} #SignUp-Requirements .choiceState .sign_box_big{width:35%;display:inline-block} #SignUp-Requirements .choiceState span.service_check,.account_check,.customer_check,.state_check{width: 25px;height: 21px;display: inline-block;background:none} #SignUp-Requirements .choiceState span.icon_checked{background: url(images/icon_on.png) no-repeat;width: 25px;height: 21px;display: inline-block;} #SignUp-Requirements .choiceState span.icon_unchecked{width: 25px;height: 21px;display: inline-block;background:none} #SignUp-Requirements .choiceState label.radio_text{position: relative;width:75%;border:2px solid #0069a6;border-radius:5px;display:inline-block;text-align:center;color:#0069a6;padding:15px 15px 15px 25px;font-size:15px;font-weight:600} #SignUp-Requirements .choiceState label.radio_text:hover{background:#59afe1;border:none;color:#fff} #SignUp-Requirements .choiceState label.radio_text span{display:inline-block;width:34px;height:34px;position: absolute;top:12%;left:5%} #SignUp-Requirements .choiceState label.radio_text span.icon_resid{background:url(images/icon_Residential.png) no-repeat} #SignUp-Requirements .choiceState label.radio_text span.icon_resid_seleced{background:url(images/icon_Residential_on.png) no-repeat} #SignUp-Requirements .choiceState label.radio_text span.icon_elec_seleced{background:url(images/icon_ele_sign_on.png) no-repeat} #SignUp-Requirements .choiceState label.radio_text span.icon_business{background:url(images/icon_business.png) no-repeat} #SignUp-Requirements .choiceState label.radio_text span.icon_business_seleced{background:url(images/icon_business_on.png) no-repeat} #SignUp-Requirements .choiceState label.radio_text span.icon_elec{background:url(images/icon_ele_sign.png) no-repeat} #SignUp-Requirements .choiceState label.radio_text span.icon_gas{background:url(images/icon_gas_sign.png) no-repeat} #SignUp-Requirements .choiceState label.radio_text span.icon_gaselec{background:url(images/icon_gasele.png) no-repeat} #SignUp-Requirements .choiceState label.radio_text span.icon_gas_seleced{background:url(images/icon_gas_sign_on.png) no-repeat} #SignUp-Requirements .choiceState label.radio_text span.icon_gaselec_seleced{background:url(images/icon_gasele_on.png) no-repeat} #SignUp-Requirements .choiceState label.radio_text span.icon_gas_hover{background:url(images/icon_gas_sign_on_hover.png) no-repeat} #SignUp-Requirements .choiceState label.radio_text span.icon_gaselec_hover{background:url(images/icon_gasele_on_hover.png) no-repeat} #SignUp-Requirements .choiceState label.active{background:#0069a0;color:#fff} #SignUp-Requirements .partchoice .move_choice .moving{font-size: 14px;color: #0069a6;font-weight: bold;} #SignUp-Requirements .RblAccount{margin-left: 135px;} #SignUp-Requirements .search p{float: left;color: #666460;font-size: 16px;} #SignUp-Requirements .search p.small {display:none} #SignUp-Requirements .search p.big{float: left;margin: 5px 50px 0px 25px;color: #666460;font-size: 16px;} #SignUp-Requirements .search{margin-bottom: 20px;line-height: 40px;height: 40px;border-bottom: 1px solid #e1dfda;margin-top:15px} #SignUp-Requirements .search .ui-button{padding: 6px 55px 20px 27px;border:none;background: none;color:#59afe1;} #SignUp-Requirements .search .ui-state-active {padding: 7px 22px 23px 1px;margin-bottom:-8px;background: url(images/tab_big.jpg) no-repeat;border:none;font-size:18px;color:#000;} #SignUp-Requirements .search .ui-corner-left,#SignUp-Requirements .search .ui-corner-right{padding: 9px 30px 20px 15px;} #SignUp-Requirements .search input{margin-right: 50px;font-weight: bold;} #SignUp-Requirements .search span{font-weight: bold;font-size: 14px;} #SignUp-Requirements .maincontact-address{margin:0 auto;width:100%;} #SignUp-Requirements .NMI{margin-bottom:10px;} #SignUp-Requirements .NMI span{margin-right: 50px;width:120px;font-weight: bold;font-size: 15px;color: #000;} .ui-buttonset .ui-button{font-weight: bold;} .clickbtn{height:auto;text-align:center;padding:20px 0 0 0;} .clickbtn a,.clickbtn input{cursor: pointer;margin-bottom:30px;margin: 10px;vertical-align:middle;width:200px;border-radius:5px;font-weight:700;display:inline-block;color:#fff;font-size:18px;} .clickbtn #cancel_sign,.clickbtn .cancel_sign{float:left;padding: 22.5px 0;background:#d0ccc7;border-bottom:3px solid #E4E4E1;border-radius:5px;} .clickbtn .btn_continue{float:right;height:65px;width:200px;border-radius:5px;background:#5bbc28;border:none;border-bottom:3px solid #E4E4E1;color:#fff;font-size:18px;font-weight:600} .clickbtn .first{float:none} .clickbtn #a_back,.clickbtn .a_back{float:right;padding:22.5px 0;background:#9a9691;width:200px;border-bottom:3px solid #E4E4E1;} .clickbtn .btn_continue:hover,.clickbtn #cancel_sign:hover,.clickbtn #a_back:hover{background:#0069a6} #SignUp-Requirements .detail_radio{margin-right: 7px;width: 60%;color:#666967;background: #e8f9ff;margin: 20px 0px 10px 30px;border-radius:5px} #SignUp-Requirements .detail_radio span.service_address{padding-right:200px;margin-left:20px} #SignUp-Requirements .detail_radio .ui-button{color:#000;font-weight:600;background: none;border: none;height: 35px;vertical-align: middle;padding-top: 4px;} #SignUp-Requirements .detail_radio .ui-state-active{background:#59afe1;border-radius:0px;color:#fff;border:none} #SignUp-Requirements .where_from{width:100%;padding:25px 0;border:1px solid #e1dfda;border-bottom-color: #e1dfda;;border-radius:5px;border-bottom:double;color:#676862;font-size:15px;} #SignUp-Requirements .where_from table{font-weight:600} #SignUp-Requirements .where_from .check_from{padding:5px;display:inline-block} #SignUp-Requirements .AddressInfo{line-height:30px;margin-bottom:10px;} #SignUp-Requirements .AddressInfo table th{text-align: right;margin-bottom:5px;width: 15%;font-size: 15px;color: #000;padding-right: 10px;} #SignUp-Requirements .AddressInfo table td select,#SignUp-Requirements .AddressInfo table td input,#SignUp-Requirements .NMI input,.td_content input,.td_content select,.td_second input,.td_second select{width: 55%;line-height: 35px;border-radius: 5px;border: 1px solid #aaa;height: 50px;margin: 15px 0px 10px 10px;height:50px;font-size: 15px;padding-left: 10px;font-family: verdana,arial,helvetica,sans-serif;} .td_second span,.td_second td{color:#666460;font-size:14px;font-weight:600;margin: 15px 15px 10px 10px;height:50px;} .td_content .ddlcontact{width:10%} .td_content .txtcontact{width: 43.7%;} .td_all input,.td_all select{width: 15%;line-height: 35px;border-radius: 5px;border: 1px solid #aaa;height: 50px;margin: 15px 0px 10px 10px;height:50px;font-size: 14px;padding-left: 10px;} #SignUp-Requirements .partchoice{ padding-left:2px; padding: 10px 0px;} #SignUp-Requirements .partchoice div.ExistAccount{margin:0 20px;font-size: 14px;} #SignUp-Requirements .choiceuser{text-align: center;background: #f1f1f1;margin: 0 auto;width: 80%;/* padding-top: 20; */margin-top: 20px;margin-bottom: 20px;font-size:14px;line-height: 39px;height:40px;} #SignUp-Requirements .signnavigation .destop_show{display:block} #SignUp-Requirements .signnavigation .mobile_show{display:none} #SignUp-Requirements .signnavigation ul li{list-style: none;float:left;line-height: 50px;color:#fff;font-size:16px;} #SignUp-Requirements .signnavigation ul li a{text-decoration: none;display:block;font-weight:600;padding-top: 2px;text-align:center} #SignUp-Requirements .signnavigation .nvgselected_first{background:url(images/step_l.png) no-repeat;width: 242px;height: 54px;color:#fff;} #SignUp-Requirements .signnavigation .nvgunselected{background:url(images/step_m.png) no-repeat;width: 227px;height: 54px;color:#59afe1;} #SignUp-Requirements .signnavigation .nvgunselected_last{background:url(images/step_r.png) no-repeat;width: 217px;height: 54px;color:#59afe1;} #SignUp-Requirements .signnavigation .nvgselected_first_more{background:url(images/step_l_on.png) no-repeat;width: 242px;height: 54px;color:#fff} #SignUp-Requirements .signnavigation .nvgselected_more{background:url(images/step_m_on2.png) no-repeat;width: 227px;height: 54px;color:#fff} #SignUp-Requirements .signnavigation .nvgselected_more:hover,#SignUp-Requirements .signnavigation .nvgselected_first_more:hover{color:#000} #SignUp-Requirements .signnavigation .nvgselected_nomore{background:url(images/step_m_on.png) no-repeat;width: 227px;height: 54px;color:#fff} #SignUp-Requirements .signnavigation .nvgselected_last_on{background:url(images/step_r_on.png) no-repeat;width: 217px;height: 54px;color:#fff} #SignUp-Requirements{font-family: verdana,arial,helvetica,sans-serif;} #SignUp-Requirements .contentparttitle .confirm_content{font-size:14px;letter-spacing: 0.5px;font-family: verdana,arial,helvetica,sans-serif;color:#666460;line-height:30px;font-weight:normal;width:90%;margin:20px auto;padding:10px} #detail_review .edit_btn{background:#ebeaec;text-decoration:none;height:40px;color:#0069a6;font-size:16px;font-weight:600} #detail_review .edit_btn .view_title{padding-left:30px;} #detail_review .edit_btn input{background:none;border:none;color:#0069a6;font-size:16px;font-weight:600} #detail_review .edit_btn .view_title input[type="submit"],#detail_review .edit_btn .view_title a{background:#59afe1;color:#fff;border-radius:5px;height: 35px;;text-decoration:none;font-size:15px;padding: 8 8px;cursor: pointer;display: inline-block;width: 130px;text-align: center;} #detail_review .edit_btn .view_title input[type="submit"]:hover,#detail_review .edit_btn .view_title a:hover{background:#0069a6;} #detail_review #div_tips{color:#666967;background: #e8f9ff;width:94%;margin:0 auto;font-size:13px;line-height:20px;border-radius: 5px; padding: 10px;} #detail_review .siteidentify{color: #666967;background: #e8f9ff;font-size: 14px;width: 95%;margin: 10px 30px;padding: 10px;font-weight: bold;padding-left: 55px;} #timeout h1 {color: #3d5940;font-size: 25px;font-weight: lighter;line-height: 25px;margin-top: 100px;padding-bottom: 20px;} /*end**/ /************************************************Calculator*********************************************/ .quote_icon_div{margin-top:30px;} .column4step .qoute_step_box{float:left;margin-bottom:50px;margin-top:20px;display:inline-block} .row .column_box-8{text-align:center;float:left;padding-top:16%;display:inline-block} .qoute_step_box .step{position:relative;} .qoute_step_box .step .number{position:absolute;top:6%;left:45%;font-size:30px;font-weight:600;color:#fff;} .qoute_step_box .step p{font-size:15px;} .qoute_step_box .step .title1{position:absolute;top:23%;left:29%;font-size:22px;color:#fff;} .qoute_step_box .step .title2{position:absolute;top:23%;left:18%;font-size:22px;color:#fff;} .qoute_step_box .step .disable_title,.qoute_step_box .step .disable_number{color:#aca8a3} .qoute_step_box .step .borderline{border-left:2px solid #E0E0E0;border-right:2px solid #E0E0E0;border-bottom:2px solid #E0E0E0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;text-align:center;height:200px;} .qoute_step_box .step .borderline .divtxtPostcode{padding:40px 0 30px;} .qoute_step_box .step .borderline .divbtnPostcode{padding:0 0 60px;} .qoute_step_box .step .borderline #txtPostcode{width:85%;height:50px;background-color:#DFF2F7;border:1px solid #B0D3E2;text-align:center;font-family: verdana,arial,helvetica,sans-serif;font-weight:700;font-size:32px;color:#00689f;} .column4step{float:left;width:100%;border-bottom:1px dashed #E0E0E0;} .datepickersize{margin-top: 5px;height: 24%;width: 80%;font-size: 16px;font-weight: 600;font-family: verdana,arial,helvetica,sans-serif;background-color: #C3C3C3!important;border: 0!important;text-align: center;box-shadow: 0 0 5px #c8c5bf;border-radius: 0;} .buttonsize{width:70%;margin-top:20px;font-size:16px;font-weight:600;font-family: verdana,arial,helvetica,sans-serif;cursor:pointer;display: inline-block;padding: 20px 0px 20px 30px;position: relative;margin-right: 5px;} .buttonsize span{display: inline-block;width: 35px;height: 35px;top: 18%;left: 8%;position: absolute;} #Residential .icon_resid_disabled{background: url(images/quote_home_no.png) no-repeat;} #Residential .icon_resid{background: url(images/icon_Residential.png) no-repeat;} #Residential .icon_resid_selected{background: url(images/icon_Residential_on.png) no-repeat;} #Business .icon_busid_disabled{background: url(images/quote_business_no.png) no-repeat;} #Business .icon_busid{background: url(images/icon_business.png) no-repeat;} #Business .icon_busid_selected{background: url(images/icon_business_on.png) no-repeat;} #ElecGas label{font-size: 13px;padding: 12px 0px 12px 34px} #ElecGas label span{left: 3%;} .buttonsize_other{width: 68%;font-size: 16px;font-weight:600;font-family:inherit;cursor:pointer;display: inline-block;padding: 12px 0px 12px 40px;position: relative;margin-right: 20px;word-wrap: break-word;margin: 10px auto;} .buttonsize_other span{display: inline-block;width: 35px;height: 35px;top: 6%;left: 5%;position: absolute;} #Electricity .icon_elecid_disabled{background: url(images/quote_elec_no.png) no-repeat;} #Electricity .icon_elecid{background: url(images/icon_ele_sign.png) no-repeat;} #Electricity .icon_elecid_selected{background: url(images/icon_ele_sign_on.png) no-repeat;} #Gas .icon_gasid_disabled{background: url(images/quote_gas_no.png) no-repeat;} #Gas .icon_gasid{background: url(images/icon_gas_sign.png) no-repeat;} #Gas .icon_gasid_selected{background: url(images/icon_gas_sign_on.png) no-repeat;} #ElecGas .icon_elecgasid_disabled{background: url(images/icon_gasele_disable.png) no-repeat;} #ElecGas .icon_elecgasid{background: url(images/icon_gasele.png) no-repeat;} #ElecGas .icon_elecgasid_selected{background: url(images/icon_gasele_on.png) no-repeat;} .step .borderline div .customer_check{width: 25px;height: 21px;display: inline-block;background: none;} .step .borderline div .icon_checked {display: inline-block;} .step .borderline div .icon_checked_disabled{background: url(images/icon_selected_disable.png) no-repeat;width: 25px;height: 21px;display: inline-block;} .meterlist .customer_check {background: none;display: inline-block;float: left;margin-top: 3.5%;margin-left: 3%;margin-right: 1%;} .meterlist .icon_checked {display: inline-block;float: left;margin-top: 3.5%;margin-left: 5%;margin-right: 1%;} #divTimeType .customer_check {background: none;display: inline-block;margin-top: 3.5%;margin-left: 4%;margin-right: 1%;} #divTimeType .icon_checked {display: inline-block;margin-top: 3.5%;margin-left: 5%;margin-right: 1%;} #divTimeType .divmeter,#divControlledType .divmeter,#divSingleControlled .divmeter,.titleItemBorder .divmeter{width: 23%;margin-left:15px;height:50px} #divControlledType .customer_check {background: none;display: inline-block;margin-top: 3.5%;margin-left: 3%;margin-right: 1%;} #divControlledType .icon_checked {display: inline-block;margin-top: 3.5%;margin-left: 5%;margin-right: 1%;} #divSingleControlled .customer_check {background: none;display: inline-block;margin-top: 3.5%;margin-left: 5%;margin-right: 1%;} #divSingleControlled .icon_checked {display: inline-block;margin-top: 3.5%;margin-left: 5%;margin-right: 1%;} .disablestyle{background-color: #dddddd;} .selectbtn{background-color:#00689f;border:0;color:#fff;border-radius: 3px;} .selectbtn_disable{background-color:#C3C3C3;color: #aca8a3;border:0;border-radius: 3px;} .unselectbtn_disable{color: #aca8a3;border: 2px solid #d0ccc7;background-color:#E0E0E0;border-radius: 3px;} .row .divquote{clear:both;text-align:center;} .unselectbtn{background-color:#fff !important;border:1px solid #0069a6;color:#00689f;} .row .divquote .btnquote{width:190px;height:50px;font-size:18px;font-family: verdana,arial,helvetica,sans-serif;font-weight:700;margin-top:20px;color:#fff;border:0;background-color:#83C80C;border-radius:5px;cursor:pointer;} .datepicker p{text-align:left;width:80%;padding-top:15px;margin:0 auto;color: #aca8a3;font-weight: bold;} #divpostcode p{text-align:left;width:85%;margin:0 auto;} .metertype{clear:both;margin-top:30px;position:relative;height:100px;} .metertype .metertitle{position:absolute;top:40%;left:3%;font-size:22px;color:#fff;} .metertype input{float:left;width:17%;height:58px;margin-top:2%;font-size:16px;font-weight:600;font-family: verdana,arial,helvetica,sans-serif;cursor:pointer;word-break: break-word;border-radius: 3px;} .titleItem{clear:both;margin-top:30px;margin-bottom:30px;position:relative;height:100px;width:100%} .titleItem label{position:absolute;top:25%;left:1%;font-size:20px;color:#fff;line-height:27px;text-align:center;} .titleItem .titletype1{top: 10%;left: 2.5%;} .titleItem .titletype2{top:36%;left:2.5%;} .titleItem .titletype3{top: 34%;} #UsageValue{height:100px;height:96px\9;border-top:2px solid #E0E0E0;border-bottom:2px solid #E0E0E0;border-right:2px solid #E0E0E0;border-top-right-radius:5px;border-bottom-right-radius:5px;} #UsageValue #unit{font-size:17px;font-weight:700;font-family: verdana,arial,helvetica,sans-serif;margin-left:10px;color:#A0A0A0;} .row .calculatorfilter{margin:20px 0;border-bottom:1px dashed #E0E0E0;padding: 30px 0 0 0;} .row .btnlist .backbutton{background-image:url(/Portals/_default/Skins/Covau_autosize/images/btn_back.png);width:200px;height:61px;border:0;cursor:pointer;} .row .btnlist .backbutton:hover{background:url(images/quote_back_on.png);} .row .btnlist .continuebutton{background-image:url(/Portals/_default/Skins/Covau_autosize/images/quote_2_continue.png);width:200px;height:61px;border:0;cursor:pointer;float:right;} .row .btnlist .continuebutton:hover{background-image:url(/Portals/_default/Skins/Covau_autosize/images/quote_2_continue_no.png);} .selection_problems .selection .select_your_state a{border:none;font-size:18px;padding:7px 42px 10px 32px !important;} .divresult{margin-bottom:20px} .divresult .divresulttitle{float:left;width:100%;height:45px;color:#0069a6;line-height:45px;font-size:22px;font-weight:700;text-align:left;} .table1{clear:both;padding-bottom:20px;padding-top:20px;width:100%;} .table1 .billtitle{font-size: 18px;font-weight: bold;} .table1 .billcontent{text-align: center;font-size: 18px;font-weight: bold;} .table1 td input,.table1 td select{width:90%} .table1 td input[type="button"]{font-size:14px;font-weight:600;background:#59afe1;color:#fff;border:none;border-radius:5px;height:40px;padding: 5px;max-width:120px} .table1 td input[type="button"]#btnCurbill{height:30px} .table1 td input[type="button"]:hover{background:#0069a6} .table1 td input#txtCurbill{width:51%} .table1 .onetr{font-size:14px;font-family: verdana,arial,helvetica,sans-serif;background:#88A4A7;height:40px;} .table1 .restitle{height:40px;background:#59afe1;width:30%;color:#fff;font-size:14px;font-family: verdana,arial,helvetica,sans-serif;text-align:left;} .table1 .rescoltitle{height:40px;background:#e8f9ff;width:20%;font-family: verdana,arial,helvetica,sans-serif;color:#000;font-size:14px;text-align:left;} .table1 td{border:2px solid #fff;font-size:14px;font-family: verdana,arial,helvetica,sans-serif;background:#e6e6e6;text-align:left;padding-left:15px;} .column_box-3 .step .borderline #btnPostcode,#divpostcode .btnchange{width:65%;height: 41px;background-color:#11b0e0;border:0;font-size:18px;font-weight:600;color:#fff;border-radius:3px;cursor:pointer;border-bottom: 3PX solid #E4E4E1;} .column_box-3 .step .borderline #btnPostcode:hover,#divpostcode .btnchange:hover,.row .divquote .btnquote:hover{background:#0069a6} #divpostcode select,#divpostcode .provider{width:80%;font-size:17px;font-weight:700;font-family: verdana,arial,helvetica,sans-serif;padding: 15px 0;} .metertype .meterlist,.titleItemBorder{border-top:2px solid #E0E0E0;border-bottom:2px solid #E0E0E0;height:100px;height:96px\9;border-right:2px solid #E0E0E0;border-top-right-radius:5px;border-bottom-right-radius:5px;} .metertype img,.titleItem img{float:left;} #UsageValue input,.titleItemBorder input{width:40%;height:45px;margin-top:25px;font-size:17px;font-weight:700;font-family: verdana,arial,helvetica,sans-serif;margin-left: 5%;} #UsageValue span,.titleItemBorder span{font-size:16px;font-weight:600;} .calculatorfilter #Electricity #electricityTitle{background-color: #0069a6;border-radius: 5px;} .calculatorfilter #Electricity #electricityTitle h3{font-size: 2.3em;margin-top: 30px;padding: 12px;color: #fff;} .calculatorfilter #Gas #gasTitle{background-color: #0069a6;border-radius: 5px;} .calculatorfilter #Gas #gasTitle h3{font-size: 3em;margin-top: 30px;padding: 12px;color: #fff;} /*********************************************END Calculator*********************************************/ /*************************for sales**************************************************************/ /***2014.02.20****************************/ #calculator{ float:left; width:100%; height:auto} #calculator .title{ width:100%;height: 20px;} #calculator .divcusinfo{ float:left;background:#F8F5F5;width:100%} #calculator .title_one{float:left; width:891px;height: 50px;color: #fff;padding-left: 69px;line-height: 50px;font-size: 22px;font-weight: bold;background: url(images/energyicon_small.png) no-repeat 29px -78px #88A4A7; text-align:left} #calculator .title_state_btn{height: 50px;padding-left: 69px;line-height: 50px;font-size: 22px;font-weight: bold;background: #3d5940; text-align:left} #calculator .title .state_btn{ z-index: 10;position: absolute;width: 70px; height: 35px; display: block; background: url(images/nsw_con_btn.jpg) no-repeat;margin-left: 500px;margin-top: 8px;} #calculator .title .state_btn_nsw{ z-index: 10;position: absolute;width: 70px; height: 35px; display: block; background: url(images/nsw_con_btn.jpg) no-repeat;margin-left: 500px;margin-top: 8px;} #calculator .title .state_btn_vic{ z-index: 10;position: absolute;width: 70px; height: 35px; display: block; background: url(images/vic_con_btn.jpg) no-repeat;margin-left: 600px;margin-top: 8px;} #calculator .tabl_calinfo { width:100%;margin-top: 5px; padding-right:10px;margin-bottom: 15px;} #calculator .tabl_calinfo .tblinfo { width:100%} #calculator .tabl_calinfo .row_bg { width:100%;background: #fff;height: 60px;border-radius: 5px;} #calculator .tabl_calinfo .tdtitle { width:30%} #calculator .tabl_calinfo .distributortd { text-align:right; padding-right:10px; padding-bottom:5px;padding-top: 12px;} #calculator .tabl_calinfo .radio_display { display:inline-flex;padding-top: 10px; text-align:right} #calculator .tabl_calinfo .radio_reschoose { text-align:center;background-color: #00689f;border-radius: 5px;width: 152px; font-weight:bold;height: 36px;line-height: 20px;color: #fff;font-family: verdana,arial,helvetica,sans-serif; font-size:18px; padding:10px 0px 0px 10px; float: left;} #calculator .tabl_calinfo .radio_residential { text-align:center;border: 1px solid #00689f;color: #00689f;border-radius: 5px;width: 152px; font-weight:bold;height: 36px;line-height: 20px;font-family: verdana,arial,helvetica,sans-serif; font-size:18px; padding:10px 0px 0px 10px; float: left;} #calculator .tabl_calinfo .radio_business { text-align:center;border: 1px solid #00689f;color: #00689f;border-radius: 5px;width: 152px; font-weight:bold;height: 36px;line-height: 20px;font-family: verdana,arial,helvetica,sans-serif; font-size:18px; padding:10px 0px 0px 10px; float: left;} #calculator .tabl_calinfo .radio_businesschoose { text-align:center;background-color: #00689f;border-radius: 5px;width: 152px; font-weight:bold;height: 36px;line-height: 20px;color: #fff;font-family: verdana,arial,helvetica,sans-serif; font-size:18px; padding:10px 0px 0px 10px; float: left;} #calculator .tabl_calinfo .radio_gaschoose { text-align:center;background-color: #00689f;border-radius: 5px;width: 152px; font-weight:bold;height: 36px;line-height: 20px;color: #fff;font-family: verdana,arial,helvetica,sans-serif; font-size:18px; padding:10px 0px 0px 10px; float: left;} #calculator .tabl_calinfo .radio_gas { text-align:center;border: 1px solid #00689f;color: #00689f;border-radius: 5px;width: 152px; font-weight:bold;height: 36px;line-height: 20px;font-family: verdana,arial,helvetica,sans-serif; font-size:18px; padding:10px 0px 0px 10px; float: left;} #calculator .tabl_calinfo .radio_electricity { text-align:center;border: 1px solid #00689f;color: #00689f;border-radius: 5px;width: 152px; font-weight:bold;height: 36px;line-height: 20px;font-family: verdana,arial,helvetica,sans-serif; font-size:18px; padding:10px 0px 0px 10px; float: left;} #calculator .tabl_calinfo .radio_electricitychoose { text-align:center;background-color: #00689f;border-radius: 5px;width: 152px; font-weight:bold;height: 36px;line-height: 20px;color: #fff;font-family: verdana,arial,helvetica,sans-serif; font-size:18px; padding:10px 0px 0px 10px; float: left;} #calculator .tabl_calinfo .radio_electricitygas { text-align:center;background:url(images/electricity_bg.png) no-repeat 0 0px;width: 152px; font-weight:bold;height: 36px;line-height: 20px;color: #88A4A7;font-family: verdana,arial,helvetica,sans-serif; font-size:18px; padding:10px 0px 0px 10px; float: left;} #calculator .tabl_calinfo .radio_electricitygaschoose { text-align:center;background:url(images/electricity_choosebg.png) no-repeat 0 0px;width: 152px; font-weight:bold;height: 36px;line-height: 20px;color: #fff;font-family: verdana,arial,helvetica,sans-serif; font-size:18px; padding:10px 0px 0px 10px; float: left;} #calculator .tabl_calinfo .pad_left{ width:6%; padding: 15px 0px 16px 15px;} /*#calculator .tabl_calinfo .radio_display input[type="radio"] {margin-top: 10px;}*/ #calculator .tabl_calinfo .paddiv{ padding-top:15px} #calculator .tabl_calinfo .cal_info{ float:left;margin-top: 0px;padding: 16px 10px 0px 18px; height: 40px;color: #59afe1;line-height: 18px;font-size: 25px;font-family: verdana,arial,helvetica,sans-serif;} #calculator .tabl_calinfo .billing{ color: #59afe1;line-height: 30px;font-size: 20px;font-family: verdana,arial,helvetica,sans-serif;padding-left: 18px;} #calculator .tabl_calinfo .billinglittle{ color: #59afe1;font-size: 16px;font-family: verdana,arial,helvetica,sans-serif;padding-left: 18px;} #calculator .tabl_calinfo .cal_infoone{ float:left;margin-top: 15px;padding: 0px 0px 0px 0px;width:42px;height: 42px;color: #8B6969;background: url(images/step_bg.png) no-repeat 0 0px;position: relative;} #calculator .tabl_calinfo .radio_float {float:left;padding-top: 10px;border: none;} #calculator .tabl_calinfo .radio_float input{width:15px;height:15px;} #calculator .tabl_calinfo .cal_infotwo{ float:left;margin-top: 15px;padding: 0px 0px 0px 0px;width:40px;height: 40px;color: #8B6969;background: url(images/step2_icon.png) no-repeat 0 0px;} #calculator .tabl_calinfo .cal_infothree{ float:left;margin-top: 15px;padding: 0px 0px 0px 0px;width:40px;height: 40px;color: #8B6969;background: url(images/step3_icon.png) no-repeat 0 0px;} #calculator .tabl_calinfo .cal_infofour{ float:left;margin-top: 15px;padding: 0px 0px 0px 0px;width:40px;height: 40px;color: #8B6969;background: url(images/step4_icon.png) no-repeat 0 0px;} #calculator .tabl_calinfo .cal_infofive{ float:left;margin-top: 15px;padding: 0px 0px 0px 0px;width:40px;height: 40px;color: #8B6969;background: url(images/step5_icon.png) no-repeat 0 0px;} #calculator .tabl_calinfo .distributor{color: #aca8a3;font-size: 16px;line-height: 18px;font-family: verdana,arial,helvetica,sans-serif;} #calculator .tabl_calinfo .distributorName{color: #8B6969;font-size: 16px;line-height: 18px;font-family: verdana,arial,helvetica,sans-serif; font-weight: bold;color: #000000;} #calculator .tabl_calinfo .inppost { height: 35px;width: 200px;font-size: 20px;font-weight: bold;} #calculator .tabl_calinfo .btnSumbit{ background-color: #0069a6;border: 0 none;border-radius: 7px;color: #FFFFFF;font-size: 20px;font-weight: lighter;height:35px; width:100px; cursor:pointer;font-family: verdana,arial,helvetica,sans-serif;} #calculator .tabl_calinfo .btnSumbit:hover{ background-color: #59afe1;border-radius: 7px; border: 0px;color: #ffffff;font-size: 20px;font-weight: lighter;height:35px; width:100px; cursor:pointer;font-family: verdana,arial,helvetica,sans-serif;} #calculator .divenergy_elec{ float:left;width:100%} #calculator .divenergy_gas{ float:left;width:100%} #calculator .title_two_elec{float:left; width:100%;height: 50px;color: #fff;line-height: 50px;font-size: 22px;font-weight: bold;background: url(images/energyicon_small.png) no-repeat 29px -29px #0069a6; text-align:left} #calculator .title_two_gas{float:left; width:100%;height: 50px;color: #fff;line-height: 50px;font-size: 22px;font-weight: bold;background: url(images/energyicon_small_gas.png) no-repeat 29px -29px #0069a6; text-align:left} #calculator .tbl_energyinfo { float:left;width:100%} /*#calculator .tbl_energyinfo .tdtitle{ width:40%}*/ #calculator .tbl_energyinfo .radiochoose{ width:20%;} #calculator .tbl_energyinfo .span_title{ float:left;margin-top: 15px;padding: 15px 10px 0px 10px;height: 40px;color: #0F2E4E;font-size: 20px;line-height: 18px;font-family: verdana,arial,helvetica,sans-serif;} #calculator .tbl_energyinfo .span_choose {color: #6E8179;float: left;font-family: verdana,arial,helvetica,sans-serif;font-size: 18px; height: 40px; line-height: 18px; margin-top: 15px; padding: 0 0 0 30px;} #calculator .tbl_energyinfo .radio_meterchoose {text-align: center;background-color: #00689f;border-radius: 5px;width: 152px;font-weight: lighter;height: 36px;line-height: 20px;color: #fff;font-family: verdana,arial,helvetica,sans-serif;font-size: 18px;padding: 8px 3px 0px 0px;float: left;} #calculator .tbl_energyinfo .radio_meter {text-align: center;border: 1px solid #00689f;border-radius: 5px;width: 152px;font-weight: lighter;height: 36px;line-height: 20px;color: #00689f;font-family: verdana,arial,helvetica,sans-serif;font-size: 18px;padding: 8px 3px 0px 0px;float: left;} #calculator .tbl_energyinfo input[type="radio"] {margin-top: 10px;} #calculator .tbl_energyinfo .inpusage { height: 35px; padding-right: 10px; width: 236px;} #calculator .tbl_energyinfo .unit{color: #aca8a3;font-size: 20px;line-height: 18px;font-family: verdana,arial,helvetica,sans-serif; } #calculator .tbl_energyinfo .radio_float {float:left;} #calculator .tbl_energyinfo .radio_float input{width:15px;height:15px;} #calculator .tbl_energyinfo .usage{ text-align:right;} #calculator #streamer {width: 100%;height: 142px;background: url(images/quote.jpg) no-repeat;margin-bottom: 20px;} #calculator .divquote{float:right; height:50px; text-align:right; padding-right:10px;margin-bottom: 50px;} #calculator .divquote .quote_btn{width: 190px;height: 50px;font-size: 18px;font-family: verdana,arial,helvetica,sans-serif;font-weight: 700;margin-top: 20px;color: #fff;border: 0;background-color: #83C80C;border-radius: 5px;cursor: pointer;} #calculator .divquote .quote_btn:hover{background-color: #0069a6;} #divmail{float:right; height:50px; text-align:right; padding-right:10px} .table1 .mail_btn{width:100px; height:30px;background-color: #712e0d;border-radius: 7px; border: 0px;color: #ffffff;font-size: 15px;font-weight: lighter; cursor:pointer; margin-right: 70px;float: right;} .table1 .mail_btn:hover{width:100px; height:30px;background-color: #b98265;border-radius: 7px; border: 0px;color: #ffffff;font-size: 15px;font-weight: lighter; cursor:pointer; margin-right: 70px;float: right;} .divresult{/*padding-bottom:20px*/} .divresult .divresulttitle{float: left;height: 45px;color: #fff;padding-left: 15px;line-height: 45px;font-size: 22px;font-weight: bold;background: url(images/energyicon_small.png) no-repeat 29px -79px #0069a6;text-align: left;} .divresult .span_title{ float:left;margin-top: 15px;padding: 15px 10px 0px 10px;height: 40px;color: #0F2E4E;font-size: 22px;line-height: 18px;font-family: verdana,arial,helvetica,sans-serif;} .errormessage{font-size: 12px;font-family: verdana,arial,helvetica,sans-serif;color: red;} .txtalign{margin-bottom: 5px; height:35px;} #calculator .tabl_calinfo .span_choose {color: #6E8179;float: left;font-family: verdana,arial,helvetica,sans-serif;font-size: 18px; height: 40px; line-height: 18px; margin-top: 15px; padding: 0 0 0 30px;} #calculator .tabl_calinfo .select_choose{color: #6E8179;float: left;font-family: verdana,arial,helvetica,sans-serif;font-size: 18px;height: 40px;line-height: 18px;border-radius: 5px;} #calculator .tabl_calinfo .radio_meterchoose {text-align: center;width: 152px;height: 36px;line-height: 20px;border-radius: 5px;background-color: #00689f;color: #fff;font-family: verdana,arial,helvetica,sans-serif;font-size: 15px;font-weight:bold;padding: 8px 3px 0px 0px;float: left;} #calculator .tabl_calinfo .radio_meter {text-align: center;border-radius: 5px;border: 1px solid #00689f;width: 152px;height: 36px;line-height: 20px;color: #00689f;font-family: verdana,arial,helvetica,sans-serif;font-size: 15px;font-weight: bold;padding: 8px 3px 0px 0px;float: left;} #calculator .tabl_calinfo .hasDatepicker{width:160px;height:35px;font-size:16px;border-radius: 5px;border: solid 1px #A6A6A6;margin-right: 5px;} #credit {float: right;background: none repeat scroll 0 0 #88A4A7;color: #FFFFFF;font-family: verdana,arial,helvetica,sans-serif;font-size: 18px;height: 40px;line-height: 40px;padding: 0 15px;text-align: left;} .spancalculate{font-size: 16px;color: #8B6969;font-family: verdana,arial,helvetica,sans-serif;} .table1 .billtitle{font-size: 20px;font-weight: bold;} .table1 .billcontent{text-align: center;font-size: 20px;font-weight: bold;} #divcanoffer{clear: both;font-size: 20px;margin-bottom: 20px;} #calculator .divcusinfo label.radio_text{position: relative;width:75%;border:2px solid #0069a6;border-radius:5px;display:inline-block;text-align:center;color:#0069a6;padding:15px 15px 15px 25px;font-size:15px;font-weight:600;font-family: verdana,arial,helvetica,sans-serif;} #calculator .divcusinfo label.radio_text:hover{background:#59afe1;border:none;color:#fff;font-family: verdana,arial,helvetica,sans-serif;} #calculator .divcusinfo label.active{background:#0069a0;color:#fff} #calculator input[type="radio"]{margin: 0px;padding:0px;display:none} #calculator .divcusinfo .sign_box{width:29%;display:inline-block} #calculator .divenergy label.radio_text{position: relative;width:75%;border:2px solid #0069a6;border-radius:5px;display:inline-block;text-align:center;color:#0069a6;padding:15px 15px 15px 25px;font-size:15px;font-weight:600;font-family: verdana,arial,helvetica,sans-serif;} #calculator .divenergy label.radio_text:hover{background:#59afe1;border:none;color:#fff} #calculator .divenergy label.active{background:#0069a0;color:#fff} #calculator .divenergy .sign_box{width:29%;display:inline-block} #elecTab tr td,#gasTab tr td{width:40%;} .title_two_elec span{padding-left:70px;} .title_two_gas span{padding-left:70px;} .divnmi{line-height: 40px; font-size: 20px; font-weight: bold;margin-bottom: 30px;text-align: right;font-family: verdana,arial,helvetica,sans-serif;} .divnmi .txtnmi{height: 40px;border-radius: 5px;border-style: double;border-color: #0069a0;width: 300px;padding-left: 20px;font-size: 18px;color: #0069a6;font-weight: 700;font-family: verdana,arial,helvetica,sans-serif;} .divnmi .btnnmi{width: 150px;height: 40px;font-size: 18px;font-family: verdana,arial,helvetica,sans-serif;font-weight: 700;color: #fff;border: 0;background-color: #83C80C;border-radius: 5px;cursor: pointer;} .divnmi .btnnmi:hover{background-color: #0069a6;} /***end 2014.02.20****************************/ /*********wong landing page***********************************/ #wonglandingpage{background-image:url(images/Wonglandingpage_bg.jpg);font-family:"Microsoft YaHei" ! important;letter-spacing: 1;;background-repeat:no-repeat;max-width:1140px;min-width:320px;height: 705px;} #wonglandingpage #wonglandingpage_left{position: relative;height: 100%;display: inline-block;} #wonglandingpage #wonglandingpage_left #wonglandingpage_info{height:auto;vertical-align: bottom;position: absolute;bottom: 2%;} #wonglandingpage #wonglandingpage_left #wonglandingpage_info{float:left;} #wonglandingpage #wonglandingpage_left #wonglandingpage_info p{color:#ffffff;font-size:18px;width:100%;margin-left:30px;font-weight:bold} #wonglandingpage #wonglandingpage_left #wonglandingpage_info .tab_info{width:90%;margin-left:20px} #wonglandingpage #wonglandingpage_left #wonglandingpage_info .tab_info .td_title{width:26%;color:#ffffff} #wonglandingpage #wonglandingpage_left #wonglandingpage_info .tab_info .td_second input,#wonglandingpage #wonglandingpage_left #wonglandingpage_info .tab_info .td_second select{width:94%} #wonglandingpage .div_button{display: inline-block;height: 100%;position: relative;} #wonglandingpage .div_button .btn_Submit{border:none;background:#ffe109;color:#0077b4;font-size:16px;margin-left:10px;font-weight:bold;display: block;height: 50px;position: absolute;bottom: 3%;width: 150px;border-radius: 5px;} #wonglandingpage .div_button span{font-weight: bold;position: absolute;bottom: 16%;font-size: 16px;color: red;} #wonglandingpage .div_button .btn_Submit:hover{background:#dee4db} #wonglandingpage .div_button .btn_Submit_disable{border:none;background:#8a8383;color:#0077b4;font-size:16px;margin-left:10px;font-weight:bold;display: block;height: 50px;position: absolute;bottom: 3%;width: 150px;border-radius: 5px;} #wong_bottom{background-color:#ffe109;} #wong_bottom p{padding:20px;color:#666666;font-size:12px;line-height:20px} /********************************************/ /********************************************/ /*************end******************************************/ /**************************refer friend**********************************/ #refer-friend-banner{background-image: url('images/Refer_a_friend_banner_sub.jpg'); display: block; height: 402px; max-width: 1140px; background-repeat: no-repeat;} .refer-contact{margin-top: 10px;margin-left: 88%;} .refer-contact p{color: #60b0e3;font-weight: 700;} .refer_title{font-size: 23px;font-weight: 600;color: #60b0e3;} .refer-icon{float: left;width: 30%;} .refer-icon img{max-height: 120px;max-width: 120px;float: right;} .refer-content{width: 80%;} .refer-content p,.refer-content_s p{font-size:16px;line-height: 25px;padding-bottom:10px} .refer-content span,.refer-content_s span{color:red;} .refer-left{float: left;} .refer-left img{max-height: 110px;max-width: 110px;float: right;} .refer-content_s{width: 45%;float: left;} .refer-content_s img{max-width: 85px;float: left;} .refer-content_s h3{font-size: 20px;font-weight: 600;color: #59afe1;} .refer-content_m{display: inline-block;margin: 80px 68px;} .refer-bottom{padding: 20px;background-color: #60b0e3;color: #fff;} .refer-bottom a{color: #fff;text-decoration:underline;} /**************************refer friend end**********************************/ /**************************my account**********************************/ .myaccount .row .onlysteps{background: url(images/onlysteps.jpg); width:1140px;height:75px;} .myaccount .row .myaccount_content{position:relative;} .myaccount .row .myaccount_content .regbtn{position:absolute;width:424px;height:175px;display:block;cursor:pointer;right: 78px;bottom: 100px;} .myaccount .row .myaccount_footer{background: url(images/myaccount_footer.jpg); width:1140px;height:20px;} /**************************my account end**********************************/ /**************************sign up online**********************************/ .sign-up-online .nswrow{background: url(images/CovaUsignup-nswbg1.jpg) center center;background-repeat: repeat-x;width: 85%;margin: 0 auto;height: auto;background-size: cover;} .sign-up-online .vicrow{background: url(images/CovaUsignup-vicbg1.jpg) center center;background-repeat: repeat-x;width: 85%;margin: 0 auto;height: auto;background-size: cover;} .sign-up-online .row{background-color: #f4f0e9;} .sign-up-online .row .row-content{width: 90%;margin: 0 auto;color: #fff;} .sign-up-online .row .row-content h2{line-height: 80px;font-size: 25px;font-weight: 700;color: #fff;text-align: center;font-family: verdana,arial,helvetica,sans-serif;} .sign-up-online .row .row-content .terms{padding: 20px 0;} .sign-up-online .row .row-content .list-content{border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding: 20px 0;} .sign-up-online .row .row-content .list-content ul{list-style: inherit;margin-left: 15px;} .sign-up-online .row .row-content .list-content ul li{line-height: 25px;padding: 0px 0px 10px 0px;font-size: 18px;font-family: verdana,arial,helvetica,sans-serif;} .sign-up-online .row .row-content .list-content p{text-align: right;font-size: 14px;} .sign-up-online .row .row-content .list-content .join-div{float: right;margin-top: 20px;} .sign-up-online .row .row-content .list-content .join-div a{width: 120px;height: 45px;display: block;background-color: #fff;border-radius: 5px;text-align: center;line-height: 45px;font-weight: 700;font-size: 18px;cursor: pointer;} /**************************sign up online end**********************************/ /********************cavau order page**************************/ /********************************Data statistics page style************************************/ #statistics a{ color:#fff; text-decoration:none;} #statistics a:hover{ color:#fff; text-decoration:none;} #statistics .clear{clear:both;} #statistics #site-wrapper {background-color:#ffffff; color:#333;} #statistics #contents-wrapper {margin: 0 auto;} /****************The overall layout****************/ #statistics #site-wrapper {position:relative; float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;} #statistics #content {padding: 20px 0 15px 0;margin:0 auto; width:1140px;} /****************header****************/ #statistics #header{ padding-top:10px; border-bottom:3px solid #99c918;} #statistics_logo{float:left; width:224px; height:72px; display:block; margin-bottom:10px; background: url("images/hellomobile-logo.png") no-repeat;} #statistics_name{float:right;width:440px; height:56px; margin-top:26px;} #statistics_name .header{ width:100%; height:9px; background:url("images/statistics_namebg.png") no-repeat;} #statistics_name .name{ height:47px; background-color:#99c918; color:#fff; font-size:22px; font-weight:bold; text-align:center; line-height:47px;width: 439px;} #statistics a{text-decoration: none;} /****************content****************/ #statistics #content{ padding:15px 0 30px 0;} /******query_region******/ #statistics #content .query_region{padding-bottom:15px;} #statistics #content .query_region table tr th{padding:20px; text-align:right; color:#333; font-weight:bold;} #statistics #content .query_region table tr td{padding:5px; padding-left:0px;} #statistics #content .query_region table tr td DropDownList Button{padding:4px 3px; width:240px; border: 1px solid #cecece; color:#666;} #statistics #content .query_region table tr td DropDownList Button{padding:3px; width:248px; border: 1px solid #cecece; color:#666;} #statistics #content .query_region table tr td input.item_button { font-family: Arial, Helvetica, sans-serif;line-height: 35px; width: 100px; margin-right: 10px; font-size: 17px; border: 0px; font-weight: bold; color: #fff; background-color: rgb(153, 201, 24); border-radius: 3px; cursor: pointer; } #statistics #content .query_region table tr td input.item_button:hover{ background-color: #A4D520;cursor: pointer; } /******content_list******/ #statistics #content .content_list{ padding-bottom:15px;} /****content_list_header****/ #statistics #content .content_list .list_header{ border:1px solid #cecece; border-top-left-radius:5px; border-top-right-radius:5px; height:35px; width:100%; background:#d7d7d7; /* Old browsers */ background: -moz-linear-gradient(top, #fbfbfb 0%, #e7e7e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%,#e7e7e7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%,#e7e7e7 100%); /* IE10+ */ background: linear-gradient(to bottom, #fbfbfb 0%,#e7e7e7 100%); } #statistics #content .content_list .list_header table{ height:35px; width:100%;} #statistics #content .content_list .list_header table tr th {color:#81AD09; text-align:center; line-height:35px; font-size:15px; font-weight:bold;padding-top:2px;} #statistics #content .content_list .list_header table tr th div {color:#81AD09; text-align:center; line-height:35px; font-size:15px; font-weight:bold;padding-top:2px;} /****content_list_main****/ #statistics #content .content_list .list_main{ width:100%; border-left:1px solid #cecece; border-right:1px solid #cecece; } #statistics #content .content_list .list_main a{ color:#81AD09; cursor:pointer; padding-left:5px; text-decoration:underline;} #statistics #content .content_list .list_main table tr td{ padding:5px;} #statistics #content .content_list .list_main table tr.grey td{ background-color:#f4f4f4;} #statistics #content .content_list .list_main table tr td{text-align:center;} /****content_list_end****/ #statistics #content .content_list .list_end{border:1px solid #cecece; border-bottom-left-radius:5px; border-bottom-right-radius:5px; height:35px; width:100%; background: #d7d7d7; /* Old browsers */ background: -moz-linear-gradient(top, #fbfbfb 0%, #e7e7e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%,#e7e7e7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%,#e7e7e7 100%); } #statistics #content .content_list .list_end .page_turning{ float:right; height:35px; width:100px; margin-right:20px;} #statistics #content .content_list .list_end .page_turning a{ color:#999; float:left; padding:8px 4px; font-size:16px; cursor:pointer; font-weight:bold;} #statistics #content .content_list .list_end .page_turning a.state{ color:#81AD09; float:left; padding:8px 4px; font-size:16px; cursor:pointer;} #statistics #content .content_list .list_end .page_turning a:hover{ color:#81AD09; text-decoration:underline;} /****detailed_list****/ #statistics #content .detailed_list{padding-top:20px;} #statistics #content .content_list .detailed_list .title_main { height:10px; border-bottom:1px solid #cecece; position:relative; margin-bottom:25px;} #statistics #content .detailed_list .title{position:absolute; left:40px; padding:1px; color:#333; background-color:#fff; font-size:15px; font-weight:bold;} #statistics #content .detailed_list .details{clear:both;margin-top: 20px;border-top: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;padding: 30px 20px 20px 20px;border-left: 1px solid #cfcfcf;height: 400px;} #statistics #content .detailed_list .details table tr th{ border-collapse:collapse; padding:5px;color:#81AD09; text-align:left; font-size:15px; border:1px solid #cecece; font-weight:bold; background: #d7d7d7; /* Old browsers */ background: -moz-linear-gradient(top, #fbfbfb 0%, #e7e7e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%,#e7e7e7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%,#e7e7e7 100%); /* IE10+ */ background: linear-gradient(to bottom, #fbfbfb 0%,#e7e7e7 100%); } #statistics #content .detailed_list .details table tr td{ padding:5px;border:1px solid #cecece; color:#333; border-collapse:collapse;} /****************bottom****************/ #statistics #bottom{float:left; width:100%; background:#A4D520 url("images/footer_bg.png") repeat-x top; padding:90px 0 30px 0;} #statistics #bottom_hm{margin:0 auto; width:980px; height:58px; background: url("images/footer-highlight-bg.png") repeat-x;} #statistics #bottom_hm .bottom_col_a, #statistics #bottom_hm .bottom_col_b, #statistics #bottom_hm .bottom_col_c, #statistics #bottom_hm .bottom_col_d, #statistics #bottom_hm .bottom_col_e{float:left; width:176px; height:58px;background: url("images/footer-line.png") no-repeat top right; line-height:58px; padding-left:20px; font-size:15px; font-weight:bold; color:#fff;font-family:Arial, Helvetica, sans-serif;} /****************covau blog****************/ .edn_clearFix{width: 30%;display: inline-block;border: 1px solid #c9c9c9;margin-left: 15px;margin-right: 15px;border-radius: 5px;vertical-align: top; /* background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#eaf4fa)); */background: -ms-linear-gradient(top, #fff, #eaf4fa); background:-moz-linear-gradient(top,#fff,#eaf4fa);background: -webkit-gradient(linear, 100% 100%, 100% 148%, from(#fff), to(#eaf4fa)); /* background: -webkit-linear-gradient(top, #fff, #eaf4fa); */background: -o-linear-gradient(top, #fff, #eaf4fa);} .edn_mediaContainer{width: 100%;height: 180px;margin: 0 !important;border: none !important;padding: 0px !important;} .edn_mediaContainer img{width: 100% !important;} .edn_articleDetails .edn_mediaContainer{height: 400px;} .edn_readMoreButtonWrapper{display:none;} .edn_clearFix .edn_articleTitle{clear: both;margin: 0px 15px !important;padding-top: 10px !important;} .edn_articleDetails{width:65%;margin: 0 auto;} .edn_clearFix .edn_metaDetails{margin: 10px 15px !important;} .edn_articleDetails h1, .edn_articleDetails h2{text-align: center;} .edn_articleScrolling{width:100% !important;} .edn_13724_article_list_wrapper .edn_clearFix{height: 350px;} .edn_13724_article_list_wrapper .edn_clearFix .edn_articleSummary{height: 100px;} .edn_clearFix .edn_articleSummary{margin: 0px 15px !important;} .edn_clearFix .edn_articleSummary span,.edn_clearFix .edn_articleSummary strong,.edn_articleSummary p{font-weight: normal;} .edn_clearFix .edn_numberComments{display:none !important;} .edn_clearFix .edn_numberOfVievs{display:none !important;} .edn_clearFix .EDN_article_rateit{display:none !important;} .edn_articleDetails span{font-size: 14px !important;line-height: 22px !important;} .article_pager{text-align: center;margin: 0 auto;width: 100%;border: none !important;} .article_pager .page{border: 1px solid #37cbcb;border-radius: 25px;width: 50px;height: 50px;line-height: 35px !important;font-size: 20px !important;font-family: "Verdana" !important;margin: 5px;} .eds_news_Ozone.eds_style_custom_sogsqid7yyp.eds_subCollection_news.eds_templateGroup_listArticleDefault h2.edn_articleTitle a, .eds_news_Ozone.eds_style_custom_sogsqid7yyp.eds_subCollection_news.eds_templateGroup_listCatalogDefault h2.edn_articleTitle a{font-weight:lighter !important} .eds_news_Ozone{margin-bottom:0px !important;padding-bottom:30px} /****************covau blog end****************/ /****************mandy 2013-12-11 begin****************/ #statistics #bottom_hm .bottom_col_e{ background:none;} .dnn_ctr620_View_ddlWebSite{width: 153px;height:26px;padding:5px 0px 5px 0px;} .ccau_contents div tbody tr th {color: #99c918;font-family: Arial, Helvetica, sans-serif;text-align: center;border-top-left-radius: 5px; border-top-right-radius: 5px;height: 20px;width: 100%;background: #d7d7d7;background: -moz-linear-gradient(top, #fbfbfb 0%, #e7e7e7 100%); background: -webkit-linear-gradient(top, #fbfbfb 0%,#e7e7e7 100%);background: -o-linear-gradient(top, #fbfbfb 0%,#e7e7e7 100%); background: -ms-linear-gradient(top, #fbfbfb 0%,#e7e7e7 100%);background: linear-gradient(to bottom, #fbfbfb 0%,#e7e7e7 100%);clear:both;padding-top: 0px;padding-bottom: 0px; } .ccau_contents div tbody tr th{line-height: 35px;font-size: 15px;font-weight: bold;} .statistics a{color: #fff;text-decoration: none;} #statistics #content .query_region table tr th {padding: 10px;text-align: right;color: #333;font-weight: bold;} .detailed_list .details table tr th { padding-top: 0px;padding-bottom: 0px;} #statistics_footer{padding-left: 450px;} #statistics #content .details table tr td{ padding:5px;border:1px solid #cecece; color:#333; border-collapse:collapse;text-align:left;} .imgup {background: url("images/up_icon.jpg") no-repeat;display: block;width: 15px;height: 11px;margin-top: 13px;margin-left: 2px;} .imgdown {background: url("images/icon_down.jpg") no-repeat;display: block;width: 15px;height: 11px;margin-top: 13px;margin-left: 2px;} /****************mandy 2013-12-11 end****************/ /**paybill***/ .paybill #function_shortcut .bill{ display: inline-block;margin:20px auto;float:left} #paybill #function_shortcut .bill h1,.paybill #function_shortcut .bill h1{color:#59afe1;font-size:20px;font-weight: bold;margin-left:5px} #paybill #function_shortcut .bill_box{border:2px solid #59afe1;border-radius:5px;min-height: 75px;background:#eff1f2} .paybill #function_shortcut .bill_box{width:100%;background:#f4f5f7;min-height: 95px;/* vertical-align: top; */padding: 13px 0;background-image:url('images/covaupaybill-icon.png');background-repeat:no-repeat !important;} #paybill #function_shortcut .bill_box{background-image:url('images/bill_icon_new.png') !important} #paybill #function_shortcut .bill_box:hover{border:2px solid #0069a0;} /*.paybill #function_shortcut .payybill-icon{background-image:url('images/covaupaybill-icon.png');background-repeat:no-repeat;width:117px;height: 105px;display:block;float:right}*/ /*.paybill #function_shortcut .credit{background-position: 100% 10px;} .paybill #function_shortcut .post{ background-position: 100% -146px;} .paybill #function_shortcut .debit{background-position: 100% -302px;} .paybill #function_shortcut .bpay{background-position: 100% -429px;} .paybill #function_shortcut .mail{background-position: 100% -580px;} .paybill #function_shortcut .person{background-position: 100% -730px}*/ #paybill #function_shortcut .credit{background-position: 97% 43px;} #paybill #function_shortcut .post{ background-position: 97% -268px;} #paybill #function_shortcut .debit{background-position: 97% -60px;} #paybill #function_shortcut .bpay{background-position: 97% -394px;} #paybill #function_shortcut .mail{background-position: 97% -158px;} #paybill #function_shortcut .person{background-position: 97% -497px;} .paybill #function_shortcut .bill_box p span.icon{background-image:url('images/bill_icon_new.png');width:18px;height: 18px;display: inline-block;margin-bottom: -3px;} .paybill #function_shortcut .bill_box p span.web_link{background-position: 104% -20404px;} .paybill #function_shortcut .bill_box p span.phone{background-position: 102% -20478px;} .paybill #function_shortcut .bill_box p,.paybill .fee p,.paybill .bottom p,.paybill #function_shortcut .bottom h3{color:#666666;font-size:14px;/* vertical-align: baseline; */margin-left: 25px;} .paybill #function_shortcut .bill_box p a{color:#666666;} .paybill #function_shortcut .debit p.link:hover,.paybill #function_shortcut .debit strong:hover,.paybill #function_shortcut .post strong:hover,.paybill #function_shortcut .post p.link:hover{color:#59afe1} .paybill #function_shortcut .bill_box .font_mono{font-weight: bold; color: #59afe1; margin-left: 25px;} .paybill .fee{ border: 1px solid #e1dfda; border-radius: 3px; border-bottom: double;padding:15px 0; margin-top: 30px;margin-bottom:40px;} .paybill .bottom h2,.paybill .fee h2{font-weight:bold;margin-left:25px;} .paybill .bottom{border-top:1px solid #eeeeee;padding-top:20px} /**end**/ /***acgi landing page*/ #acgi{position:relative;background-image:url('images/ACGI Landing Page-bg-light-white.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;/* height: 100%; *//* height: 1577px; */} #acgi h2,#acgi h1,#acgi p,#acgi a{font-family:'Microsoft YaHei';} #acgi h2{color:#fff;font-size:2.5em;font-weight:bold; line-height: 40px; margin: 20px auto;margin-left:5%} #acgi .row,#acgi .condition,#acgi .large-offset-12{margin: 0px auto;} #acgi .light{background-image:url('images/light.png');background-size: cover;/* display: block; */background-position: center;z-index: 99999;width:100%;height:100%;max-width: 916px;max-height: 1542px;background-repeat: no-repeat;position: absolute;top: 2%;left: 10%;/* margin-top: -1087px; */margin: 0 auto;} #acgi .logo_title{margin-top:0px;padding-top: 50px;margin-bottom: 148px;} #acgi .large-offset-12{/* padding:50px 0 */padding-bottom: 84px;} #acgi .row .column_box_min,#acgi .row .top{display:inline-block} #acgi .row .left_div{text-align:right} #acgi .row .middle_div{text-align:center} #acgi .row .right_div{text-align:left} #acgi .condition{text-align:center;/* margin-top: 150px; */padding-bottom: 160px;} #acgi .condition p{font-size:24px;line-height: 45px;color:#555555;margin-bottom: 35px;} #acgi .condition p.about{margin: 13px auto;margin-bottom: 55px;line-height: 35px;font-size:18px;} #acgi .contactinfo p{font-size:18px;line-height:30px} #acgi .condition h1{font-size:24px;color:#000000;font-weight:bold;line-height: 35px;margin: 26px auto;} #acgi .condition span.line{display:block;width:50px;background:#59afff;height:4px;margin: 31px auto;margin-top: -14px;} #acgi .condition a.btn{font-size:18px;border-radius:50px;display:block;background-color: rgb(89, 175, 255);box-shadow: 0px 3px 15px 0px rgba(89, 175, 255, 0.6);width: 20%;min-width:200px;height: 50px;line-height:50px;color:#fff;z-index: 29;margin: 40px auto;margin-top: -6px;} #acgi .condition a.btn:hover{margin-top:-4px;margin-bottom:38px} #acgi .contactinfo{color:#fff;font-size:18px;/* vertical-align: text-top; */margin-bottom: 30px;} #acgi .condition .otherwords p{color:#fff;margin-bottom: 0px;} #acgi .condition .otherwords{padding-top: 30px;} /***end*/ /** chinese page home**/ .destop_show{display:block} .mobile_show{display:none} .YaHei{font-family:'Microsoft YaHei'} .banner_lay1{background-image: url('images/LP-cn-bannerbg.jpg');background-repeat: no-repeat;background-position: center;height:550px;background-size:cover;text-align: center;} .banner_uplay{background-repeat:no-repeat;background-position:center;display:block;height: 290px;/* vertical-align: super; *//* margin-bottom: 0px; */margin: 0 auto;background-image:url('images/LP-cn-banner-small.png');max-width:526px;vertical-align: text-bottom;} .banner_lay1 h1{font-size:36px;text-align:center;line-height:30px;padding-top:1em;color:#fff;margin-bottom:0.92em;font-weight:normal;} .banner_lay1 p{font-size:14px;text-align:center;line-height:30px;margin:0.5% auto;color:#fff;} .banner_lay1 p.last{margin-bottom:1%} #cn_home .row h1{font-size:36px;color:#333333;line-height:45px;text-align:center;font-weight:normal;margin-bottom:30px} #cn_home .row a{display:inline-block} #cn_home .row a.three,#cn_home .row a.one{vertical-align:top} #cn_home .row a span.icon{background:url('images/LP-cn-four-icon.png') no-repeat;width: 85px;height: 85px;display:block;margin:20px auto;background-size: cover;-webkit-transition: background .3s ease-in-out;-moz-transition: background .3s ease-in-out;-o-transition: background .3s ease-in-out;transition: background .3s ease-in-out;} #cn_home .row a:hover > .price,#cn_home .row a:hover > .service,#cn_home .row a:hover > .manage,#cn_home .row a:hover > .discount{width: 86px;height: 86px;background-size: cover;margin:19px auto} #cn_home .row a span.price{background-position: -4px 2px;} #cn_home .row a span.service{background-position: -94px 2px;} #cn_home .row a span.manage{background-position: -190px 2px;} #cn_home .row a span.discount{background-position: -282px 2px;} #cn_home .row a p{font-size:16px;line-height:28px;width: 70%;text-align: center;margin: 0 auto;color:#333333 !important} .chinesepage{max-width:1140px;margin:0 auto} .chinesepage .cn_discount_banner{background:url(images/chinese_discount_banner.jpg) left center no-repeat;} .chinesepage .cn_service_banner{background:url(images/chinese_service_banner.jpg) left center no-repeat;} .chinesepage .cn_join_banner{background:url(images/chinese_join_banner.jpg) left center no-repeat;} .chinesepage .cn_facetoface_banner{background:url(images/chinese_facetoface_banner.jpg) left center no-repeat;} .chinesepage .banner{height:360px;margin-top:-180px} .chinesepage .banner h1{width: 45%;margin: 0 auto;/* line-height: 360px; */text-align: left !important;padding-top: 2.8em;/* margin-left: 1em; */padding-left: 4em;} .chinesepage .cn_facetoface_banner h1{padding-top: 3.8em;} .chinesepage .contents_div{margin: 40px auto !important;} .chinesepage .cwords: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); } .chinesepage .cwords{margin: 20px auto !important;padding: 35px;display: block;} .chinesepage .cwords p{text-align:left;/* margin:5%; */line-height:28px} .chinesepage .contact{padding:30px 0;margin-top: 45px;} .chinesepage .contact p,.chinesepage .contact img{display:inline-block; vertical-align: middle;} .chinesepage .contact img{margin:0 20px} .chinesepage .contact p a{display:block} .chinesepage .gridding,.chinesepage .gridding .row {margin:0 auto !important} .chinesepage .gridding div,.chinesepage .gridding div.row img,.chinesepage .gridding div.row div,.chinesepage .rewards img,.chinesepage .rewards div{display:inline-block;float:left} .chinesepage .gridding div.row div p{margin:10px auto;line-height:22px} .chinesepage .gridding div.row div p span{padding:3px 0} .chinesepage .gridding div.row div p.margin{margin: 25px auto; line-height: 29px;} .chinesepage .gridding div.row div p.margin_shop,.chinesepage .gridding div.row div p.margin_up{line-height: 28px;} .chinesepage .rewards{padding:0;margin:50px auto !important;text-align:center} .chinesepage .rewards div p{margin:24% auto !important;width:83%} /***sydney_lp****/ .sydney_lp_banner,.SydneyTodayRental_banner{margin:0 auto;background:url(images/SydneyToday_banner.jpg) center center no-repeat;height: 515px;background-size: cover;} .sydney_lp_banner img,.sydney_lp_rental_banner img,.zhouregister_banner img,.zhouluckydraw_banner img,.rewards_banner img{display:none} .sydney_lp #function_shortcut img{margin:0} .sydney_lp_rental_banner{background:url(images/SydneyTodayRental_banner.jpg) center center no-repeat;height: 494px;background-size:cover} .sydney_lp #function_shortcut a,.inquire div,.sydney_lp .row div{display:inline-block} .sydney_lp #function_shortcut a div{background:url(images/SydneyToday_second.jpg)center center no-repeat;height:191px;background-position:0} .sydney_lp #function_shortcut a p{ margin: 20px; line-height: 20px;} .sydney_lp #function_shortcut a p span{} .sydney_lp p.retitle{padding:10px 0} .inquire {margin:40px auto !important} .inquire p{line-height:50px;margin-left:8%;padding:15px 0} .inquire p span{display:inline-block;width:65px;height: 62px;vertical-align: -webkit-baseline-middle;} .inquire p span.time_icon{background: url(images/SydneyToday_saveicon.png) 0 1px no-repeat;} .inquire p span.time_service{background: url(images/SydneyToday_saveicon.png) 0 -78px no-repeat;} .inquire p span.time_weichat{background: url(images/SydneyToday_saveicon.png) 0 -153px no-repeat;height: 66px;} .bottom{margin:55px auto} .bottom .left{vertical-align:top;border-right:1px solid #eeeeee} .bottom p{line-height:22px} .bottom p a:hover{color:#0086d4 !important;text-decoration:underline} .bottom .left h2{padding:8px 0;} .bottom .right h2.move{float: left; text-align: left; margin-left: 8%;margin-top:10px} .bottom .right h2 a{text-decoration:underline;} .bottom .right img{float:right} .fix div,.inquire div{float:left} .fix p{float: right; width: 40%;line-height: 25px; margin-top: 18%; margin-right: 4%; text-align: center;} .sydney_lp .fix .left,.sydney_lp .fix .right{background:url(images/SydneyTodayRental_fixleft.jpg) center center no-repeat;height:300px} .sydney_lp .fix .right{background:url(images/SydneyTodayRental_fixright.jpg) center center no-repeat} .inquire .right,.inquire .left{float:left} .question .left {/* padding:76.5px 0 !important */height: 300px;} .inquire .left img{margin-left: 6%;vertical-align: bottom;} .question .left div{float:none;margin-top: 17%;} .question .left div p{text-align:center;line-height:30px;padding:0px 0;margin-left:4% !important} .question .left div p span.time_service{} .question .right{background:url(images/SydneyTodayRental_dataright.jpg) center center no-repeat;text-align:center;height:300px} .question .right p{line-height:300px;margin-left:0 !important} .sydney_lp_retnal .left h2{padding:4.5px 0} /**end**/ /*zhoulandingpage**/ .zhouregister_banner{background:url(images/LP-zhoulanding-banner.jpg) center center no-repeat;height: 550px;background-size:cover} .zhouluckydraw_banner{background:url(images/LP-zhouluckydrawlanding-banner.jpg) left center no-repeat;height: 550px;background-size:cover} .zhouluckydraw_banner_eng{background:url(images/LP-zhouluckydrawlanding-banner-eng.jpg) left center no-repeat !important;} .zhou_lp #function_shortcut{margin: 30px auto !important;} .zhou_lp #function_shortcut a h2{margin-top:25px !important} .zhou_lp #function_shortcut a p{line-height:22px !important;} .zhou_lp #function_shortcut a p.short_title{/* margin-top:10px !important; */line-height:22px !important;margin: 5px !important;} .zhou_lp #function_shortcut a p.details{margin: -10px !important;} .zhou_lp #function_shortcut .first_a{margin-right: 3% !important;float: left;} .submitinformation{margin-top:40px !important} .submitinformation .left{float:left} .submitinformation .right{float:right} .submitinformation p{font-weight:bold} .submitinformation .right .text_box,.submitinformation .left .text_box{height:40px;background:#fff;border-radius:5px;margin:10px 0;font-size:14px;color:#000} .submitinformation .right p,.submitinformation .right .text_box,.submitinformation .right a{margin-left:9%} .submitinformation a{height:40px;line-height:40px;width:30%;display:block;border-radius:5px;margin:10px 0;} .submitinformation a:hover{margin-top:12px;margin-bottom:8px} .zhouluckydraw_rewards_lp div .icon,.zhouluckydraw_lp div .small-10{display:inline-block} .zhouluckydraw_lp{margin:0 auto} .zhouluckydraw_lp div .destop_showicon{width:17.5%} .zhouluckydraw_lp div .first{width:13.1%} .zhouluckydraw_lp #function_shortcut .row .first_a{float:left; margin-right: 0% !important;} .zhouluckydraw_lp #function_shortcut .row .last_a{float:right} .zhouluckydraw_rewards_lp div .icon{float:left;} .zhouluckydraw_lp div .small-10,.zhouluckydraw_lp div .small-9{float:right;text-align:left} .zhouluckydraw_lp div .small-10 h2,.zhouluckydraw_lp div .small-9 h2{line-height:20px} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards{margin:50px auto} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards div.left_column,.zhouluckydraw_lp .zhouluckydraw_fourtyperewards div .small-4-1,.zhouluckydraw_lp .zhouluckydraw_fourtyperewards div .titleleft{float:left;min-width: initial;background-image: url(images/LP-zhouluckydrawlanding-arrowicon.png) !important;background-repeat: no-repeat !important;background-position-y: 100% !important;} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards div.right_column,.zhouluckydraw_lp .zhouluckydraw_fourtyperewards div .small-8-2{min-width: initial;float:right} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards div.column_box-16 .titleleft{width:100% !important} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards div .titleleft h1,.zhouluckydraw_lp .zhouluckydraw_fourtyperewards div .detailright .small-4-1 h1{margin: 30px auto;width: 96% !important;} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards div.column_box-5 .small-4-1 p,.zhouluckydraw_lp .zhouluckydraw_fourtyperewards div.column_box-16 .small-4-1 p{width: 91%; line-height: 28px;margin: 10px auto;} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards div.right_column,.zhouluckydraw_lp .zhouluckydraw_fourtyperewards div .small-8-2 p,.zhouluckydraw_lp .zhouluckydraw_fourtyperewards div .titleleft p,.zhouluckydraw_lp .zhouluckydraw_fourtyperewards div .detailright .small-4-1 p{width:92%;line-height:22px;margin:10px auto} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div.column_box-5{width:59.333335% !important} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div.column_box-16{width: 13.555555% !important;} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div.right_column,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .small-8-2 p,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .titleleft p,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .small-4-1 p{width: 92%;line-height:26px;margin:18px auto;} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .small-8-2 p span.jaycode{padding:5px 10px; border-radius:10px} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .small-8-2{width: 76.8999999% !important;} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .small-8-2 div{min-height:auto} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .small-8-2{min-height:497px !important} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .small-4-1{width: 22.8999% !important;} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .small-8-2{border:1px #989898 solid;border-left:none} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .small-8-2 .titledetail,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .titledetail{margin-top:15px;display:inline-block;line-height:25px;padding-left: 2.5%;} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .small-8-2 .topconer,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .topconer{padding: 20px 10px;display:inline-block;margin-right:0px !important;} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .small-8-2 .topconer span,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .topconer span{display:block;padding-bottom: 10px;} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards .column_box-5 div,.zhouluckydraw_lp .zhouluckydraw_fourtyperewards .column_box-16 div{min-height:450px} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards .column_box-5 div,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards .column_box-16 div{min-height:500px} .zhouluckydraw_lp .row .row,.zhouluckydraw_lp .zhouluckydraw_terms{margin:0 auto;min-width:auto !important} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail{margin: 55px auto;} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div.rewards{margin:25px 0; background-color: #fff; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #f7f7f7), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #f7f7f7), color-stop(.75, #f7f7f7), color-stop(.75, transparent), to(transparent)); background-image: -moz-linear-gradient(-45deg, #f7f7f7 25%, transparent 25%, transparent 50%, #f7f7f7 50%, #f7f7f7 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, #f7f7f7 25%, transparent 25%, transparent 50%, #f7f7f7 50%, #f7f7f7 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #f7f7f7 25%, transparent 25%, transparent 50%, #f7f7f7 50%, #f7f7f7 75%, transparent 75%, transparent); -moz-background-size: 6px 6px; background-size: 6px 6px; -moz-box-shadow: 1px 1px 8px gray;} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20{margin-left:2.5% !important} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20 h2{font-weight:normal;line-height: 30px;margin-bottom:10px} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20 h2.h2_detail{margin-bottom:5px !important;line-height: 26px;} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail .zhouluckydraw_existcustomer .column_box-20 h2{width:80%} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20 span.icon{width:55px;height:55px;display:block;} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20 span.new {background:url(images/LP-zhouluckydrawlanding-peopicon.png) center center no-repeat;margin-top: 55px;} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20 span.exist{margin-top: 30px !important;background:url(images/LP-zhouluckydrawlanding-shareicon.png) center center no-repeat;} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail_eng div .column_box-20 span.exist{} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20 span.register {background:url(images/LP-zhouluckydrawlanding-recordicon.png) center center no-repeat;margin-top: 55px;} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20 span.share {background:url(images/LP-zhouluckydrawlanding-goodicon.png) center center no-repeat;margin-top: 32px;} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20 span.share{margin-top:12px !important} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-16,.zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20{margin:15px 10px;height: 190px;vertical-align: -webkit-baseline-middle;display:inline-block} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-16{height: 190px;opacity:0.75; text-align: center; vertical-align: middle;line-height: 190px; font-weight: bold;display:inline-block} .zhouluckydraw_lp .zhouluckydraw_terms{padding-bottom:65px} .zhouluckydraw_lp .zhouluckydraw_terms .normal_term,.zhouluckydraw_lp .zhouluckydraw_terms .rewards_term{border:1px #cccccc solid;margin:30px auto} .zhouluckydraw_lp .facebook,.zhouluckydraw_lp .in{display:inline-block;float:right;margin:10px} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail #share_box{width:310px; z-index:99999 ;-moz-transition: opacity 3s ease-out; -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 3s ease-out; transition: opacity 0.2s ease-out; color: #ffffff; font-family: verdana,arial,helvetica,sans-serif; vertical-align: middle;opacity:0.85; padding:15px 0} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail #share_box h2{text-align:center;margin:0 auto !important} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail #share_box a{width:90%;margin:0 auto;text-align:center;display:block} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail #share_box a:hover{text-decoration:underline} /***/ /***rewards**/ .rewards_banner{background:url(images/Reward-banner.jpg) center center no-repeat;height: 500px;background-size:cover;display:block} .rewards {margin-bottom:50px} .rewards .row div,.rewards .row img,.rewards .row table{display:inline-block} .rewards #login_active,.rewards #login_active1{margin:50px 0} .rewards #login_active div p,.rewards #login_active1 div p{line-height:36px;} .rewards #login_active1 div ul,.rewards #login_active1 div a{margin-left:5%} .rewards #login_active div a,.rewards #login_active1 div a{height:50px;line-height:50px;text-align:center;display:block;width:30%;margin-top:50px;border-radius:5px} .rewards #login_active div a:hover,.rewards #login_active1 div a:hover{box-shadow: 0px 13px 18px 0px rgba(12, 35, 63, 0.2);margin-top:52px;} .rewards #How_four,.rewards #How_four_mobile{margin-top:80px} .rewards .row .how,.rewards .row .how .overplay{min-height:140px;line-height:140px;text-align:center;margin-right: 1.5%;} .rewards .row .active{background:url('images/rewards_active.png');float: left;} .rewards .row .active div{min-height:initial !important;line-height:20px !important;padding:18.511% 0} .rewards .row .redeem{background:url('images/rewards_redeem.png')} .rewards .row .faq{background:url('images/rewards_faq.png');margin-right:0 !important;float: right;} .rewards .row .save{background:url('images/rewards_save.png');} .rewards .row .how .overplay,.rewards .row .how .overplay_mobile_up,.rewards .row .how .overplay_mobile_down{width: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-transition: opacity 3s ease-out;-webkit-transition: opacity 0.2s ease-out;-o-transition: opacity 3s ease-out;transition: opacity 0.2s ease-out;vertical-align: middle;} .rewards .row .how .overplay:hover,.how_active,.rewards .row .how .overplay_mobile_up:hover,.rewards .row .how .overplay_mobile_down:hover{background-color: #5bacf6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);opacity: 0.75;-moz-transition: opacity 3s ease-in;-webkit-transition: opacity 0.2s ease-in;-o-transition: opacity 3s ease-in;transition: opacity 0.2s ease-in;position: relative;} .rewards .row .how .overplay:hover>.arrow,.rewards .row .how .overplay_mobile_up:hover>.arrow,.rewards .row .how .overplay_mobile_down:hover>.arrow{display:block !important} .rewards .row .detail,.rewards .row .detail_mobile_down,.rewards .row .detail_mobile_up{margin:40px auto;border-bottom: 2px solid #eeeeee;padding-bottom: 45px;} .rewards .row .detail p,.rewards .row .detail_mobile_down p,.rewards .row .detail_mobile_up p{line-height:28px} .rewards .row .active_box p{margin:3px auto} .rewards .row .active_box .row{margin:35px auto !important} .rewards .row .active_box .column_box-3-1{text-align:center;padding:10px 0} .rewards .row .active_box .column_box-3-1 .number{ margin-top: -25px; display: -webkit-inline-box; padding: 7px; border-radius: 25px;} .rewards .row .active_box .column_box-3-1 p{line-height:25px} .rewards .row .active_box .middle{margin-left:2%} .rewards .row .active_box h2{margin:8px auto;margin-top:35px} .rewards .row .active_box .row img{margin-left: 1%;vertical-align: top;margin-top: 4%;} .rewards .row .redeem_box .row{margin:30px auto !important} .rewards .row .redeem_box h2,.rewards .row .save_box {line-height:24px;margin-bottom:20px} .rewards .row .redeem_box p{line-height:24px !important} .rewards .row .redeem_box .row .left{vertical-align:top} .rewards .row .redeem_box .row .mobileshow{text-align:right; margin: 10px auto;} .rewards .row .save_box span.save_icon{ display: inline-block; background: url(images/saveicons.jpg)0 0 no-repeat; width: 80px; height: 100px;} .rewards .row .save_box span.wine{background-position: 3px 0;} .rewards .row .save_box span.takeaway{background-position: -70px 0px !important;} .rewards .row .save_box span.dine{background-position: -166px 0;} .rewards .row .save_box span.movies{background-position: -257px 0;} .rewards .row .save_box span.shopping{background-position: -347px 0;} .rewards .row .save_box span.fuel{background-position: -431px 0;} .rewards .row .save_box span.hotel{background-position: -523px 0;} .rewards .row .save_box span.arrtra{background-position: -613px 0;} .rewards .row .save_box span.car{background-position: -705px 0;} .rewards .row .save_box table{display: inline-table;} .rewards .row .save_box table tr td.small-5{padding-left:3%} .rewards .row .save_box table tr td{height:28px;line-height:28px; word-wrap: break-word;} .rewards .row .faq_box p.answer{margin-bottom:20px} .rewards #login_active .left, .rewards #login_active1 .left,.rewards .row .detail .left,.rewards .row .detail_mobile_down .left,.rewards .row .detail_mobile_up .left,.rewards .row .redeem_box .row .left{float:left} .rewards #login_active1 .right,.rewards #login_active .right,.rewards .row .detail .right,.rewards .row .detail_mobile_up .right,.rewards .row .detail_mobile_down .right,.rewards .row .redeem_box .row .right{float:right} .rewards .bottom_title{margin:35px auto} .rewards .bottom_logo{margin:40px auto} .rewards .bottom_logo .mr_frbox span.logo_icons{background:url(images/dining-offer-logos-1-fw.png)-180px 0 no-repeat;display:inline-block;width:163px;height:75px} .rewards .bottom_logo h2{line-height:85px} .rewards .bottom_logo .arrow{ cursor: pointer; display: inline; width: 19px; height: 29px; position: absolute; top: 50%; } .rewards .bottom_logo .mr_frbox{text-align:center;min-height:250px} .rewards .bottom_logo .mr_frbox .mr_frUl{width: 85%;text-align: center;margin: 22px auto;} .mr_frUl ul{/* width: 248%; */overflow:hidden;} .mr_frUl ul li{display:inline;float:left;width: 24%;overflow:hidden;position:relative;float:left;} .mr_frUl ul li a img{max-height:65px !important} .mr_frBtnL{float:left;background:url('images/leftarrow-bg.png')no-repeat;left: 2%;} .mr_frBtnL:hover{background:url('images/leftarrow-bg-hover.png')no-repeat;} .mr_frBtnR{float:right;right:2%;background:url('images/rightarrow-bg.png')no-repeat;} .mr_frBtnR:hover{background:url('images/rightarrow-bg-hover.png')no-repeat;} /****/ /****/ /*版本*/ .version{ width:97%; margin:40px auto; text-align:left; position:relative } .version a{ color:#ff0; } .version .hd{ height:60px; position:relative; } .v_show .hd{height:initial;} .other{ padding-top:40px; text-align:center; display:block } .other a{display:inline-block; *display:inline; zoom:1; background:#fff; height:22px; line-height:22px; text-align:center; padding:0 10px; margin-left:8px; color:#333; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; } .version .hd ul{ width:100%; position:absolute; left:0; top:0; z-index:1; } .version .hd h3{ position:absolute; left:5px; top:5px; } .version .hd ul li,.version .hd .date{width: 20px;height: 20px;text-align:center;background: #f15a29;float:left;margin-right: 10.9%;display:inline;color: #222222;margin-top:10px;cursor:pointer;font-size: 18px;font-style: italic;margin-top: 19px;line-height: 66px;border-radius: 10px;} .version .hd ul li.on,.version .hd .on{font-size:30px;font-weight:bold;/* margin-top: 0px; */background-position:0 0;width: 26px;height: 26px;border-radius: 25px;margin-top: 16px;line-height: 82px;} .version .hd s{ position:absolute; left:0; top:28px; display:block; height:4px; background: #f15a29; width:100%; font-size:0; overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .version .hd .date{display:block;position:initial;float:none;margin-left:49.3%;margin-bottom:10%;} .version .hd .further{margin-bottom:5%} .version .hd div.on{margin-left:49%} .version .bd p{ text-indent:24px; } .version .bd div div,.version .show{position:relative;line-height:28px;display:none;text-align:center;width:22%;padding: 10px 3px;background:#bfbfbf;margin: 10px -10px 10px -10px;} .v_show .bd div div,.v_show .show{width:15%} .v_show .hd s{height:620px !Important;width: 0.5% !important;} .version .bd ol li{ list-style-type:decimal-leading-zero; *list-style-type:decimal; } .version .bd ol li.n{ background:url(images/linde-white.png) 0 center repeat-x; } .winner .next a:hover{background:#fd8d03} /********/ /****validate*****/ .validate_banner{height:200px;background-image: url('images/Rewards-validate-banner.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;} .validate_banner h1{font-size:2.6em;padding-top: 1.3em;text-align:center;padding:4.2% 0} .rewards_validate{margin:40px auto;padding-bottom:50px} .rewards_validate h1{margin:25px auto} .rewards_validate div p.first_p{line-height:20px} .rewards_validate div p{line-height:25px;text-align:left;} .rewards_validate div input{background:#ecf0f4;border-radius:5px;height:50px;margin-bottom:20px;font-size:16px} .rewards_validate div input.on{background:#fff;border:2px solid #59afff;box-shadow:0px 13px 18px 0px rgba(12, 35, 63, 0.2);} .rewards_validate div a.btn{height:80px;display:block;text-align:center;line-height:80px;margin:30px auto;width:200px;border-radius:10px} .rewards_validate div a.btn:hover{margin-top:32px;margin-bottom:28px} .rewards_validate .rewards_validate_macth div.left img{margin-top:5%} .rewards_validate .rewards_validate_macth div a.btn,.rewards_validate .rewards_validate_nomacth div a.btn{width:200px;border-radius:10px;margin:20px 0;margin-left:10%;display:block;border:1px #59afff solid;background:#eef7ff;height:50px;line-height:50px;text-align:center} .rewards_validate .rewards_validate_macth div a.btn:hover{background:#deeefb} .rewards_validate .rewards_validate_macth div p,.rewards_validate .rewards_validate_nomacth div p{margin:20px auto} .rewards_validate .rewards_validate_nomacth div a.btn{background:#ffebe5;border:1px solid #fe3e00} .rewards_validate .rewards_validate_nomacth div a.btn:hover{background:#f6d5cc} /******validate end*****/ /*****common****/ .auto_width{width:100% !important} .max_width{max-width:1140px !important} .shaddow{box-shadow: 0px 13px 18px 0px rgba(12, 35, 63, 0.2);} .bg_59afff{background-color:#59afff !important;} .bg_67b1e2{background-color:#67b1e2 !important;} .bg_e9f3fa{background-color:#e9f3fa !important;} .bg_gray{background-color:#f1f4f6 !important;} .bg_white{background-color:#fff !important;} .bg_dcf2ff{background-color:#dcf2ff !important} .bg_f15a29{background-color:#f15a29 !important} .bg_00aeef{background-color:#00aeef !important} .bg_ec008c{background-color:#ec008c !important} .bg_94bd26{background-color:#94bd26 !important} .bg_f3f3f3{background: #f3f3f3 !important;} .bg_f15a29{background: #f15a29 !important} .font_blue{color:#0086d4 !important;} .font_59afff{color:#59afff !important;} .font_222222{color:#222222 !important;} .font_f2440b{color:#f2440b !important} .font_58afe1{color:#58afe1 !important} .font_dc509d{color:#dc509d !important} .font_90c73e{color:#90c73e !important} .font_grey{color:#777777 !important;} .font_ffc000{color:#ffc000 !important;} .font_666666{color:#666666 !important} .font_555555{color:#555555 !important} .font_white{color:#fff !important;} .font_deep_grey{color:#333333 !important;} .font_weight_bold{font-weight:bold !important;} .font_weight_700{font-weight:700 !important;} .font_weight_normal{font-weight:normal !important;} .font_size_28{font-size:28px !important;} .font_size_24{font-size:24px !important;} .font_size_22{font-size:22px !important;} .font_size_20{font-size:20px !important;} .font_size_30{font-size:30px !important;} .font_size_32{font-size:32px !important;} .font_size_34{font-size:34px !important;} .font_size_36{font-size:36px !important;} .font_size_42{font-size:42px !important;} .font_size_14{font-size:14px !important;} .font_size_12{font-size:12px !important;} .font_size_17{font-size:17px !important;} .font_size_16{font-size:16px !important;} .font_size_15{font-size:15px !important;} .font_size_18{font-size:18px !important;} .text_center{text-align:center !important;} .text_left{text-align:left !important;} .text_right{text-align:right !important;} .row .row{margin:0 auto !important} /**end**/ /**screen 1120px*/ @media only screen and (max-width: 1120px){ .chinesepage .gridding div.row div p.margin_shop,.chinesepage .gridding div.row div p.margin_up,.chinesepage .gridding div.row div p.margin{line-height:22px} .chinesepage .gridding div.row div p.margin_first{line-height:20px;margin:0 auto} } /**screen 900px*/ @media only screen and (max-width:1024px) { .row{min-width:initial !important} .version .hd ul li,.version .hd .date{line-height:inherit !important;} .winner .next h2,.winner .video h2{font-size:2em;line-height:35px;text-align:center} .winner .next,.winner .video {text-align:center !important} .winner .next a{width: 50% !important;margin: 20px auto !important;padding: 15px 0 !important;} ..version .hd .date{margin-left: 49.2%;margin-bottom: 14%;} .version .hd .further{margin-bottom:5%} .version .hd div.on{margin-left: 48.9%;} .v_show .bd div div, .v_show .show{width: 23% !important;} .v_show .bd div div, .v_show .show p{line-height: 25px !important;} .v_show .bd div div, .v_show .winer{margin-left: 21% !important;margin-top: 5% !important;} .v_show .bd div div, .v_show .lucky{margin-right: 21% !important;margin-top: 17% !important;} .v_show .bd div div, .v_show .jan{margin-right: 21% !important;margin-top: 15% !important;} .v_show .bd div div, .v_show .game{margin-left:21% !important; margin-top:17% !important} .v_show .bd div div, .v_show .newlucky{left: 20% !important;top: 69% !important;padding: 12px !important;} .v_show .bd div div, .v_show .draw{bottom: 5% !important;right: 21% !important;padding: 18px 5px !important;} .v_show .hd s{height: 786px !important;} .v_show .hd span.gray_line{height: 63.5% !Important;} .v_show_eng .hd s{height: 840px !important;} .v_show_eng .hd span.gray_line{height: 55.6% !Important;} .v_show_eng .hd .further{margin-bottom: 6%;} .v_show_eng .bd div div, .v_show_eng .winer{margin-left: 21% !important;margin-top: 5% !important;} .v_show_eng .bd div div, .v_show_eng .lucky{margin-right: 20% !important;margin-top: 18% !important;} .v_show_eng .bd div div, .v_show_eng .newlucky{left: 20% !important;top: 67% !important;padding: 12px !important;} .v_show_eng .bd div div, .v_show_eng .draw{bottom: 4% !important;right: 22% !important;padding: 5px !important;} .v_show_eng .bd div div, .v_show_eng .game{} .v_show_eng .bd div div, .v_show_eng .jan{margin-right:21% !important;margin-top: 14% !important;} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards .indorucecustomerrwards p.bg_94bd26{padding:17px 0 !important} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards .indorucecustomerrwards p.bg_94bd26,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards .indorucecustomerrwards p.bg_ec008c{position: absolute; bottom: 0;} .zhouluckydraw_lp_eng .mobile_show,.zhouluckydraw_lp .mobile_show{display:block !important} .zhouluckydraw_lp_eng .destop_show,.zhouluckydraw_lp .destop_show{display:none} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div.column_box-5,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div.column_box-16{width:100% !important} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .small-8-2{min-height:496px !important} .rewards .row .save .overplay{font-size: 1em !important;} .rewards .bottom_logo .mr_frbox{min-height: inherit;} .rewards .bottom_logo .mr_frbox .mr_frUl{margin:0 auto;padding: 2.5em 0;} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards div .titleleft{width: 32% !important;} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards .indorucecustomerrwards .small-8-2 p,.zhouluckydraw_lp .zhouluckydraw_fourtyperewards .sharecustomerreweards .small-8-2 p{line-height:20px;font-size:15px;margin:5px auto} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards .indorucecustomerrwards .small-4-1,.zhouluckydraw_lp .zhouluckydraw_fourtyperewards .bigrewards .small-4-1{float:right !important} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards .indorucecustomerrwards .small-8-2,.zhouluckydraw_lp .zhouluckydraw_fourtyperewards .bigrewards .small-8-2{float:left !important} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards div{margin:10px auto !important} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards div.detailright div{margin:0 auto !important} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards div.left_column, .zhouluckydraw_lp .zhouluckydraw_fourtyperewards div .small-4-1, .zhouluckydraw_lp .zhouluckydraw_fourtyperewards div .titleleft{background-image:none} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail h1{padding-top:0 !important} .zhouluckydraw_lp .zhouluckydraw_rewards_lp .row div{margin:20px auto !important} .zhouluckydraw_lp .zhouluckydraw_rewards_lp .row div.column_box-2-1 .first{width:17.1% !important} .zhouluckydraw_lp .zhouluckydraw_rewards_lp .row div.column_box-2-1 .small-10{width:75% !important} .chinesepage .row .row{width:100% !important} .chinesepage .gridding div.row div p.margin_shop,.chinesepage .gridding div.row div p.margin_up,.chinesepage .gridding div.row div p.margin{line-height: 29px;margin: 23px auto;} .chinesepage .gridding div.row div p.margin_first{margin:20px auto !important} } @media only screen and (max-width:900px){ .sydney_lp_banner,.sydney_lp_rental_banner,.zhouregister_banner,.zhouluckydraw_banner,.zhouluckydraw_banner_eng,.zhouregister_banner,.zhouluckydraw_banner,.rewards_banner{background:none; height: inherit;} .sydney_lp_banner img,.sydney_lp_rental_banner img,.zhouregister_banner img,.zhouluckydraw_banner img,.zhouluckydraw_banner img,.rewards_banner img{display:block} .chinesepage .banner h1{width: 47%; float: right; padding-right: 0.5em; padding-top: 1.8em;} #why_covau #who{height:300px;} #why_covau #what .what_box h2{position:absolute;left: 40%;top: 8%;} #why_covau #what .what_box p{left: 40%;top: 40%;font-size:16px;line-height: 21px;} #energyplans .energy_title,#why_covau #whychoose .why_box,#why_covau #what .what_box{margin:10px 0} #why_covau #whychoose .why_box{max-width:none;display:block;height:auto} #why_covau #whychoose .why_box .why_contetn_box{position:inherit;left:auto;top:auto} #why_covau #whychoose .true_box{background-image:none;} #why_covau #whychoose .more_box{background-image:none;} #why_covau #whychoose .more_box_biz{background-image:none;} #why_covau #whychoose .see_box{background-image:none} #why_covau #whychoose .simple_box{background-image:none;} #why_covau #whychoose .smart_box{background-image:none;} #why_covau #whychoose .smart_box_biz{background-image:none;} #SignUp-Requirements .signnavigation .destop_show{display:none} } /**screen 850px*/ @media (max-width: 1100px) and (min-width: 851px){.sydney_lp .row .column_box-5,.inquire .column_box-5{width:50% !important}} @media only screen and (max-width: 850px) { .zhouluckydraw_lp .zhouluckydraw_rewardsdetail .zhouluckydraw_existcustomer .column_box-20 h2{width:100% !important} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20{margin-left:0 !important;margin:10px auto !important;margin-left:0;height:auto !important} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-16{width:50% !important;margin:0 !important;display:inline-block;height:120px !important;float:left;line-height:120px} .zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20 span.icon,.zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20 span.exist,.zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20 span.new,.zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20 span.share,.zhouluckydraw_lp .zhouluckydraw_rewardsdetail div .column_box-20 span.register{margin-top: -45px !important;float: right;} .sydney_lp .fix .left, .sydney_lp .fix .right{background-size:cover; margin: 20px auto;} .question .right,.question .left,.inquire div.column_box-5{margin:20px auto} .question .right{background-size:cover} .sydney_lp #function_shortcut a{max-width:360px;margin:15px auto} .sydney_lp #function_shortcut {text-align:center !important} .sydney_lp p.retitle{padding:6px 0;line-height:27px;width:58%;margin:0 auto} .inquire{text-align:center} .inquire .point {padding: 9px 0px;vertical-align: bottom;max-width: 570px;margin: 0 auto;text-align: left;} .bottom .left p,.bottom .left h2{margin: 0 4%;} .bottom .right{ text-align: center !important; margin: 10px auto;float:none} .bottom .left{max-width:520px;margin:10px auto;border-right:none;float:none} .bottom .right h2.move{float:none;text-align:center;margin-left:0} .bottom .row{text-align:center} .cn_footer{padding:10px 0} .cn_footer a{margin-left:2%} .cn_footer .row .column_box-9-1,.cn_footer .row .column_box-5{width:49% !important;display:block;margin-top:10px} .cn_footer .row .column_box-5{margin-left:2%} .cn_footer .row .last_col{width:49%;text-align:right;margin-top: -110px;float: right;margin-right: 1%;} .cn_footer .row .last_col img,.cn_footer .row .last_col a{float:right;margin-right:1%} } /**screen 767px*/ @media only screen and (max-width:700px){.banner_lay1 p{margin:0.5% auto !important; line-height: 25px !important;}} @media only screen and (max-width:768px){ .rewards_validate div p{text-align:center !important} .validate_banner h1{font-size:1.9em;line-height:35px;padding:11% 0} .rewards_validate .rewards_validate_macth div.left,.rewards_validate .rewards_validate_macth div.right{float:none} .rewards_validate .rewards_validate_macth div.left img{margin-top:0 !important;} .rewards .row .active div{padding: 14.55% 0;} .ui-button-text-only .ui-button-text{padding: 0.4em 0em !Important;} .row{min-width:initial !important} .winner .refer .info .dot,.winner .share .info .dot{margin-left: 27% !Important;} .winner .refer .info .name_dot,.winner .share .info .name_dot{margin-left: 14% !Important;} .winner .refer .info .cus_dot,.winner .share .info .cus_dot{margin-left: 31% !Important;} .winner .refer .info .name,.winner .share .info .name{margin-left: 20% !Important;} .winner .refer .info .cus_number{margin-left: 35% !Important;} .winner .next h2,.winner .video h1{font-size: 1.8em !important;line-height:35px;text-align:center;margin:5px auto} .winner .next,.winner .video {text-align:center !important} .winner .next a{width: 50% !important;margin: 20px auto !important;padding: 15px 0 !important;} .version .hd .date{margin-left:48.9%;margin-bottom:17%} .version .hd .further{margin-bottom:5%} .version .hd div.on{margin-left:48.5%} .v_show .bd div div, .v_show .show{width: 25% !important;} .v_show .bd div div, .v_show .show p{line-height: 25px !important;} .v_show .bd div div, .v_show .winer{margin-left: 18% !important;margin-top: 10% !important;} .v_show .bd div div, .v_show .lucky{margin-right: 18% !important;margin-top: 30% !important;} .v_show .bd div div, .v_show .newlucky{left: 19% !important;top: 73.5% !important;padding: 10px 5px !important;} .v_show .bd div div, .v_show .game{margin-left:18% !important; margin-top:21% !important} .v_show .bd div div, .v_show .jan{margin-right: 18% !important;margin-top:17.5% !important} .v_show .bd div div, .v_show .draw{right: 19% !important;bottom:3% !important} .v_show .hd s{height: 755px !Important;} .v_show .hd span.gray_line{height: 69% !Important;} .v_show_eng .show{width:35% !important} .v_show_eng .bd div div, .v_show_eng .winer{margin-left: 8% !important;margin-top: 10% !important;} .v_show_eng .bd div div, .v_show_eng .lucky{margin-right: 8% !important;margin-top: 31% !important;} .v_show_eng .bd div div, .v_show_eng .newlucky{left: 9% !important;top: 70.5% !important;padding: 10px 5px !important;} .v_show_eng .bd div div, .v_show_eng .draw{right: 8% !important;bottom: 4% !important;} .v_show_eng .bd div div, .v_show_eng .jan{margin-right: 8% !important;margin-top:16% !important} .v_show_eng .bd div div, .v_show_eng .game{margin-left: 8% !important;} .v_show_eng .hd s{height: 821px !Important;} .v_show_eng .hd span.gray_line{height: 64.2% !Important;} .v_show_eng .hd .further{margin-bottom: 7%;} #nav-wrap{width: inherit;} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards .indorucecustomerrwards p.bg_94bd26,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards .indorucecustomerrwards p.bg_ec008c{ position: inherit;} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards .indorucecustomerrwards .small-8-2 p img.cheef{ float: right;margin-top: -72px !important;} .zhouluckydraw_lp_eng #function_shortcut,.zhouluckydraw_lp #function_shortcut{width:100% !Important} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .small-8-2 .titledetail,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .titledetail{font-size: 16px !important;padding-left: 2px;} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .small-8-2 .topconer,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .topconer{padding: 20px 1.5px;} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div.right_column,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .small-8-2 p,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .titleleft p,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .detailright .small-4-1 p{line-height: 26px !important;margin: 10px auto !important;width: 95%} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards .sharecustomerreweards p.bg_ec008c,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards .indorucecustomerrwards p.bg_94bd26{margin: 0px auto !important;padding:8px 0 !important} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .small-4-1{background-image:none;min-height: initial !important;margin: 0 auto !important;margin-bottom: -10px !important;} .zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .small-4-1,.zhouluckydraw_lp_eng .zhouluckydraw_fourtyperewards div .small-8-2{width:100% !important} .rewards .large-14{width:100%;margin:0 auto !important} .rewards .row .save_box span.save_icon{display: inline-block;background: url(images/saveicons.jpg)0 0 no-repeat;width: 59px;height: 74px;} .rewards .row .save_box span.wine{background-position: -10px 0;width: 49px;} .rewards .row .save_box span.takeaway{background-position: -85px 0px !important;} .rewards .row .save_box span.dine{background-position: -170px 0;} .rewards .row .save_box span.movies{background-position: -262px 0;} .rewards .row .save_box span.shopping{background-position: -356px 0;} .rewards .row .save_box span.fuel{background-position: -448px 0;width: 48px;} .rewards .row .save_box span.hotel{background-position: -528px 0;} .rewards .row .save_box span.arrtra{background-position: -620px 0;} .rewards .row .save_box span.car{background-position: -716px 0;} .rewards .row{width:96% !important;margin:0 auto !important} .rewards #login_active1,.rewards #login_active{margin:10px auto !important} .rewards #login_active p{margin:0 auto !important} .rewards #login_active1 a,.rewards #login_active a{margin-left:3% } .rewards #login_active div a,.rewards #login_active1 div a{margin:20px auto !important} .rewards #login_active1 div,.rewards #login_active div{margin:25px auto !important;} .rewards #login_active1 .right,.rewards #login_active .right{text-align:center !important} .rewards .row .active_box .row img{display:none} .rewards .row .save_box .column_box-8-2 table td.small-5{width: 41.66667% !important;} .rewards .row .active_box .middle,.rewards .row .active_box .row div{margin-left: 0;margin:15px auto !important} .rewards .bottom_logo .small-4-2,.rewards .bottom_logo .small-8-3{width:50% !important} .rewards .row .save_box table{margin:0 auto !important} .rewards .row .save_box table tr td{height: 24px;line-height: 24px;word-wrap: break-word;font-size: 13px !important;} .rewards .bottom_logo .mr_frbox .mr_frUl{margin:0 auto;padding: 15.4% 0 !important;} .rewards .bottom_logo .andmore{bottom: 4% !important;} .rewards .cinemas .mr_frbox .mr_frUl{padding:13.5% 0 !important;} .rewards .travel .mr_frbox .mr_frUl{padding:14.5% 0 !important;} .rewards .lifestyle .mr_frbox .mr_frUl{padding:14% 0 !important;} .rewards .bottom_logo h2{margin-top: 2em; line-height: 30px;font-size:1.5em !important} .rewards .bottom_logo .mr_frbox{min-height: inherit;} .rewards .bottom_logo{ margin: 40px auto !important;} .rewards #How_four_mobile .save .overplay_mobile_down{font-size:1em !important} .rewards .row .redeem_box .row .mobileshow{text-align:center} .rewards .bottom_title{font-size:1.5em !important} .rewards .row .active_box h2{font-size:16px !important} .zhouluckydraw_lp,.winner{width:96% !important; margin:0 auto !important} .zhoulp_condition{width:95% !important} .zhou_lp .row,.submitinformation{width:95% !important;margin:30px auto !important;} .submitinformation .small-11-1{width:100% !important} .submitinformation .right, .submitinformation .left, .zhou_lp #function_shortcut .first_a, .rewards #login_active .right, .rewards #login_active1 .right, .rewards .row .detail .right, .rewards .row .detail_mobile_up .right, .rewards .row .detail_mobile_down .right, .rewards .row .redeem_box .row .right, .rewards #login_active .left, .rewards #login_active1 .left,.rewards .row .detail .left,.rewards .row .detail_mobile_up .left,.rewards .row .detail_mobile_down .left,.rewards .row .redeem_box .row .left{float:none !important;margin:0 auto !important; } .submitinformation .right p,.submitinformation .right .text_box,.submitinformation .right a{margin-left:0% !important;} .search{width: inherit !important;} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards .column_box-5 div,.zhouluckydraw_lp .zhouluckydraw_fourtyperewards .column_box-16 div{min-height:550px} .plantable .selectplan ul li.except, .plantable .unselectplan ul li.except{padding-top:2%;padding-bottom:20px} .plantable .selectplan{max-width:317px; max-width: 317px\9;} .planimage,.planimage_elec_select,.planimage_elec,.planimage_elecgas,.planimage_elecgas_select,.planimage_gas,.planimage_gas_select{max-width:320px;height:182px} .banner_lay1 p{width:90% !important;margin:1.8% auto;} .search{width: 80% !important;} .sydney_lp h1{font-size: 1.8em !important;} .fix p{margin-top: 19%;} #nav-wrap{margin-top:0px !important} header .logo{top:3.5em !important} .chinesepage .cn_discount_banner{ background: url(images/chinese_discount_banner.jpg) center center no-repeat;} .chinesepage .banner h1{width:90%;float:none;text-align:center;padding-left:0;margin:0 1em; padding-right: 0;padding-top: 2.3em;} .chinesepage .cn_service_banner{ background: url(images/chinese_service_banner.jpg) center center no-repeat;} .chinesepage .cn_join_banner{ background: url(images/chinese_join_banner.jpg) center center no-repeat;} .chinesepage .cn_facetoface_banner{ background: url(images/chinese_facetoface_banner.jpg) center center no-repeat;} .chinesepage .row{width: 94% !important;} .chinesepage .row .row{width:100% !important} .chinesepage .rewards div p{margin:4% auto !important;} .inquire div,.bottom .right img,.bottom h2.move,.chinesepage .gridding div,.chinesepage .rewards img,.chinesepage .rewards div{float:none} .bottom .right {text-align:center} .destop_show{display:none} .mobile_show{display:block} #acgi{background-image:url('images/ACGI Landing Page-bg.jpg')} #acgi .condition{padding-bottom:0px;background:#fff;box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2),inset 0px -190px 0px 0px rgba(89, 175, 255, 0.004);} #acgi .condition .otherwords{background:#59afff;padding:30px 0} #acgi .condition p.about{width:95% !important} #acgi .row .left_div{text-align:center} #acgi .row .middle_div{text-align:center} #acgi .row .right_div{text-align:center} #acgi h2{font-size: 1.5em; font-weight: bold; line-height: 33px;} #acgi .row .small-10{width:44.33333%} #acgi .row .small-1-1{width:45.33333%} #acgi .light{background:none} #acgi .contactinfo{margin-top:55px} #acgi .logo_title{margin-bottom:50px} #acgi .row .column_box_min p{margin-bottom:18px} /*.search{width:95%;margin:0 auto;float:none}*/ #toolbar{height:auto} #toolbar .menu{ height:auto; width:100%} #toolbar .menu .sns{width: 100%;} #toolbar .menu .search{ float: right; padding: 7px 16px 2px 15px;width: 95%;display: inline-block;} #___gcse_0 table.gsc-search-box td.gsc-input{padding-right:0px;} td.gsc-search-button { width:20% !important } .myaccount .row .myaccount_content .regbtn{position: absolute;width: 140px;height: 60px;display: block;cursor: pointer;right: 27px;bottom: 32px;z-index: 999;} .reveal-modal{margin-left: -190px !important;width: 355px !important;padding: 10px !important;} .homepayment { width: 355px; height: 166px;margin-top: -10px;} .qrcode{background: url(images/Business_QR-01-01.png) no-repeat;height: 250px;background-size: contain;} .reveal-modal-qrcode {visibility: hidden;top: 100px; left: 50%;margin-left: -140px;width: 245px;background-color: #fff;position: absolute;z-index: 101;padding: 20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);text-align: right;} #wonglandingpage #wonglandingpage_left{height:87%;display:block} #wonglandingpage #wonglandingpage_left #wonglandingpage_info{bottom:0} #wonglandingpage .div_button{display:block;height:13%} #wonglandingpage .div_button .btn_Submit{bottom:13%;left: 26%;} #wonglandingpage .div_button span{bottom:77%;left:10%} #wonglandingpage #wonglandingpage_left #wonglandingpage_info .tab_info{margin:0 auto} #wonglandingpage #wonglandingpage_left #wonglandingpage_info p{margin-left:2px;line-height:25px} #wonglandingpage #wonglandingpage_left #wonglandingpage_info .tab_info .td_title{padding-left:0px} .tab_distributor tr td input.searchbutton{padding:3px;width:auto;height:auto} .tab_distributor tr td.td_post{width:33%} .streamer{height:auto;} .streamer p {margin-top:2px} .streamer p .instructions{line-height:25px} .streamer .div_quotation{top:15%} .destop_banner{display:none;} .mobile_banner,.blog{display:block;} .edn_clearFix{width: 95%;display: block} .edn_articleDetails{width: 95%} #scrollbanner .bigbanner,#scrollbanner .banner_01 img,#scrollbanner .banner_02 img,#scrollbanner .banner_03 img,#scrollbanner .banner_04 img,#scrollbanner .banner_05 img{margin-bottom: 0px;width: 100%;height: auto;} #function_shortcut{width:94%;margin:0 auto;margin-bottom:25px;} #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{cursor: pointer; font-size:14px; height:auto; background-repeat:no-repeat; line-height:16px;text-align:center;margin-bottom: 10px;min-height:264px;margin: 30px auto;border: 1px solid #efeeec;border-radius: 10px;} #function_shortcut .title_box:hover{cursor: pointer; font-size:14px; float:left; height:auto; width: 100%;background-repeat:no-repeat; line-height:16px;text-align:center ;border: none;background:#59aee1;color:#ffffff} #function_shortcut img{cursor: pointer; color:#fff; line-height:16px;margin: 25px 0 18px 0;} #function_shortcut img.internet_service{width: 35%;} #function_shortcut img.carbon_update{width: 35%;} #function_shortcut img.power_gas{width: 35%;} #function_shortcut img.internet_service_hover{width: 31%; padding:8px 0;} #function_shortcut img.carbon_update_hover{width: 31%;padding:8px 0;} #function_shortcut img.power_gas_hover{width: 31%;padding:8px 0;} .selection_problems .selection span{padding-right: 2px; } #registerinterest,#request_callback{background-image: none; height: auto;position:none} #request_callback .bottom_content .problem{float:left;font-size:14px;font-weight:600;position:relative} #request_callback .bottom_content .form_data{margin-top:20px} #registerinterest .bottom_content .form_data input,#registerinterest .bottom_content .form_data select,#request_callback .bottom_content .form_data input,#request_callback .bottom_content .form_data select{width:100%;} #registerinterest .bottom_content .problem p,#request_callback .bottom_content .problem p{width:100%;margin-left:0px;margin-top:0px} #request_callback .bottom_content .problem h2{padding-left:0px} #request_callback .bottom_content .form_data .btn,.btn_reg_call{width:100%;text-align:center} /*#registerinterest .bottom_content .form_data .btn .btn_reg_call_disable,#registerinterest .bottom_content .form_data .btn .btn_reg_call{width: 90%; margin: 0 0 0 10%;} #registerinterest .bottom_content .form_data p{width: 90%; margin: 0 9% 0 1%;font-size:12px} .page_title{margin-left:4%}*/ .last_note p,.energy_price_fact_sheets .details_content table tr td p{padding-left:10px} .energy_price_fact_sheets .details_content table tr th{padding: 5px 16px 5px 5px;font-size:14px} .details_content .cotac{padding: 0 5px;} .navigation_path p{margin-left:4%;} /*#why_covau #who{height:300px;} #why_covau #what .what_box h2{position:absolute;left: 40%;top: 8%;} #why_covau #what .what_box p{left: 40%;top: 40%;font-size:16px;line-height: 21px;} #energyplans .energy_title,#why_covau #whychoose .why_box,#why_covau #what .what_box{margin:10px 0} #why_covau #whychoose .why_box{max-width:none;display:block;height:auto} #why_covau #whychoose .why_box .why_contetn_box{position:inherit;left:auto;top:auto} #why_covau #whychoose .true_box{background-image:none;} #why_covau #whychoose .more_box{background-image:none;} #why_covau #whychoose .more_box_biz{background-image:none;} #why_covau #whychoose .see_box{background-image:none} #why_covau #whychoose .simple_box{background-image:none;} #why_covau #whychoose .smart_box{background-image:none;} #why_covau #whychoose .smart_box_biz{background-image:none;}*/ #energyplans .energy_title img{margin-left:10px} #energyplans .energy_title_big img{margin-top: 19%;} #energyplans .energy_title h1,#energyplans .energy_title p{float:right;} #energyplans .energy_title p{top: 44%;left: 37%;width: 60%;} #energyplans .energy_title h1{top: 22%;left: 37%;} #energyplans .energy_title_big p{top: 43%;left: 37%;width: 63%;} #energyplans .energy_title_big h1{top: 23%;left: 37%;position: absolute;} .energy_price_fact_sheets .details_content table tr td.pdf_icon{padding:20px 30px} .energy_price_fact_sheets .details_content table tr td p{padding-left:10px;font-size:13px} .energy_price_fact_sheets .details_content table tr th{font-size:12px} .plans_btn a{float:none;margin:30px auto} .tab_distributor tr td.input_title{width:30%} #gas_plans .choiceState .choiceusers{text-align:center} #gas_plans .choiceState .sign_box{width:90% !important} #linkpage #sitemap ul li.second_title a{margin:10px 0;width:100%;display:block} .faults_table .faults_table_head{font-size:12px} #support_faults_content{padding: 30px 0.78em 30px 0.78em;} .support_faults_content .big_show{display:none} .support_faults_content .small_show{display:block;font-size:13px} .support_faults_content .small_show .first_title{margin: 5px 0;border: none;padding-bottom: 0;line-height: 30px;} .support_faults_content .small_show .faults_table_title{padding: 5px 5px 5px 10px;color: #666460;font-size: 14px;font-weight: bold;width:35%} #div_support .support_list .support_title{background-size: 100% 100%;margin:10px 0} #div_support .support_list .support_title p{font-size:21px} .tblconcessions{word-wrap: break-word;word-break: break-word;} ul ul, ul ol, ol ol, ol ul{margin:8px 0} table.tblconcessions tr td p{text-indent: 0px;} table.tblconcessions tr.text_left td ul{padding-left: 15px;} table.tblconcessions tr td.no-sort{font-size: 12px;padding:7px} table.tblconcessions tr td{padding:7px} #linkpage #sitemap ul li.first_title .price_sheet,#linkpage #sitemap ul li.first_title .gas_price,#linkpage #sitemap ul li.first_title .terms{padding-left:20px} #SignUp-Requirements .choiceState .sign_box{width:100%;} #SignUp-Requirements .choiceState .sign_box_big{width:100%;} #SignUp-Requirements .partcontact th,.customer_title{width:28%} #SignUp-Requirements .choiceState label{margin:10px 0} #SignUp-Requirements .AddressInfo table th{width:28%;padding-right:3px;padding-left:4px} #SignUp-Requirements .AddressInfo table td input, #SignUp-Requirements .NMI input,#SignUp-Requirements .AddressInfo table td select, .td_content input,.td_content select,.td_second input,.td_second select,.td_all input,.td_all select{width:86%} #SignUp-Requirements .search .ui-corner-right{border-top-right-radius:0px;border-right:none} #SignUp-Requirements .search{text-align:center;} #SignUp-Requirements .search .ui-button {padding: 7px 2px;display: inline-block;border-bottom: none;margin-bottom: -1px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-right: 1px solid #e1dfda;} #SignUp-Requirements .search .ui-corner-right{border-right:none} #SignUp-Requirements .search .ui-state-active { background: none;border: 1px solid #e1dfda;border-radius: 5px;border-bottom: none;margin-bottom: -2px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;} #SignUp-Requirements .search p.big {display:none} #SignUp-Requirements .search p.small{margin: 0} .ui-buttonset .ui-button{ margin-right: 0;} #signupcontents .contentpart #listinfo #concession .question{font-size: 14px;font-weight: 600;margin-left: 0.5% !important;padding: 10px 0;width: 59% !important;line-height: 12px;} #SignUp-Requirements .search span{font-size:13px} #SignUp-Requirements .choiceState .choiceusers{margin-left:10px} #SignUp-Requirements .signnavigation .destop_show{display:none} #SignUp-Requirements .signnavigation .mobile_show{display:block;font-weight:600} #SignUp-Requirements .detail_radio{width:94%;margin:20px auto;text-align:center} #SignUp-Requirements .detail_radio span.service_address{padding-right:20px;margin-left:0px} .td_title, .td_first{width:25%;padding-right:3px;padding-left:4px} .clickbtn a,.clickbtn input{margin:10px auto;display:block} .clickbtn #cancel_sign,.clickbtn .cancel_sign{float:none;display:none} .clickbtn .btn_continue{float:none;} .clickbtn .first{float:none} .clickbtn #a_back,.clickbtn .a_back{float:none;width:200px;} .column4step .qoute_step_box {float: none;margin-bottom: 50px;margin-top: 20px;display:block;max-width: 240px;margin: 10px auto;} .row .column_box-8 {text-align: center;float: none;padding: 1%;display:block;} .meterlist .icon_checked,#divSingleControlled .icon_checked,.meterlist .customer_check,#divSingleControlled .customer_check,#divControlledType .customer_check,#divControlledType .icon_checked {display:none} .metertype input{margin-left:5px;font-size:.95em;width:18%;margin-top: 18px;} .metertype .metertitle,.titleItem label{font-size:1.5em;word-break: break-word;width: 110px;} #divTimeType .divmeter, #divControlledType .divmeter, #divSingleControlled .divmeter, .titleItemBorder .divmeter{width:22%;margin-left:10px;margin-top: 20px;font-size:1em} .metertype img, .titleItem img{width: 39%;height: 100%;} .row .btnlist .backbutton,#signbtn_bottom .cancel_sign,#signbtn_bottom .next_sign,#signbtn_bottom .back_sign{margin: 10px auto} .row .btnlist .continuebutton,#signbtn_bottom .cancel_sign,#signbtn_bottom .next_sign,#signbtn_bottom .back_sign{float:none;display:block} .btnlist,#signbtn_bottom {text-align:center} #UsageValue #unit{font-size:1em} #Usage label,.titleItem label{top:12%} .titleItem .titletype3{top:21%} .contentpart .plancontent #planlist .planblock{width:100%;margin:10px 0} #signupcontents .contentpart #listinfo{margin-left:0px;padding-left:10px} #signupcontents .contentpart #listinfo #concession #rdoquestion{margin-left:10px;} #signupcontents .contentpart #listinfo #concession .question,#signupcontents .contentpart .plancontent .planqa #specialmedial .question{margin-left: -1px;line-height: 11px;width: 62% !important;float: left;font-size: 12px !important;text-align: left;} #signupcontents .contentpart .plancontent .planqa #specialmedial label{margin-bottom: 0.5em;width: 46px;} #signupcontents .contentpart #listinfo #concession{width:95%;text-align:center;height:auto} #signupcontents .contentpart .plancontent .planqa #specialmedial{font-size:14px;padding: 11px 0px 0 10px;text-align:center} #signupcontents .contentpart .plancontent .planqa{height:auto} .contentpart .signupcalculator #average .monthy, .contentpart .signupcalculator #average .payment{padding:10px;width:100%} .contentpart .signupcalculator #average label{margin-left:0px} .contentpart .signupcalculator #average .power{color: #0069a6;font-weight: bold;font-size: 20px;} #signupcontents .contentpart .plancontent .planqa_pfs{line-height: 22px;} #SignUp-Requirements .search p.small{display:none} .ui-buttonset{text-align:center;margin-right:0} #SignUp-Requirements .search span{font-size:12px} #SignUp-Requirements .search .ui-button span{padding:2px} #SignUp-Requirements .search .ui-state-active{padding:9px 5px} #signupcontents .contentpart .plancontent .planqa #specialmedial .ui-button{height: 28px;vertical-align: middle;padding-top: 0px;} #signupcontents .contentpart #listinfo .listinfo-div #choicepay .ui-corner-left{margin-left:0px !important} #signupcontents .contentpart #listinfo .listinfo-div #choicepay .ui-state-active{padding: 4px 20px 0px 29px;margin-bottom: -6px;background: url(images/tab.jpg) no-repeat;border: none;font-size: 14px;color: #000;display: inline-block;} #signupcontents .contentpart #listinfo .listinfo-div #choicepay .ui-button{padding: 6px 0px 0px 0px;} #signupcontents .contentpart .plancontent .planqa #specialmedial .ui-corner-left{margin-left:10px} #signupcontents .contentpart #listinfo .listinfo-div #choicepay .ui-button-text-only .ui-button-text{padding: 5px 10px;} .td_content .ddlcontact{width: 31%;} .td_content .txtcontact{width: 48.7%;} .planimage,.planimageselect{background-size: 100% 100%;width: auto;} .service_type{padding: 15px 0px 15px 35px;} #SignUp-Requirements .choiceState label.radio_text{width:69%} #SignUp-Requirements .choiceState label.radio_text span.icon_gaselec{left:4%} .plantable #features{width:auto} #signupcontents .contentpart #listinfo .listinfo-div .listinfo-tab tr .tdtitle, .tdtitle{width: 25%;font-size:1em;font-size: 100%;} .td_content_expiry select{width:38%} .plantable{margin:0} ul#nav li:hover > a, ul#nav li.current a{color: #59afe1;border-radius: 0px;border: none;font-weight: bold;line-height: 22px;} .table1 .billcontent{font-size:16px;} .table1 .restitle,.table1 td,.table1 .rescoltitle{padding-left:5px;font-size: 12px;text-align:center} .copyright p, .copyright p{text-align:center;float:none;font-size:12px} .contents{min-width:320px} header .logo{margin-left:5px} #refer-friend-banner{ min-height: 220px; background-size: cover; max-height: 360px; height: auto;} .refer-contact{margin-left: 60%;} .refer-icon{float: inherit; margin: 0 auto;display: table;} .refer-content{width: 100%;text-align: center;} .refer-content_s{width: inherit;float: inherit;text-align: center;margin-right: 0 ! important;} .refer-content_m{margin: 0;} .refer-content_s img{max-height: 120px;max-width: 120px;float: inherit;} .sign-up-online .row .row-content h2{font-size: 18px;} #pricefactsheet{font-size: 20px;text-align: center;} #pricefactsheet table{width:100%} #pricefactsheet table tr .distributor{padding: 5px 16px 5px 25px;} #pricefactsheet table tr .tarifftype{padding: 5px 16px 5px 25px;} #pricefactsheet table tr .tarifftype{padding: 5px 16px 5px 25px;} #pricefactsheet table tr .energyplan{padding: 10px 16px 10px 40px;} #pricefactsheet table tr .statement{padding: 5px 16px 5px 10px;} #pricefactsheet table tr th{padding:10px 16px 10px 30px} #pricefactsheet table tr td{text-align: left; padding: 5px 16px 5px 30px;} .cn_footer .last_col{text-align:center !important} .cn_footer .last_col img{margin-top:10px} .cn_footer{display:block !important} } @media only screen and (max-width:430px){ .v_show .bd div div, .v_show .draw{right: 5% !important;padding: 10px 3px !important;bottom: 5% !important;} .v_show .hd s{height: 580px !Important;} .v_show .hd span.gray_line{height: 48.5% !important;} .version .hd .date{margin-left: 47.7%;} .version .hd .further{margin-bottom: 11%;} .v_show .hd div.on{margin-left: 47%;} .v_show .bd div div, .v_show .show{width: 36% !important;} .v_show .bd div div, .v_show .winer{margin-left: 1% !important;margin-top: 9% !important;} .v_show .bd div div, .v_show .lucky{margin-right: 1% !important;margin-top: 31% !important;} .v_show .bd div div, .v_show .newlucky{left: 4% !important;top: 61.5% !important;padding: 10px 5px !important;} .v_show .bd div div, .v_show .game{margin-left:1% !important; margin-top:18% !important} .v_show .bd div div, .v_show .jan{margin-right: 1% !important;margin-top: 11.5% !important;} .v_show_eng .hd span.gray_line{height: 55% !important;} .v_show_eng .hd s{height: 580px !Important;} .v_show .bd div div, .v_show .show p,.v_show .bd div div, .v_show .show strong, .v_show .draw,.v_show_eng .bd div div, .v_show_eng .show p,.v_show_eng .bd div div, .v_show_eng .show strong, .v_show_eng .draw {line-height: 18px !important;font-size: 13px !important;} .v_show_eng .bd div div, .v_show_eng .winer{margin-left: 0% !important;margin-top: 8% !important;padding: 2px !important;} .v_show_eng .bd div div, .v_show_eng .lucky{margin-right: 0% !important;!im: 20%margin-top: 40% !important;margin-top: 33% !important;} .v_show_eng .bd div div, .v_show_eng .newlucky{top:62% !important;left: 2% !important;} .v_show_eng .bd div div, .v_show_eng .show{width: 39% !important;} .v_show_eng .bd div div, .v_show_eng .draw{right: 3% !important;padding: 10px 3px !important;bottom: 3% !important;} .v_show_eng .bd div div, .v_show_eng .jan{margin-right: 0% !important;margin-top:6% !important} .v_show_eng .bd div div, .v_show_eng .game{margin-left: 0% !important;margin-top:14% !important} .rewards .row .save .overplay_mobile_down{font-size: 16px !important;line-height: 20px !important;padding: 28% 0 !important;} .rewards .bottom_logo .mr_frbox .mr_frUl{margin:0 auto;padding: 17% 0 !important;} .rewards .cinemas .mr_frbox .mr_frUl{padding: 14.4% 0 !important;} .rewards .travel .mr_frbox .mr_frUl{padding: 16% 0 !important;} .rewards .lifestyle .mr_frbox .mr_frUl{padding: 15.9% 0 !important;} .rewards .bottom_logo h2{margin-top: 0.5em;line-height: 23px;font-size: 1em !important;} .banner_lay1 p{line-height:20px !important;margin:0% auto !important;} .contents{min-width:290px} .chinesepage .banner h1{width:90%;float:none;text-align: center !important;padding-left:0;margin: 0;padding-top: 2.3em;padding-right: 0;} .fix p{margin-top:25%;} .ui-buttonset{text-align:center;margin-right:0} #SignUp-Requirements .search span{font-size:12px} #SignUp-Requirements .search .ui-button span{padding:0} #SignUp-Requirements .search .ui-state-active{padding:9px 2px} } @media only screen and (max-width:380px){ .v_show .bd div div, .v_show .draw{bottom: 5.5% !important;right: 3% !important;padding: 10px 5px !important;} .v_show .hd span.gray_line{height: 54.5% !important;width: 0.9% !important;left: 50.25% !important;} .v_show .bd div div, .v_show .winer{margin-left: 3% !important;margin-top: 3% !important;} .v_show .bd div div, .v_show .lucky{margin-right: 0% !important;margin-top: 30% !important;} .v_show .bd div div, .v_show .newlucky{left: 3% !important;top: 62.5% !important;padding: 10px 5px !important;} .v_show .bd div div, .v_show .game{margin-left:1% !important;margin-top: 16% !important;} .v_show .bd div div, .v_show .jan{margin-right: 1% !important;margin-top: 9.5% !important;} .v_show .hd s{height: 528px !Important;width: 0.9% !important;} .v_show .hd div.on{margin-left: 46.6%;} .v_show_eng .bd div div, .v_show_eng .draw{bottom: 3% !important;right: 1% !important;padding: 1px 5px !important;} .v_show_eng .bd div div, .v_show_eng .winer{margin-left: 1% !important;margin-top: 7% !important;} .v_show_eng .bd div div, .v_show_eng .lucky{margin-right: 0% !important;margin-top: 29.5% !important;} .v_show_eng .bd div div, .v_show_eng .newlucky{top: 61% !important;left: 2% !important;} .v_show_eng .bd div div, .v_show_eng .jan{margin-right: 0% !important;margin-top:5% !important;padding:0 !important;line-height:20px !important} .v_show_eng .bd div div, .v_show_eng .jan p{line-height:16px !important} .v_show_eng .bd div div, .v_show_eng .game{margin-left: 1% !important;margin-top:13% !important} .rewards .bottom_logo .mr_frbox .mr_frUl{margin:0 auto;padding: 16.5% 0 !important;} .rewards .cinemas .mr_frbox .mr_frUl{padding: 13.8% 0 !important;;} .rewards .travel .mr_frbox .mr_frUl{padding: 15.5% 0 !important;} .rewards .lifestyle .mr_frbox .mr_frUl{padding: 15% 0 !important;} .rewards .shopping .mr_frbox .mr_frUl{padding: 16.8% 0 !important;} .rewards .row .save .overplay_mobile_down,.rewards .row .active .overplay_mobile_up,.rewards .row .redeem .overplay_mobile_up{font-size: 14px !important;line-height: 20px !important;padding: 35.777% 0;} .rewards .row .active .overplay_mobile_up{padding: 29.888% 0 !important;} } @media only screen and (max-width:360px){ .winner .refer .info .dot,.winner .share .info .dot{margin-left: 31% !Important;} .winner .refer .info .name_dot,.winner .share .info .name_dot{margin-left: 16% !Important;} .winner .refer .info .cus_dot,.winner .share .info .cus_dot{margin-left: 36% !Important;} .winner .refer .info .name,.winner .share .info .name{margin-left: 24% !Important;} .winner .refer .info .cus_number{margin-left: 42% !Important;} .v_show .hd div.on{margin-left: 46.5%;} .v_show .hd s{height: 615px !Important;} .v_show .hd span.gray_line{height: 55.2% !important;width: 0.955% !important;left: 50.01% !important;} .version .hd .date{margin-left: 47.2%;margin-bottom:23%} .version .hd .further{margin-bottom: 14%;} .v_show .bd div div, .v_show .show{width: 37% !important;padding:5px 2px} .v_show .bd div div, .v_show .winer{margin-left: 2% !important;margin-top: 12% !important;} .v_show .bd div div, .v_show .lucky{margin-right: 0% !important;margin-top: 44% !important;} .v_show .bd div div, .v_show .game{margin-left:1% !important;margin-top: 22% !important;} .v_show .bd div div, .v_show .jan{margin-right: 0% !important;margin-top: 17.5% !important;} .v_show .bd div div, .v_show .show p,.v_show .bd div div, .v_show .show strong, .v_show .draw {line-height: 18px !important;font-size: 13px !important;} .v_show .bd div div, .v_show .draw{bottom: 5% !important;right: 2% !important;padding: 10px 5px !important;} .v_show_eng .bd div div, .v_show_eng .newlucky{top: 62% !important;left: 2% !important;} .v_show_eng .bd div div, .v_show_eng .winer{margin-left: 1% !important;margin-top: 8.8% !important;} .v_show_eng .bd div div, .v_show_eng .lucky{margin-right: 0% !important;margin-top: 39% !important;} .v_show_eng .bd div div, .v_show_eng .draw{bottom: 3.7% !important;right: 2% !important;padding: 4px !important;} .v_show_eng .bd div div, .v_show_eng .jan{margin-right: 0% !important;margin-top:8% !important} .v_show_eng .bd div div, .v_show_eng .game{margin-left: 1% !important;margin-top:18% !important} .rewards .bottom_logo .mr_frbox .mr_frUl{margin:0 auto;padding: 16% 0 !important;} .rewards .cinemas .mr_frbox .mr_frUl{padding: 13.2% 0 !important;} .rewards .travel h2{font-size:11px !important} .rewards .travel .mr_frbox .mr_frUl{padding: 15.3% 0 !important;} .rewards .lifestyle .mr_frbox .mr_frUl{padding: 14.5% 0 !important;} .rewards .shopping .mr_frbox .mr_frUl{padding: 16% 0 !important;} .rewards .row .save .overplay_mobile_down,.rewards .row .redeem .overplay_mobile_up{font-size: 16px !important;line-height: 20px !important;padding: 31% 0;} .rewards .row .save .overplay_mobile_down{font-size: 14px !important;line-height: 20px !important;padding: 31.01% 0 !important;} .rewards .row .save_box table tr td.small-3{width: 14% !important;} .rewards .row .active .overplay_mobile_up{padding: 24.85% 0 !important;} .rewards .row .save_box table tr td.small-2{width: 22.66667%; !important} } @media only screen and (max-width:320px){ .winner .refer .info .dot,.winner .share .info .dot{margin-left: 34% !Important;} .winner .refer .info .name_dot,.winner .share .info .name_dot{margin-left: 17% !Important;} .winner .refer .info .cus_dot,.winner .share .info .cus_dot{margin-left: 39% !Important;} .winner .refer .info .name,.winner .share .info .name{margin-left: 24% !Important;} .winner .refer .info .cus_number{margin-left: 43% !Important;} .v_show .hd s{height: 565px !Important;} .v_show .hd div.on{margin-left: 46%;} .v_show .hd span.gray_line{height: 49.5% !important;width: 0.955% !important;left: 50% !important;} .v_show .bd div div, .v_show .winer{margin-left: 2% !important;margin-top: 10% !important;} .v_show .bd div div, .v_show .draw{bottom: 5% !important;right: 1% !important;padding: 10px 5px !important;} .v_show .bd div div, .v_show .newlucky{left: 3% !important;top: 61.5% !important;padding: 10px 5px !important;} .v_show .bd div div, .v_show .lucky{margin-right: 0% !important;margin-top: 44% !important;} .v_show .bd div div, .v_show .game{margin-left:1% !important;margin-top: 22% !important;} .v_show .bd div div, .v_show .jan{margin-right: 1% !important;margin-top: 14.5% !important;} .v_show_eng .hd .date{margin-left: 47.2%;margin-bottom: 25%;} .v_show_eng .bd div div, .v_show_eng .show p,.v_show .bd div div, .v_show_eng .show strong, .v_show_eng .draw {line-height: 18px !important;font-size: 12px !important;} .v_show_eng .bd div div, .v_show_eng .winer{margin-left: 1% !important;margin-top: 9% !important;} .v_show_eng .bd div div, .v_show_eng .lucky{margin-left: 1% !important;margin-top: 43% !important;} .v_show_eng .bd div div, .v_show_eng .draw{bottom: 7% !important;right: 3% !important;padding: 3px 2px !important;} .v_show_eng .bd div div, .v_show_eng .newlucky{top: 56% !important;left: 2% !important;} .v_show_eng .bd div div, .v_show_eng .jan{margin-right: 0% !important;margin-top:6% !important} .v_show_eng .bd div div, .v_show_eng .game{margin-left: 1% !important;margin-top:18% !important} .v_show_eng .draw strong{font-size:13px !important} .v_show_eng .hd div.on{margin-left: 46.1%;} .v_show_eng .hd span.gray_line{height: 46.2% !important;} .v_show_eng .hd s{height: 705px !Important} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards .sharecustomerreweards .small-8-2 p{margin:-3px auto !important} .zhouluckydraw_lp .zhouluckydraw_fourtyperewards .sharecustomerreweards .small-8-2 p img{max-width:100px !important} .rewards .bottom_logo .mr_frbox .mr_frUl{margin:0 auto;padding: 15% 0 !important;} .rewards .travel h2{font-size: 10px !important;} .rewards .cinemas .mr_frbox .mr_frUl{padding: 12.5% 0 !important;} .rewards .travel .mr_frbox .mr_frUl{padding: 14.2% 0 !important;} .rewards .lifestyle .mr_frbox .mr_frUl{padding: 13.2% 0 !important;} .rewards .row .save .overplay_mobile_down,.rewards .row .active .overplay_mobile_up,.rewards .row .redeem .overplay_mobile_up{ font-size: 14px !important; line-height: 20px !important; padding: 35% 0;} .rewards .row .active .overplay_mobile_up{padding: 27.955% 0 !important;} .rewards .row .save .overplay_mobile_down{font-size: 14px !important;line-height: 20px !important;padding: 34.9% 0 !important;} .rewards .row .save_box table tr td.small-3{width:13% !important} .rewards .row .save_box table tr td.small-2{ width: 22.66667%; !important} } /**end*/ /*Scoial bar styling*/ .social {position: fixed;top: 175px;z-index: 999; width:100px;} .social ul{margin-left: 8px !important;} .social ul {padding: 0;-webkit-transform: translate(-270px, 0);-moz-transform: translate(-270px, 0);-ms-transform: translate(-270px, 0);-o-transform: translate(-270px, 0);transform: translate(-270px, 0);} .social ul li {display: block;margin: 5px;background: rgba(0, 0, 0, 0.36);width: 285px;text-align: right;padding: 10px;-webkit-border-radius: 0 30px 30px 0;-moz-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .social ul li:hover {-webkit-transform: translate(110px, 0);-moz-transform: translate(110px, 0);-ms-transform: translate(110px, 0);-o-transform: translate(110px, 0);transform: translate(110px, 0);background: rgba(255, 255, 255, 0.4);} .social ul li a {color: #fff;text-decoration: none;} .social ul li:hover a {color: #000;} .social ul li:hover i {color: #000;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: all 1s; -moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .social ul li i {margin: 0 7px;color: #fff;padding: 10px 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 20px;height: 20px;font-size: 20px;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);} /*footer**/ .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;width: 15px;height: 15px;padding-top: 6px;margin-right: 5px;background: url(images/bottom_email.png) nso-repeat;padding-top: 0px;margin-top: 0px;} .south li .poboxaddress {background: url(images/bottom_add.png) no-repeat;} /***chinese page footer*****/ss .cn_footer{font-family:'Microsoft YaHei';padding-top:0px !important} footer.cn_footer{ padding: 30px 0 0 0 !important} .cn_footer .row div{display:inline-block} .cn_footer a#sup{font-size:18px;font-weight: normal;} .cn_footer a{color:#ffffff !important;font-family:'Microsoft YaHei';line-height:35px;font-size:16px;font-weight:lighter;display:block} .cn_footer a span{display:inline-block;background:url('images/LP-cn-footer-icon.png') no-repeat;width: 49px;height: 35px;vertical-align: top;} .cn_footer a span.tel{background-position:2px 0} .cn_footer a span.weiicon{background-position:-44px -1px} .cn_footer a:hover{text-decoration:none} .cn_footer .last_col{text-align:right} .cn_footer .last_col img{margin-top:-65px} /****end**/