@charset "utf-8";
#mustprint { display:none; }

html {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif, 新細明體, 細明體;/*scrollbar-base-color: #cccccc;
	scrollbar-arrow-color: #999999;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-face-color: #cccccc;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-track-color: #cccccc;*/
}
.mainlogo {
	margin-right: 18px;
	margin-bottom: 18px;
	margin-left: 18px;
}
body {
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #ffffff;
	font-size: 100%;
	color: #666666;
	line-height: 130%;
	font-family: Arial, Arial Unicode MS, sans-serif, 微軟正黑, 新細明體, 細明體;
}
.body {
	font-family: Arial, Helvetica, sans-serif, 新細明體, 細明體;
	font-size:0.85em;
	color: #666666;
	line-height: 1.4em;
}
.body-red {
	font-family: Arial, Helvetica, sans-serif, 新細明體, 細明體;
	font-size: 12px;
	color: #FF0000;
	line-height: 140%;
}

 .Brand_Story {
    background-image: url("/mo/phone/MiniSite_Common/english/msg_box.png");
    background-position: left top;
    background-repeat: no-repeat;
    float: right;
    height: 150px;
    padding-top: 10px;
    width: 250px;
}
/*.caption_head {
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 1px;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	line-height: 12px;
}
.caption {
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 1px;
	font-size: 11px;
	color: #666666;
	line-height: 140%;
	margin-bottom: 5px;
}*/
.footer {
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 1px;
	font-size: 9px;
	color: #666666;
	line-height: 11px;
}
.remarks {
	font-size: 11px;
}
a.footlink:link {
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 1px;
	font-size: 9px;
	color: #666666;
	text-decoration: underline;
}
a.footlink:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 1px;
	font-size: 9px;
	color: #666666;
	text-decoration: underline;
}
a.footlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 1px;
	font-size: 9px;
	color: #666666;
	text-decoration: underline;
}
a.footlink:active {
	outline:none;
	-moz-outline-style: none;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 1px;
	font-size: 9px;
	color: #666666;
	text-decoration: underline;
}
a:link {
	color: #FF0000;
}
a:visited {
	color: #FF0000;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #FF0000;
	outline:none;
	-moz-outline-style: none;
}
a.whitelink:link, a.whitelink:visited, a.whitelink:hover, a.whitelink:active {
	color: #666666;
	text-decoration: none;
	outline:none;
	-moz-outline-style: none;
}
input.btn {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 12px;
	font-weight: bold;
}
#cellsubhead {
	text-align: center;
	padding: 5px;
}
li {
	padding-bottom:10px;
}
table.tbl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
	border-collapse: collapse;
}
table.tbl thead {
	background: #666666;
	color: #ffffff;
	font-weight: bold;
}
table.tbl tbody {
	background: #ffffff;
}
table.tbl td, table.tbl th {
	padding: 4px;
	margin: 4px;
	border: 1px #cccccc solid;
}

.redborder {
	border: 1px solid #cccccc;
}
.featuresheader {
	font-family: Arial, Helvetica, sans-serif, 新細明體, 細明體;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	line-height: 200%;
}
.featuresheaderb {
	font-family: Arial, Helvetica, sans-serif, 新細明體, 細明體;
	font-size: 1.1em;
	font-weight: bold;
	color: #666666;
	line-height: 140%;
}
.featuresbody {
	font-family: Arial, Helvetica, sans-serif, 新細明體, 細明體;
	font-size: 12px;
	color: #666666;
	line-height: 140%;
}
.featuresfooter {
	font-family: Arial, Helvetica, sans-serif, 新細明體, 細明體;
	font-size: 11px;
	color: #666666;
	line-height: 120%;
}
input.textfield {
	font-family: Arial, Helvetica, sans-serif, 新細明體, 細明體;
	font-size: 12px;
	color: #666666;/*background-color: #000000;*/
}
select {
	font-family: Arial, Helvetica, sans-serif, 新細明體, 細明體;
	font-size: 11px;
	color: #000000;/*background-color: #666666;*/
}
hr {
	color: #FF0000;
	height: 1px;
}
.cellbottomborder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.iconimg {
	padding-bottom: 5px;
	margin-bottom: 5px;
}
table.l1 {
	background-color:#CCCCCC;
}
table.l2 {
	background-color:#CCCCCC;
}
td.redborder1 {
	border: 1px solid #CCCCCC;
}
ul.big {
	font-size: 14px;
	font-weight: bold;
	list-style-image: url(/iPhone/v2/common/dot.gif);
	line-height: 180%;
}
.whybodytop {
	font-family: Arial, Helvetica, sans-serif, 新細明體, 細明體;
	font-size: 12px;
	color: #666666;
	line-height: 140%;
	background-color: #292929;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #990000;
	border-right-color: #990000;
	border-left-color: #990000;
}
.supportleft {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #990000;
}
.whybodybottom {
	font-family: Arial, Helvetica, sans-serif, 新細明體, 細明體;
	font-size: 12px;
	color: #666666;
	line-height: 140%;
	background-color: #292929;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
}
.bigtext {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	line-height: 130%;
}
.bigtext14 {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	line-height: 130%;
}
.bigtext-normal {
	font-size: 16px;
	color: #666666;
	line-height: 130%;
}
.big-red {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
.bigtext-red16 {
	font-size: 16px;
	line-height: 130%;
	font-weight: bold;
	color: #FF0000;
}
.bigtext-red18 {
	font-size: 18px;
	line-height: 130%;
	font-weight: bold;
	color: #FF0000;
}
td.acctop {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #990000;
	border-right-color: #990000;
	border-left-color: #990000;
}
td.accbottom {
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #990000;
	border-right-color: #990000;
	border-left-color: #990000;
}
td.footlinks {
	padding-right: 30px;
	padding-left: 30px;
}
#apDiv2 {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:700px;
	z-index:10;
	background-color: #666666;
	visibility: hidden;
}
#apDiv1 {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:700px;
	z-index:20;
	visibility: hidden;
}
/* i4S revamp */
table.nom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*margin: 1px;*/
	border: 1px #cccccc solid;
}
.nomcell{
	padding-top: 10px;
}
/*table.nom td, table.nom th { padding: 5px; margin: 5px; }*/
.home1 {
	background-image: url(/iPhone4S/common/img_why.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.home2 {
	background-image: url(/iPhone4S/common/img_plans.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.home3 {
	background-image: url(/iPhone4S/common/img_biz.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.home4 {
	background-image: url(/iPhone4S/common/img_setup.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;

}
.homebottomcell{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
table.home-cell2{
	 margin-bottom:10px;
	 border-left:1px #cccccc solid;
}
table.home-cell2 td{
	padding-left:10px;
	padding-right:10px;
}
table.home-cell1{
	 margin-bottom:10px;
}
table.home-cell1 td{
	padding-left:10px;
	padding-right:10px;
}
table.home-cell-why{
	border:1px #cccccc solid;
	margin-bottom:10px;
}
#largecontentLeft {
	font-size: 1.25em;
	margin-right: 10px;
	margin-top: 20px;
	height: auto;
}
#largecontentRight {
	font-size: 1.25em;
	margin-left: 10px;
	margin-top: 20px;
	height: auto;
}
table.whycells td{
	padding-top:10px;
}
/* Normal Table Class */
#tbl {
	margin-bottom: 20px;
	border-collapse: collapse;
	font-size:0.85em;
	line-height: 1.4em;
}
#tbl thead td {
	background: #939393;
	color: #FFFFFF;
	font-weight: bold;
}
#tbl tbody { background: #FFFFFF; }
#tbl td { padding: 5px; margin: 5px;  border: 1px #C8C8C8 solid; }
#tbl tr.bg2 { background: #F5F5F5; }

/* Cancel border for inner table */
#tbl table td { border: 0px; }
/* class used in remarkS */
.caption_head a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
}
.caption {
	padding-top: 2px;
	padding-left: 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #999999;
}
.caption ul {
	/*padding-bottom: 2px;*/
	padding-left: 1.2em;
	margin: 0px;
}
.caption ol {
	/*line-height: 1.2em;
	padding-top: 2px;*/
	padding-left: 1.2em;
	margin: 0px;
	/*
	list-style-position: inside;
	list-style-type: decimal;
	*/
}
.caption li {
	font-size: 0.75em;
	line-height: 1.5em;
}



/*class used in Single remark* - NO USING*/
.caption ul.nopt {
	list-style-type: none;
	margin-left: -15px;
	line-height: 1.2em;
}
.caption-nopad {
	font-family: Arial, Helvetica, sans-serif;
	/*text-indent: 1px;*/
	font-size: 0.75em;
	line-height: 1.5em;
	color: #999999;
	margin-bottom: 20px;
}
.caption-nopad ul {
	padding-left: 1.2em;
	padding: 2px;
	list-style-image: url(/common/list_dot.gif);
	list-style-position: outside;
	padding-left: 0px;
	margin: 0px;
}
.caption-nopad ul.nopt {
	list-style-type: none;
	margin-left: -15px;
}
.caption-nopad ol {
	font-size: 1em;
	line-height: 1.2em;
	/*padding: 2px;*/
	padding-left: 0px;
	margin: 0px;
	list-style-position: inside;
	list-style-type: decimal;
}
.caption-nopad li {
	font-size: 1em;
}
.redText {
	color: #FF0000;
}
a.a_gray, a.a_gray:link, a.a_gray:visited, a.a_gray:hover, a.a_gray:active {
	color: #666666;
	text-decoration: none;
}
.arrow {
	margin-right:5px;
	margin-top:3px;
	margin-bottom:3px;
}
/*END class used in Single remark* - NO USING*/
#table_remark {
	display: none;
}