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

body {
	color: #444;
	/*background-image: url(../img/background-1.png);
	background-repeat: repeat-x;
	background-color:#353535;*/
	background:#000;
	font-weight:300!important;
	line-height:1.5em!important;
	font-family:'Lato',Arial,sans-serif;
}

input:focus { outline:none!important} 

.clear{
	clear:both;
}

.clearLeft{
	clear:left;
}

.clearRight{
	clear:right;
}

.pngfix {
	behavior: url(css/iepngfix.htc);
}

.clearfix {
	zoom:1;
	*display:inline-block;
}

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	width:0px;
	height:0px;
	visibility:hidden;
  	font-size: 0; 
}

a {
	color: #d87b1f; text-decoration:underline;
}

a:hover {
	color: #d87b1f;
	text-decoration: underline;
}
a:hover, a:focus { color:#d87b1f}
a.button:hover { text-decoration:none}

p { line-height:1.5em!important; margin-bottom:5px}

h3 {
	color: #6c6c6c;
	font-size: 160%;
	margin-bottom: 1em;
	font-weight:300;
}

.banner {
	/*margin: 20px auto 0 auto;*/
	position: relative;
	border: 2px solid white;
}

.shadow {
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5)
}

.round-corner, .banner.round-corner img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:#fff;
	text-align:center;
}

.banner.round-corner img {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.round-corner-no-nw {
	-moz-border-radius: 0 10px 10px 10px;
	-webkit-border-radius: 0 10px 10px 10px;
	-ms-border-radius: 0 10px 10px 10px;
	border-radius: 0 10px 10px 10px;
}
.chptcha-img { margin:8px 0}




.row {
	margin-bottom: 20px;
	max-width: 58.750em;
}

.content-block {

	background-color:#fafafa;
	border: #FFFFFF solid 0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0) inset,  1px 1px 2px rgba(5, 5, 5, 0.3), 0 0px 0 rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 2px inset, rgba(5, 5, 5, 0.3) 1px 1px 2px, rgba(0, 0, 0, 0.6) 0px 0px 0px;
}

.content-block-none {
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	padding:10px 30px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}


.votebox {
	display: inline-block;
	clear: none;
	text-align: center;
	margin-bottom: 0.9375em;
	margin-right: 0.9375em;
	width: 30%;
}

.votebox img {
	margin-bottom: 10px;
}

/*button, .button { background-color:#919191; -webkit-box-shadow: 0 1px 0 rgba(145, 145, 145, 0.5) inset;box-shadow: 0 1px 0 rgba(145, 145, 145, 0.5) inset;border-color:#919191; margin:0}
button:hover, button:focus, .button:hover, .button:focus {
background-color:#e57000; -webkit-box-shadow: 0 1px 0 rgba(229, 122, 0, 0.5) inset;box-shadow: 0 1px 0 rgba(229, 122, 0, 0.5) inset; border-color:#e57000}
button:active, .button:active {
-webkit-box-shadow: 0 1px 0 rgba(145, 145, 145, 0.2) inset;
box-shadow: 0 1px 0 rgba(145, 145, 145, 0.2) inset; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { margin:0; font-weight:300}*/

.bold { font-weight:bold}
.red { color:#e57000 }
.row.none-m { margin-bottom:0}
.row.none-m2 { margin-bottom:10px}
.row.none-m3 { margin:0}
.notice { background:url(../img/notification_bg.jpg) 0 0 repeat-x #ff9723; padding:5px 30px; color:#000; text-align:center; font-size:14px; display:block; font-weight:300; line-height:16px}
.faq_question {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 18px;
    position: relative;
}
.faq_answer {
    color: #8A8A8A;
    font-size: 13px;
    line-height: 24px;
    padding-bottom: 18px;
    padding-top: 8px;
}
.tandc-1 {
    position: relative;
	line-height:18px;
}
.t-right { text-align:right; display:block; font-size:120%; font-weight:300}
.btn-refresh { background:url(../img/btn-refresh.png) no-repeat 0 0; width:24px; height:24px; text-indent:-99999px; display:block; margin-top:12px; margin-left:15px}
.btn-refresh a { cursor:pointer; display:block; height:24px}
.btn-refresh:hover { background-position:0 -24px; }
.copyright { text-align:center; font-size:12px}
.term-m { /*margin:10px 0 5px 0;*/ font-size:12px; margin:5px 0; line-height:16px; display:block}

form.custom .custom { width:25px; height:25px; display:none}
form.custom .hidden-field {
    margin-left: 0;
    position: relative;
    visibility: visible;
}

label { font-weight:300!important; font-size:1em}
.title-mm { margin-right:15px}
.title-m-top { padding-top:10px; padding-bottom:0}
a.terms-text:hover { text-decoration:underline}

.columns-none { padding-top:0; padding-bottom:0}
.columns-none-1 { padding-top:5px; padding-bottom:0}
.columns-none-2 { padding-top:10px; padding-bottom:15px}
.columns-none-3 { padding-top:10px; padding-bottom:0}
.columns-none-4 { padding-top:25px; padding-bottom:0}
.columns-none-5 { padding:0}
.recaptcha_widget { height:160px}
.button { /*margin-bottom:10px;margin-top:5px; margin-bottom:5px*/ }
.register-btn-b { background:#ff8510; border:1px #ff8510 solid}
.error_m { font-size:2.5em; text-align:center; margin-bottom: 15px; margin-top:10px; font-weight:300}

button.large, .button.large { font-size: 1em; padding:0.8em; font-weight:300}
hr { margin:0.7em 0 0.7em}

button, .button { font-weight:normal!important; padding-top:0.75em; padding-bottom:0.75em}

.columns-none-all { padding:0}
.columns-none-margin-lr { padding-top:0; padding-bottom:0}
.fee-box-m { background:#fff; margin-top:10px; margin-left:10px; margin-right:10px; text-align:center; /*box-shadow: 0px 0px 5px #888888;*/ border:2px #eaeaea solid; transition: background-color 300ms ease-out 0s; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; padding-bottom:10px; cursor:pointer}
.fee-box-m-none { border:none; margin-left:10px; margin-right:10px;}
.fee-box-m-none-all { border:none; margin:0px;}
.fee-box-m h2, .fee-box-m-none h2{ font-size:45px; margin:0 0 10px 0;; line-height:40px; font-weight:300; color:#f17201; padding-top:15px}
.fee-box-m span.dollar-m, .fee-box-m-none span.dollar-m { font-size:22px; line-height:25px; margin-right:5px}
.fee-box-m .day-con { width:100%; margin:8px 0; background:#f17201; padding:10px; color:#fff; display:block}


/*.pricing-table { border:none}*/

.pricing-heading {
border-bottom: 1px solid #e7e7e7;
padding:0;
text-shadow: 1px 1px 0 #fff;
font-size: 14px;
color: #999;
text-align: center;
/*-moz-box-shadow: inset 1px 1px 0 0 #fff;
-webkit-box-shadow: inset 1px 1px 0 0 #fff;
box-shadow: inset 1px 1px 0 0 #fff;*/
/*background:#fff;*/
font-weight:300;
}
.pricing-heading { position:relative}
.pricing-heading h2 { position:relative; width:100%}
.pricing-heading p { margin:0; margin-bottom:10px; font-size:14px}
.pricing-heading h2 .price-first-code { /*text-decoration:line-through; width:35%; float:left; text-align:right; font-size:25px; margin-top:18px; margin-right:5%*/ position:absolute; left:23%; font-size:25px;margin-top:18px;text-decoration:line-through; color:#CCC}
.pricing-heading h2 .code-u-code { width:100%; float:left;  display:block}

ul.pricing { margin-bottom:15px}
ul.pricing li {
list-style: none !important;
border-top: 1px solid #fff;
border-bottom: 1px solid #e7e7e7;
background: #f5f5f5;
background: -moz-linear-gradient(top, #f5f5f5 0%, #fefefe 7%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(7%,#fefefe), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #f5f5f5 0%,#fefefe 7%,#ffffff 100%);
background: -o-linear-gradient(top, #f5f5f5 0%,#fefefe 7%,#ffffff 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%,#fefefe 7%,#ffffff 100%);
background: linear-gradient(to bottom, #f5f5f5 0%,#fefefe 7%,#ffffff 100%);
padding: 5px 15px;
position: relative;
font-size: 14px;
line-height:22px;
color: #999;
text-shadow: none !important;
}
ul.pricing li.title { font-size:16px; font-weight:300; padding:7px 5px; color:#999; background:#eaeaea}
ul.pricing li.title-selected { background:#f17201; color:#fff;}

.pricing-table { margin-top:30px}
.pricing-table2 { margin:15px 0 35px 0}
.pricing-table .css-checkbox{
margin: 0;
position: relative;
bottom: 0px;
cursor: pointer;
margin-right:10px
}


.fee-box-m:hover { /*border:2px #F17201 solid*/}
.fee-box-m-selected { border:2px #F17201 solid}
.title-name, .title-name a { color:#000; font-weight:300}
.title-name a:hover { color:#F17201}
.title-name-2 { color:#000; font-weight:300}
.title-name-3 a{ color:#fff!important; font-weight:300; font-size:14px; text-decoration:none; margin:0 0 0 10px}
.title-name-3 a:hover { text-decoration:underline}
.submit-btn-m { text-align:center; margin-bottom:30px; padding-top:20px; margin-left:10px; margin-right:10px}
.text-width { width:100% }
.btn-face { border-radius:9px; border:none; height:40px; font-size:16px; color:#fff; cursor:pointer; 
background: #939393; /* Old browsers */
background: -moz-linear-gradient(top,  #939393 0%, #939393 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939393), color-stop(100%,#939393)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #939393 0%,#939393 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #939393 0%,#939393 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #939393 0%,#939393 100%); /* IE10+ */
background: linear-gradient(to bottom,  #939393 0%,#939393 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#939393',GradientType=0 ); /* IE6-9 */
}

.color-orange-m { color:#F17201}
.btn-face2 { background:#e9e9e9; color:#000!important}
.btn-face3 { background:#f69831; }
.btn-face4 { background:#8a989b; }
a.btn-face3:hover { background:#dc6323}
button:hover, button:focus, .button:hover, .button:focus { background-color:#d0d0d0; }
/*button.btn-face3:hover, button.btn-face3:focus, .button.btn-face3:hover, .button.btn-face3:focus { background-color:#dc6323 }*/

button.btn-face-orange, a.btn-face-orange { background:#f69831; color:#FFF; filter:none}
button.btn-face-orange:hover, button.btn-face-orange:focus, .button.btn-face-orange:hover, .button.btn-face-orange:focus { background-color:#dc6323; color:#FFF}
button.btn-face4:hover, button.btn-face4:focus, .button.btn-face4:hover, .button.btn-face4:focus { background-color:#4a595c; color:#FFF}
.btn-face-2 { border:none; height:40px; font-size:16px; color:#fff; margin-bottom:15px; margin-top:15px; font-weight:normal!important}
.btn-face-3 { border:none; height:32px; font-size:16px; color:#fff; margin-bottom:0; margin-top:0; font-weight:normal!important; margin-left:2%; font-size:12px}
.btn-face-4 { border:none; height:32px; font-size:16px; color:#fff; margin-bottom:0; margin-top:0; font-weight:normal!important; font-size:12px; border-radius:2px;}
.btn-face-5 { border:none; height:28px; font-size:12px; color:#fff; margin-bottom:0; margin-top:-4px; font-weight:normal!important; font-size:12px; border-radius:2px;}
.btn-face-6-pull { border:none; height:32px; font-size:16px; border: 1px solid #cccccc;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; margin:0 0 10px 0}
.btn-face-margin0 { margin-top:0; margin-bottom:0; width:100%}

.btn-face:hover, .btn-face:active, .btn-face:visited, .btn-face:focus { border:none!important}
h4.end-con { text-align:center}
.text-centre { text-align:center}
.end-con { margin-top:50px; margin-bottom:50px}

#footer {
	margin: 0 auto;
	margin-top:15px;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
	font-size: 14px;
	color: #666666;
	font-weight:300;
}

#footer .footer_link {
display: block;
color: #fff;
}

#footer .footer_link a {
text-decoration: none;
color: #fff;
}

#footer .footer_link a:hover { text-decoration:underline}

#footer .pccw {
display: block;
color: #fff;
}

.now-football-icon { margin:20px 0 0 0; text-align:center}
.main-banner-m { margin-bottom:15px; display:block}
.main-banner-m img { border-radius:10px; border:2px #fff solid;}

.reveal-modal { height:100%; width:80%; left:40%; margin-left:-30%; -webkit-overflow-scrolling:touch; overflow: auto;}

.login-msg { margin-top:20px!important}

.center { text-align:center}
.nowtv-logo { text-align:center; margin:30px 0 20px 0}
.color-org { color:#F17201; font-size:0.8em; text-align:right}
.now-text { font-size:1.3em}
.now-text2 { color:#fff}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { margin:0}
/* */
.check-mm { float:left; line-height:22px; margin-top:20px; display:block; width:100%}
.check-mm2 { margin-top:0}
.check-mm input { float:left}
.check-mm .text-check { float:left; margin-left:15px; margin-top:0px}
.reveal-modal { overflow:auto; padding:2.4em 1.25em 1.25em 1.25em}
.reveal-modal .close-reveal-modal { color:#F17201; right:15px!important; top:0!important; font-size:2.375em; font-weight:lighter}
a.close-reveal-modal { text-decoration:none}
.thing-mm { display:inline;}

.radio-mm { float:left; line-height:22px; margin-top:15px}
.radio-mm input { float:left; display:block}
.radio-mm .text-check { float:left; margin-left:15px; margin-top:-5px}

.now-tv-s { font-size:20px}


/* header */
#common_header {
    background-color: #000000;
    height: 32px;
    width: auto;
}
#common_header_content {
    color: #CCCCCC;
    font-family: Helvetica,Arial,"LiHei Pro",微軟正黑體,MS Gothic,sans-serif;
    font-size: 14px;
    height: 32px;
    line-height: 28px;
    margin: 0 auto;
    max-width: 860px;
}
#right_header {
    float: right;
    padding-top: 4px;
}
#right_header ul li {
    float: right;
    margin-right: 9px;
}
#common_header_content li {
    list-style: none outside none;
}
#common_header_content a {
    color: #CCCCCC;
    outline: medium none;
    text-decoration: none;
}

.plan-top-m { margin-top:25px}
.plan-top-m2 { margin-top:15px}
.plan-top-m .select-plan { background:#F17201; color:#fff; padding:5px 10px; margin-bottom:0px}
.plan-top-m .select-plan-note { font-size:12px}
.fee-text-m-fonts { font-size:16px; color:#444}
.card-style { margin-right:10px}
.card-style img { width:45px}

.header-m h4 { border-bottom: 1px solid #CCCCCC;color: #A6A6A6;font-size: 1.4375rem; margin-bottom:20px; font-weight:300;}
.header-m-line { border-bottom: 1px solid #CCCCCC;color: #A6A6A6; margin-bottom:15px; margin-top:15px}
.header-m h4.noline { border:none; font-weight:300;}
.bottom-footer { border-top: 1px solid #CCCCCC; margin-top:15px; font-weight:300;; padding-top:10px; text-align:right}
span.now {font-size: 130%;margin-right: 0.1em}

.orange-text { color:#dc6323!important}

.simple-demo #content-wrapper {
	background:url(../img/in/bkbk-m.png) top center no-repeat;
	height:2800px!important; /*width:320px!important;*/
	text-align:center
}

.simple-demo #content-wrapper { padding-top: 10px!important;}

.phone1-m { padding-right:20px; padding-top:10px; width:55%}
.phone2-m { padding-left:30px; padding-top:30px; width:55%}
.phone3-m { padding-right:30px; padding-top:30px; width:55%}

.title01-m { float: left; padding-left: 20px; padding-top: 100px; width:45%}
.title02-m { float: right; padding-right: 30px; padding-top: 100px; width:45%}
.title03-m { float: left; padding-left: 30px; padding-top: 100px; width:45%}

.text01-m { width:100%; padding:0 10px}
.text02-m { width:100%; padding:0 10px}
.text03-m { width:100%; padding:0 10px}

/* ---------------------------------------------------------------------------------------------------- */
/* Effects */

.effects
{
	margin:-0.75em !important;
}

.effect
{
	width:50%;
	border:0.75em solid white;
	float:left;
	background:rgba(0,0,0,0.065);
}

.effect_box
{
	display:block;
	width:100%; height:0;
	padding:0 0 100% 0;
}

.effect_box_opacity   { background:#606060}
.effect_box_scale     { background:#2b82d9}
.effect_box_rotate    { background:#d92b2b}
.effect_box_translate { background:#93ca3a}

.instro-bkbk { background:url(../img/in/bkbk-m.png) top center no-repeat; position:relative; overflow:hidden}
.intro-m-tt { margin-top:15px!important; display:block; position:relative}

/* ---------------------------------------------------------------------------------------------------- */

.image-picker.show-html.hidden-field { display:none}
.custom.dropdown.image-picker.show-html { display:none}
ul.thumbnails.image_picker_selector li .thumbnail, .thumbnail{ background:#d5d5d5;border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;border: 6px solid #d5d5d5!important; padding:0!important}
ul.thumbnails.image_picker_selector { overflow:visible!important; margin-top:10px!important}
ul.thumbnails.image_picker_selector img, .thumbnail.selected img { width:100%;border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;}
ul.thumbnails.image_picker_selector li { margin:0 auto 12px auto!important; cursor:pointer; float:none!important}
ul.thumbnails.image_picker_selector li .thumbnail.selected, .thumbnail.selected { background:#none!important; border: 6px solid #f17201!important;}
.fee-box-m-none.header-m.banner { margin-top:10px; margin-bottom:20px!important}

.sms-code-m { width:49%!important}
.update-code-selected { color:#000!important}
.pricing-table { position:relative;}
/*.code-u { display:none; text-decoration:none!important; color:#f17201!important; font-size: 40px!important; top:5%; left:65%; position:absolute}*/
.code-u { display:none; text-decoration:none!important; color:#f17201!important}
.popup-d { margin-bottom:10px;}
.popup-d2 { margin-bottom:8px;}

.label-m-left { margin-left:10px}
.payment-card { margin-left:20px; display:inline-block}


/* Jan */
#common_header {
	height: 32px;
	width: auto;
	background-color:#000;
	
	display: none;
}

#common_header_content {
	max-width: 860px;
	margin: 0px auto;
	height: 32px;
	font-family: Helvetica,Arial,"LiHei Pro",微軟正黑體,MS Gothic,sans-serif;
}

#common_header_content ul li {
	list-style: none;
	margin-right: 9px;
	font-size: 14px;
	color: #cccccc;
	line-height: 30px;
}

#common_header_content a.nowid {
	color: #f69831;
}



#left_header {
	float: left;
	/*width: 450px;*/
	padding-top: 2px;
	
}

#left_header ul li {
	float: left;
	margin-right: 9px;
}

#right_header {
	float: right;
	/*width: 490px;*/
	padding-top: 2px;
	
}

#right_header ul li {
	float: left;
	margin-right: 9px;
}

#common_header_content a {
	
	color: #cccccc;
	text-decoration: none;
	outline: none;
	
}

#common_header_content a.highlight {
	color: #ee9225;
}

#common_header_content a:hover {
	
	color: #ee9225;
	text-decoration: none;
	outline: none;
}




.content-wrapper {
	background: #fafafa;
/*	max-width: 960px;*/
	max-width: 862px;
	margin: 0 auto;
	border-radius: 10px;
	padding: 30px 0;
}

span.now {
	font-size: 130%;
	margin-right: 0.1em;
	line-height:0.1em
}

.top-menu {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.top-menu li {
	display: inline-block;
}

.top-menu a {
	display: inline-block;
	border-right: 1px solid #555;
	text-align: right;
/*	color: #fff;*/
	color: #000;
}

.top-menu a:last-child {
	border-right: none;
}

.top-menu a:hover {
	color: #f69831;
}

.top-menu li {
	list-style: none;
}


h2 {
  font-size: 1.8rem;
  color: #000;
  margin-bottom: 40px;
}


h3 {
  font-size: 1.4375rem;
  color: #A6A6A6;
  margin-bottom: 20px;
}

h4 a.button.tiny {
	font-size: 0.9rem;
    margin-top: 0;
/*	padding-top: 0.06em;
	padding-bottom: 0.06em;*/
	
	padding:  0.3rem 0.5rem 0.3rem;
}

.panel.callout {
	overflow: auto;
}

.button-row {
	padding-top: 20px;
}

input.remarks {
	margin-bottom: 5px;
}

p.remarks {
	color: #999;
}

.row.heading {
	margin-top: 40px;
}

.heading {margin-top: 40px; }
.heading2 {margin-top: 20px; }
.heading3 {margin-top: 10px; }

.row.heading:first-child {
	margin-top: 0;
}

.row.back {
	padding-bottom: 30px;
}

  .alert-box.caution {
    /*background-color: #FF9;*/
	background-color:rgba(198, 15, 19, 0.1);
    border-color: #c60f13;
    color: #c60f13; 
	padding: 0.6rem 2.5rem 0.6rem 3rem
	}
	
  .alert-box.caution i {
	  position: absolute;
	  left: 20px;
	  top: 10px;
  }


.back-link {
    display: block; 
	height: 35px;
	line-height: 30px;
}

.back-link > a {
	/*margin-left: 0.9375em;*/
	/*margin-left: 5px;*/
    padding-left: 16px ;
    background: url(../img/back-arrow.png) no-repeat center left;
	text-decoration:none
}

.list-link {
  margin: 1rem auto 1.8rem auto;
  /*margin-left: -1.375rem;*/
  /*margin-right: 0;*/
  margin-left:10px;
  margin-right:10px;
  padding: 0;
  list-style: none;
  overflow: hidden; 
  }
  .list-link > li {
    list-style: none;
    /*margin-left: 1.375rem;*/
    display: block; 
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ddd;
	
	}
  .list-link > li:last-child {
	border-bottom: 1px solid #ddd;
	}
    .list-link > li > * {
      display: block; }
	   .list-link > li > a {
      color: #333; 
/*    padding-right: 35px;*/
	  
	  }
	   .list-link > li > a:hover {
	  color: #f69831;
		background: #f6f6f6;
/*		color: #ff8000;*/
	  }
	  
	  
p.copyright {
    color: #fff;
    font-size: 0.8rem;
	padding: 15px 0;
}

img.icon-visa {
	width: 26px;
	margin-right: 10px;
}

img.device {
	/*margin-top: 10px;
	margin-bottom: 10px;*/
	margin-left:8px
}

.panel.callout {
    background: none repeat scroll 0 0 #fcf6f3;
    border-color: #f1d5c7;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
}

.error-msg-box h4 { color:#000!important; padding-bottom:10px!important}
.error-msg-box p { color:#000!important;}

.alert-box .close {font-size: 2.375em;}
input[type="file"], input[type="checkbox"], input[type="radio"], select { margin:5px 0 0 0}
.check-mm input[type="checkbox"] { margin:0}
.livechat { margin-left:5px; color:#FFF!important}

ul.title-radio-m { margin:0; padding:0}
ul.title-radio-m li { margin:0; padding:0; list-style:none; float:left; margin-right:12px}
.m-left-tittle1 { margin-left:9px}

[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {background-color:rgba(198, 15, 19, 0.1); border:1px #c60f13 solid;color: #c60f13; }

.detail-comment { margin-bottom:20px; margin-left:20px; margin-right:20px; text-align:left; line-height:22px; font-weight:300;}
.expandcontent span{display: none;}
.tttc-m { border:1px #ccc solid; height:150px; overflow:scroll; padding:10px; -webkit-overflow-scrolling:touch; overflow: auto;}
body.tttc-bk { background:none}
.tttc-bk .tttc-text { font-size:12px}
.checkout-color-t { color:#d87b1f}

/*.login-margin-all { margin-bottom:20px}*/

.now-login-mm { padding:0 25px 0 0}
.now-login-mm2 { padding:0}
.now-login-mm-bottom { margin-bottom:25px}
.now-login-mm h2 { margin:0; padding:0; color:#f17201; font-size:22px; margin-top:-10px; margin-right:10px}
.now-login-mm .title-11 { border-bottom:1px #ccc solid}
.now-login-mm .check-mm { margin:0; padding:0}
.now-login-mm .check-mm .text-check { width:85%!important}
.now-login-mm-1 { padding:0 0 0 25px!important}
.now-login-mm-2 { padding:0 0 0 8px}
.now-login-mm-3 { padding:0 8px 0 0}

.btn-face2.btn-face-5 { margin-top:0px}
.terminate-m { display:none; border-top:1px #cccccc solid}
.blue-t { color:#5384e1}
.width-w100 { width:100%}
.alert-box.radius.caution a, .list-link a { text-decoration:none!important}

h4.acc-title-mm { font-size:16px}
.my-acc-info-m { background:#f5f5f5; padding:15px; margin:0 10px 20px 10px}
.my-acc-info-m2 { background:#f5f5f5; padding:15px; margin:0 0 20px 0}
.my-acc-info-m3 { height:287px}
.service-left-line01 { padding-right:10px}
.service-left-line { border-left:1px #cccccc solid; padding-left:20px; padding-right:10px; height:50px}
.change-pw { margin-top:5px}


.box-bkbk input[type=checkbox]:not(old),
.box-bkbk input[type=radio   ]:not(old){
  width   : 30px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

.box-bkbk input[type=checkbox]:not(old) + label,
.box-bkbk input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -30px;
  padding-left : 30px;
  background   : url('../img/checks.png') no-repeat 0 0;
  line-height  : 30px;
}

.box-bkbk input[type=checkbox]:not(old):checked + label{
  background-position : 0 -30px;
}

.box-bkbk input[type=radio]:not(old):checked + label{
  background-position : 0 -30px;
}

.plan-radio-mm-t { position:absolute; margin:0!important; padding:0!important; width:0!important; display:block!important; width:30px!important; height:30px!important; }
.plan-radio-mm { position:absolute; margin:0!important; top:-15px; text-indent:-9999px; right:46%; z-index:1}
h2 .price-first { font-size:25px; margin:10px 0; color:#999; padding-top:15px}
h2 .price-first-dim { color:#f17201}
.pricing-heading h2 { margin:0; padding:0}
.pricing-heading p { padding:0 20px; font-size:16px}
.detail-icon img { margin-right:10px}
a.detail-icon { color:#999}

h2.pop-title-s { background:#f17201; color:#FFF; text-align:center; margin-bottom:10px; margin-top:10px!important}
#planModal p, #tncModal p, #thingModal p, #details p, #faqModal p { padding:5px 15px;}
#planModal p.list-s-pop { margin-left:15px}

ul.tnc-first-t li { list-style-type:decimal; margin-left:40px; font-weight:bold; margin-bottom:20px; padding-right:20px}
ul.tnc-first-t2 li { list-style-type:none; margin-bottom:30px; margin-left:20px; font-weight:normal; padding-right:20px}
ul.tnc-seconed-t li { list-style-type:lower-roman; margin:0; padding:0; font-weight:normal; padding-right:20px; line-height:22px; margin-bottom:10px}
ul.tnc-third-t li { list-style-type:lower-latin; margin:0; padding:0; font-weight:normal; padding-right:20px;line-height:22px; margin-bottom:10px}

h4.tnch4 { padding:0 10px 0 0; font-size:18px; font-weight:bold; margin-top:15px; margin-bottom:0}
ul.pop-list-style-m { list-style:decimal; padding-left:40px; padding-right:20px; margin-top:0}
ul.pop-list-style-m li { margin-bottom:10px; line-height:22px}
ul.pop-list-style-m2 { list-style:square!important; font-weight:bold; padding-left:40px}

.my-acc-info-m .detail-icon { margin:0; padding:0}
.my-acc-info-m .detail-icon img { margin-right:0; margin-top:-3px; display:block}

#howModal { padding:0; /*padding-top:15px*/}
.pop-register-btn { top:34%; position:absolute;}
.pop-subscribe-btn { top:66.5%; position:absolute}
.pop-img-center { text-align:center}





/*.width-862px { width:866px!important}*/

@media only screen and (max-width: 320px) {
	/*.reveal-modal { height:100%; width:100%; left:0!important; margin-left:0; top:0!important; position:fixed!important}*/
	.small-6.large-8.columns-none.columns-none-5 span{ float:right!important}
	.change-pw a { width:100%}
	.btn-face2.btn-face-5 { margin-top:-8px}
	.now-login-mm-2 { padding:0}
	.now-login-mm-3 { padding:0}
}

@media only screen and (min-width: 320px) {
	.title-name { text-align:right; margin-bottom:0px; float:right; font-size:20px; line-height:24px; margin-top:8px}
	.title-name-2 { text-align:right; margin-bottom:0px; float:right; font-size:20px; line-height:24px; margin-top:8px}
	.main-logo { text-align:left; float:left}
	.tnc { text-align:center}
	.pccw {text-align:center}
	.now-football-icon img { width:35%;-webkit-border-radius: 20px;
border-radius: 20px;}
	.columns-none-top { padding:20px 0 15px 0}
	.columns-none-left { padding-left:10px}
	.columns-none-right { padding-right:10px}
	.color-org { padding-right:10px; margin-bottom:12px}
	.check-mm .text-check { width:88%}
	.reveal-modal { top:0}
	
	.plan-top-m .select-plan { display:block; text-align:center}
	.fee-box-m-none h2.text-right-m { text-align:center}
	.small-6.large-8.columns-none-5 { text-align:right}
	
	.pricing-heading h2 .price-first-code { left:10%!important}
	h4.end-con { font-size:25px}
	.bottom-footer { text-align:center}
}

@media only screen and (max-width:480px) {
	.payment-card { width:100%; display:block}
	/*.reveal-modal { height:100%; width:100%; left:0; margin-left:0; top:0!important; position:fixed}*/
	.change-pw a { width:100%}
	.my-acc-info-m3 { height:auto}
	.now-login-mm-2 { padding:0}
	.now-login-mm-3 { padding:0}
}

@media only screen and (min-width:480px) {
	.pricing-heading h2 .price-first-code { left:25%!important}
	.my-acc-info-m3 { height:auto}
}

@media only screen and (max-width:640px) {
	.now-login-mm { padding:0}
	.service-left-line { border-left:none; padding-left:0; height:auto}
	.now-login-mm-2 { padding:0}
	.now-login-mm-3 { padding:0}
	.my-acc-info-m3 { height:auto}
	h2 .price-first, .pricing-heading p, a.detail-icon { text-align:left; padding-left:10px!important}
	h2 .price-first { font-size:16px; margin:0; padding:0; padding-top:10px; padding-bottom:5px}
	.pricing-heading p { font-size:14px; margin:0; padding:0; line-height:16px!important; margin-bottom:5px;}
	.plan-radio-mm { right:-2%!important}
	.fee-box-m{ text-align:left}
	a.detail-icon { font-size:12px}
	.detail-icon img { }
	ul.pricing { margin-bottom:5px}
	ul.pricing li.title { font-size:12px; padding:2px; text-align:left; padding-left:10px}
	.pricing-table { margin-top:20px; position:relative}
	
	.pricing-table { margin-bottom:0; padding-bottom:0}
	.pricing-heading { width:100%}
	.pricing-heading h2 { float:left; width:50%}
	.pricing-heading h2 .price-first {text-align:center; margin:0; padding:0; font-size:25px; padding:20px 20px 10px 20px}
	.pricing-heading p { float:left; width:50%; margin-top:20px; margin-bottom:10px; padding-right:10px}
	.pricing-content { width:50%; float:left; padding-right:10px}
	ul.pricing { margin-bottom:0}
	ul.pricing li.title { -webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px; border-bottom:none; text-align:center; padding:5px 0}
	.fee-box-m { text-align:center}
}

@media only screen and (min-width:640px) {
	/*.reveal-modal { height:auto!important; width:80%!important; left:40%!important; margin-left:-30%!important; top:10%!important; position:fixed!important}*/
	.reveal-modal { top:0}
}

@media only screen and (max-width: 768px) {
	.small-6.large-8.columns-none.columns-none-5 span{ float:right!important}
	.change-pw a { width:100%}
	.btn-face2.btn-face-5 { margin-top:-8px}
	.service-left-line { border-left:none; padding-left:0; height:auto}
	.now-login-mm-2 { padding:0}
	.now-login-mm-3 { padding:0}
	.my-acc-info-m3 { margin-bottom:0px}
}

@media only screen and (min-width: 768px) {
	.title-name { float:right!important; text-align:right!important; margin-top:22px!important; font-size:24px!important; margin-right:15px!important}
	.title-name-2 { float:right!important; text-align:right!important; margin-top:22px!important; font-size:24px!important; margin-right:15px!important}
	.main-logo { float:left!important; text-align:left!important}
	.tnc { text-align:left!important}
	.pccw {text-align:right!important}
	.now-football-icon img { width:30%!important;-webkit-border-radius: 25px!important;
border-radius: 25px!important;}
	.columns-none-top { padding:15px 0 15px 15px!important;}
	.submit-mm.large-centered { width:40%!important}
	.main-banner-m img { border:5px #fff solid;}
	.color-org { margin:0!important; padding:0!important; margin-bottom:12px!important}
	.check-mm .text-check { width:90%!important}
	.reveal-modal { height:auto!important; width:80%!important; left:40%!important; margin-left:-30%!important; top:40%}
	
	.fee-box-m-none h2.text-right-m { text-align:right!important}
	.small-6.large-8.columns-none-5 { text-align:left!important}
	.btn-face-5 { margin-top:0px}
	.
	.h2 .price-first-code { left:25%!important}
	/*.my-acc-info-m3 { height:316px}*/
	.my-acc-info-m3 { height:289px}	
	.pop-register-btn { position:absolute!important}
	.pop-subscribe-btn { position:absolute!important}
	.pop-register-btn .width-w100, .pop-subscribe-btn .width-w100 { width:80%}
	
	.pop-register-btn .btn-face, .pop-subscribe-btn .btn-face{ font-size: 32px; height: 80px;border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;}
}


@media screen and (min-width: 768px) {
	.my-acc-info-m2 { min-height:300px}
	.my-acc-info-m3 { margin-right:10px}
	.now-login-mm .check-mm .text-check { width:auto!important}
	
}
/*@media all and (-webkit-min-device-pixel-ratio: 1.5)
{
    input[type=checkbox]:not(old) + label, input[type=radio]:not(old) + label { background:url('../img/checks@2x.png') no-repeat 0 0}
}*/

.active {
    /*border: 1px solid red;*/
}

@media screen and (min-width: 320px) and (max-width: 640px) 
{
	.reveal-modal { height:100%!important; width:100%!important; left:0!important; margin-left:0; /*top:0!important*/}
	
	ul.thumbnails.image_picker_selector li .thumbnail, .thumbnail{ overflow:hidden}
	ul.thumbnails.image_picker_selector img, .thumbnail.selected img { width:160%; max-width:160%; margin-left:-35%}
	ul.thumbnails.image_picker_selector li .thumbnail.selected, .thumbnail.selected { overflow:hidden}
	h2.pop-title-s { font-size:22px; padding:5px 10px}

}

.columns-none-margin-lr.heading2 { margin-top:30px!important}


.lt-ie9 body { font-weight:normal}
.lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row.large-collapse .column,
.lt-ie9 .row.large-collapse .columns { padding: 0; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row .row.large-collapse { margin: 0; }
 
.lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.lt-ie9 .column.large-centered, .lt-ie9 .columns.large-centered { float: none; margin: 0 auto; }
 
.lt-ie9 [class*="column"] + [class*="column"]:last-child { float: right; }
.lt-ie9 [class*="column"] + [class*="column"].end { float: left; }

.lt-ie9 .large-1,
.lt-ie9 .row .large-1 { width: 8.33333%; }
 
.lt-ie9 .large-2,
.lt-ie9 .row .large-2 { width: 16.66667%; }
 
.lt-ie9 .large-3,
.lt-ie9 .row .large-3 { width: 25%; }
 
.lt-ie9 .large-4,
.lt-ie9 .row .large-4 { width: 33.33333%; }
 
.lt-ie9 .large-5,
.lt-ie9 .row .large-5 { width: 41.66667%; }
 
.lt-ie9 .large-6,
.lt-ie9 .row .large-6 { width: 50%; }
 
.lt-ie9 .large-7,
.lt-ie9 .row .large-7 { width: 58.33333%; }
 
.lt-ie9 .large-8,
.lt-ie9 .row .large-8 { width: 66.66667%; }
 
.lt-ie9 .large-9,
.lt-ie9 .row .large-9 { width: 75%; }
 
.lt-ie9 .large-10,
.lt-ie9 .row .large-10 { width: 83.33333%; }
 
.lt-ie9 .large-11,
.lt-ie9 .row .large-11 { width: 91.66667%; }
 
.lt-ie9 .large-12,
.lt-ie9 .row .large-12 { width: 100%; }

 
/*.lt-ie9 .row .large-offset-1 { margin-left: 6.25%; }
.lt-ie9 .row .large-offset-2 { margin-left: 12.5%; }
.lt-ie9 .row .large-offset-3 { margin-left: 18.75%; }
.lt-ie9 .row .large-offset-4 { margin-left: 25%; }
.lt-ie9 .row .large-offset-5 { margin-left: 31.25%; }
.lt-ie9 .row .large-offset-6 { margin-left: 37.5%; }
.lt-ie9 .row .large-offset-7 { margin-left: 43.75%; }
.lt-ie9 .row .large-offset-8 { margin-left: 50%; }
.lt-ie9 .row .large-offset-9 { margin-left: 56.25%; }
.lt-ie9 .row .large-offset-10 { margin-left: 62.5%; }
.lt-ie9 .row .large-offset-11 { margin-left: 68.75%; }
.lt-ie9 .row .large-offset-12 { margin-left: 75%; }
.lt-ie9 .row .large-offset-13 { margin-left: 81.25%; }
.lt-ie9 .row .large-offset-14 { margin-left: 87.5%; }
.lt-ie9 .row .large-offset-15 { margin-left: 93.75%; }
 
.lt-ie9 .pull-2 { right: 12.5%; }
.lt-ie9 .pull-3 { right: 18.75%; }
.lt-ie9 .pull-4 { right: 25%; }
.lt-ie9 .pull-5 { right: 31.25%; }
.lt-ie9 .pull-6 { right: 37.5%; }
.lt-ie9 .pull-7 { right: 43.75%; }
.lt-ie9 .pull-8 { right: 50%; }
.lt-ie9 .pull-9 { right: 56.25%; }
.lt-ie9 .pull-10 { right: 62.5%; }
.lt-ie9 .pull-11 { right: 68.75%; }
.lt-ie9 .pull-12 { right: 75%; }
.lt-ie9 .pull-13 { right: 81.25%; }
.lt-ie9 .pull-14 { right: 87.5%; }
.lt-ie9 .pull-15 { right: 93.75%; }
 
.lt-ie9 .push-2 { left: 12.5%; }
.lt-ie9 .push-3 { left: 18.75%; }
.lt-ie9 .push-4 { left: 25%; }
.lt-ie9 .push-5 { left: 31.25%; }
.lt-ie9 .push-6 { left: 37.5%; }
.lt-ie9 .push-7 { left: 43.75%; }
.lt-ie9 .push-8 { left: 50%; }
.lt-ie9 .push-9 { left: 56.25%; }
.lt-ie9 .push-10 { left: 62.5%; }
.lt-ie9 .push-11 { left: 68.75%; }
.lt-ie9 .push-12 { left: 75%; }
.lt-ie9 .push-13 { left: 81.25%; }
.lt-ie9 .push-14 { left: 87.5%; }
.lt-ie9 .push-15 { left: 93.75%; }*/
 
/* Nicolas Gallagher's micro clearfix */
.lt-ie9 .row { *zoom: 1; }
.lt-ie9 .row:before, .row:after { content: " "; display: table; }
.lt-ie9 .row:after { clear: both; }

.lt-ie9 .content-block { padding:25px 10px}
.lt-ie9 .header-m h4 { font-size:25px}
.lt-ie9 .small-3.columns, .lt-ie9 .small-8.columns { width:430px; margin:20px 0}
.lt-ie9 .small-8.columns .title-name-3 { text-align:right; margin-top:20px}
.lt-ie9 .pccw { text-align:right}
.lt-ie9 .pop-register-btn { position:absolute; top:34%}
.lt-ie9 .btn-face-orange.width-w100 { width:100%}
.lt-ie9 .pop-subscribe-btn { position:absolute; top:66%}

.lt-ie9 .large-11.small-centered { width:100%}

.lt-ie9 .red11 { border:1px red solid}
.lt-ie9 .text-check.term-m { width:150px!important}
.lt-ie9 .error { background:none!important}
.lt-ie9 .now-football-icon img { width:30%}
.lt-ie9 .columns-none-margin-lr.heading2 { margin-top:30px}

.lt-ie9 .alert-box { background:#f4e2e2; padding-left:45px}]
.lt-ie9 h4.end-con { font-size:25px}text-check term-m

.lt-ie9 .plan-radio-mm-t { position:absolute; top:-15px; left:45%}
.lt-ie9 .main-banner-m img { border:5px white solid}
.lt-ie9 .btn-face-orange { filter:none}
.lt-ie9 .check-mm .text-check.term-m { width:90%!important}
.lt-ie9 .large-4.main-logo { margin-top:20px; margin-bottom:20px}
.lt-ie9 .title-name.title-name-3 { text-align:right; margin-top:40px}
.lt-ie9 button.disabled { background-color: #f1f1f1!important;color: #c1c1c1!important;}

.lt-ie9 .now-login-mm .check-mm .text-check { width:80%!important}


.accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0 !important;
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    background: none repeat scroll 0 0 #e8e8e8;
}
.accordion .accordion-navigation > a, .accordion dd > a {
    background: none repeat scroll 0 0 #efefef;
    color: #222222;
    display: block;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif !important;
    font-size: 0.88889rem;
    padding: 70px 0;
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
    background: none repeat scroll 0 0 #e3e3e3;
}
.accordion .accordion-navigation > .content, .accordion dd > .content {
    display: none;
    padding: 0.83333rem;
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
    background: none repeat scroll 0 0 #ffffff;
    display: block;
}

.plan-bk-1 { background:url(../img/service-b1.png) center center no-repeat!important; text-indent:-9999px}
.plan-bk-2 { background:url(../img/service-b2.png) center center no-repeat!important; text-indent:-9999px}
.plan-bk-3 { background:url(../img/service-b3.png) center center no-repeat!important; text-indent:-9999px}

.accordion-navigation .content h2 { text-align:center; font-size:16px; padding:0; margin:0}
.accordion-navigation .content p { text-align:center; font-size:22px; padding:0; margin:5px 0 15px 0}
.accordion-navigation .content h3 { text-align:center; font-size:14px; padding:0; margin:0 0 10px 0}


button.disabled.secondary, button.secondary[disabled], .button.disabled.secondary, .button.secondary[disabled] {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    box-shadow: none;
    color: #a1a1a1;
    cursor: default;
    opacity: 0.3;
}

ul.remark-li li { padding-left:0px; margin-left:15px; list-style:square}

input[type="password"] {border :1px solid #cccccc !important}
.small-12.large-6.columns.columns-none-5 { padding-left:5px; padding-right:5px}