@charset "utf-8";
/*文字，標題*/

body {
	/*110,90,75*/
	/*font-size: 90%;*/
	color: #000;
	font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

a {
	color:#0075b2;
	outline: none; /* for Firefox */
	 hlbr:expression(this.onFocus=this.blur()); /* for IE */
	text-decoration: none;
}
/*div.p-free{
	text-decoration: underline;
}*/

a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
h1 {
	font-size: 1.6em;
	color:#9d1d1e;
	font-weight: bolder;
	margin-bottom:0.5em;
}
h2 {
	font-size: 1.3em;
	color:#333;
	font-weight: bolder;
}
h3 {
	font-size: 1.3em;
	color:#0075b2;
	font-weight: bolder;
}
h4 {
	font-size: 1.4em;
	color:#333;
	font-weight: bolder;
}
h5 {
	font-size: 1.4em;
	color:#0075b2;
	font-weight: bolder;
	margin-bottom: 10px;
}
h5 .comment {
	font-size: .6em;
	color:#666;
	font-weight: normal;
	margin: 0 0 0 7px;
}
strong {
	color:#b20e03;
	font-weight: bold;
}
p.gray {
	color:#666;
}
p.orange {
	color:#e87800;
}
p.blue {
	color:#5e9cc4;
}
.red {
	color:#9d1d1e;
}

p.hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}
p.palm {
	color:#985e00;
}
p.top {
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	text-align: right;
	width:840px;
}

div.iconBig {
	height:66px;
	display: block;
	margin: 0 0 10px 0;
}
div.iconBig img {
	display: inline-block;
	float:left;
	margin: 0 20px 0 0;
}
div.iconBig h2 {
	display: inline-block;
	float:left;
	line-height: 66px;
}
/* Report
-------------------------- */

.formSection {
	background-color:#f1f1ee;
	/* [disabled]background-image: url(../images/formBg.gif);
*/
	background-repeat: repeat-y;
	font-size: 80%;
}
.formSection .formBlock {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 50px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.formSection h1 {
	font-size: 1.2em;
	color:#fff;
	font-weight: bolder;
	background-image: url(../images/formH1Bg.gif);
	line-height: 40px;
	padding-left: 25px;
	margin-bottom: 17px;
}
.formSection h2 {
	font-size: 1.1em;
	color:#222;
	background-image:url(../images/formIco.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	padding-left: 25px;
	margin-left: 25px;
	margin-bottom: 7px;
}
.formBlock p {
	margin: 3px 0 7px 0;
}
.formBlock label {
	width:50px;
	margin:0 7px 0 0;
	display: inline-block;
	text-align: right;
}
input.tf {
	background-image: url(../images/InputBg.gif);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c5c5c3;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c5c5c3;
	height: 25px;
	border-top-style: none;
	border-bottom-style: none;
}
input.tfs {
	background-image: url(../images/InputBg.gif);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c5c5c3;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c5c5c3;
	width: 40px;
	height: 25px;
	border-top-style: none;
	border-bottom-style: none;
}
.formBlock input.rb {
	margin:0 7px 0 0;
}
textarea.ta {
	background-color: #F7F6F1;
	border: 1px solid #C5C5C3;
	width:210px;
	height:120px;
}
.formBlock .reportContent {
	background-color: #CCC;
	padding: 7px;
	text-align: center;
	display:block;
}
.rbgTitle {
	text-align: center;
}
.rbgTitleBg {
	background-color: #F1F1EE;
	padding: 0 5px;
}
.rbgroup {
	border: 1px solid #CCC;
	padding: 1.5em .7em .7em .7em;
	margin-top: -1.5em;
}
.clearfix {
	display:block;
	clear:both;
}
.formSection .formBlock-List {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 33px;
	padding: 0;
	background-color:#ddd;
}
.formBlock-List a {
	text-decoration: none;
	color: #cd6f00;
}
.formBlock-List a:link {
	text-decoration: none;
}
.formBlock-List a:visited {
	text-decoration: none;
}
.formBlock-List a:hover {
	text-decoration: none;
}
.formBlock-List a:link {
	text-decoration: active;
}
.formBlock-List ul {
	margin: 0 17px 17px 17px;
}
.formBlock-List ul li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cd6f00;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #cd6f00;
}
.formBlock-List dd {
	display: table-cell;
	vertical-align: top;
	width:160px;
	margin: 0 7px 0 0;
}
.formBlock-List dt {
	display: table-cell;
	vertical-align: top;
	width:50px;
	text-align: right;
}
.formBlock-List p.pageNav {
	margin: 7px 17px 7px 17px;
}
.overlay p {
	margin:0 0 7px 0;
}
h2.must {
	color: #C00;
	text-decoration: underline;
}
.naviTable th {
	padding:3px 7px;
	background-color: #ddd;
}
.naviTable td {
	padding:3px 7px;
	background-color: #ddd;
}
.reportContent ul {
	width:200px;
}
.reportContent li {
	display:inline-block;
}
.reportContent dd {
	display: table-cell;
	vertical-align: top;
	width:100px;
	text-align: left;
	color:#e87800;
}
.reportContent dt {
	display: table-cell;
	vertical-align: top;
	width:60px;
	text-align: right;
}
/* Special Paragraph
-------------------------- */
div.p-free {
	background-image: url(../images/icon_free.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 80px;
	margin:10px 0 0 0;
	min-height:70px;
}
div.p-buy {
	background-image: url(../images/icon_buy.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 80px;
	margin:10px 0 0 0;
	min-height:70px;
}
div.p-coupon {
	background-image: url(../images/icon_coupon.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 80px;
	margin:10px 0 0 0;
	min-height:70px;
}
div.stepG01 {
	background-image: url(../images/step/stepG01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 55px;
	margin:10px 0 0 0;
	min-height:70px;
}
div.stepG02 {
	background-image: url(../images/step/stepG02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 55px;
	margin:10px 0 0 0;
	min-height:70px;
}
/* Tab Software
-------------------------- */

.tab ul.lys img {
	background-image: url(../images/tab-lys.gif);
}
.tab ul.lys .active {
	background-image: url(../images/tab-lys-over.gif);
}

.tab ul img {
	width:115px;
	height:31px;
}
.tab ul.software img {
	background-image: url(../images/tab-software.gif);
}
.tab ul.software .active {
	background-image: url(../images/tab-software-over.gif);
}
.tab #t1 {
	background-position: -115px top;
}
.tab #t2 {
	background-position: -230px top;
}
.tab #t3 {
	background-position: -345px top;
}
.tab #t4 {
	background-position: -460px top;
}
/**/
.tab ul.k img {
	background-image: url(../images/tab-k-out.gif);
}
.tab ul.k .active {
	background-image: url(../images/tab-k-over.gif);
}
.tab ul.k img#t0 {
	width:120px;
}
.tab ul.k img#t1 {
	width:150px;
	background-position: -120px top;
}
.tab ul.k img#t2 {
	width:115px;
	background-position: -270px top;
}
/* Tab Version
-------------------------- */
ul.version {
	display:block;
	background-image: url(../images/tab-version-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
ul.version img {
	width:160px;
	height:80px;
	background-image: url(../images/tab-version.gif);
}
ul.version img.active {
	/*background-image: url(../images/tab-version-over.gif);*/
}
ul.version #iphone {
}
ul.version #android {
	background-position: -160px top;
}
ul.version #win {
	background-position: -320px top;
}
ul.version #bada {
	background-position: -480px top;
}
ul.version #q {
	background-position: -640px top;
}
/* Tab Option
-------------------------- */
ul.option {
	background-repeat: no-repeat;
	float:right;
}
ul.option li img {
	width:135px;
	height:37px;
}
ul.option .iphone img {
	background-image: url(../images/tab_option-iphone.gif);
}
ul.option .iphone img.active {
	background-image: url(../images/tab_option-iphone-over.gif);
}
ul.option .android img {
	background-image: url(../images/tab_option-android.gif);
}
ul.option .SmartAndroid img.active {
	background-image: url(../images/tab_option-android-smart-over.gif);
}
ul.option .SmartAndroid img {
	background-image: url(../images/tab_option-android-smart.gif);
}
ul.option .android img.active {
	background-image: url(../images/tab_option-android-over.gif);
}
ul.option #t0 {
}
ul.option #t1 {
	background-position: -135px top;
}
ul.option #t2 {
	background-position: -270px top;
}
table.info {
	background-color: #FFF;
	margin:7px 0 7px 0;
}
table.info tr td {
	background-color: #eeeeee;
	padding:13px;
}
ul.info {
	background-color: #eeeeee;
	padding: 13px;
}
ul.info li {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 0 .7em 2em;
}
.wmBlock {
	font-size: .8em;
	margin:17px 0 17px 33px;
}
ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 2em;
}
ul.device {
	margin:7px 0 0 0;
}
ul.device li {
	margin:3px 0 7px 0;
}
ul.device img {
	margin:0 7px 0 0;
}
select.jm {
	width:300px;
	float:right;
	margin:0 0 17px 0;
	font-size: 1.3em;
}
ul.functionBtn {
	float:right;
	margin:29px 0 0 0;
}
ul.functionBtn img {
	height:60px;
	background-image: url(../images/footer-btn-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: top;
}
ul.functionBtn a:hover img {
	background-image: url(../images/footer-btn-on.gif);
}
ul.functionBtn #b0 {
	width:89px;
}
ul.functionBtn #b1 {
	width:87px;
}
ul.functionBtn #b2 {
	width:100px;
}
ul.functionBtn #b3 {
	width:86px;
}
ul.functionBtn #b4 {
	width:89px;
}
#footer;div#bottom {
	color:#66615c;
	font-size: 12px;
	text-align: right;
}

ul.nav{
	float:right;
	clear:right;
	margin:10px 0 0 0;
}
ul.nav img{
	height:38px;
	background-image: url(../images/nav_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.nav a img.active{
	background-image: url(../images/nav_over.gif);
}
ul.nav a:hover img{
	background-image: url(../images/nav_over.gif);
}


ul.nav img#n0{
	width:123px;
}
ul.nav img#n1{
	width:118px;
}
ul.nav img#n2{
	width:116px;
}
ul.nav img#n3{
	width:119px;
}
ul.nav img#n4{
	width:119px;
}
ul.nav img#n5{
	width:125px;
}



#top div.push{
	height:87px;
}
#top div.marquee{
	width:870px;
	padding:7px 30px 7px 50px;
	background-image: url(../images/ico_arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 30px center;
	font-size: 12px;
	color:#333;
}

div.tab ul.report img{
	width:115px;
	height:31px;
	background-image: url(../images/tab-report-out.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.tab ul.report img.active{
	background-image: url(../images/tab-report-over.gif);
}
div.tab ul.report img#t2{
	width:139px;
}

div.tab ul.member img{
	width:115px;
	height:31px;
	background-image: url(../images/tab-member-out.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.tab ul.member img.active{
	background-image: url(../images/tab-member-over.gif);
}
div.tab ul.member img#t0{
	width:78px;
}
div.tab ul.member img#t1{
	width:80px;
}
div.tab ul.member img#t2{
	width:113px;
}
div.tab ul.member img#t3{
	width:112px;
}
div.tab ul.member img#t4{
	width:112px;
}
div.tab ul.member img#t5{
	width:105px;
}

div.tab ul.about img{
	width:113px;
	height:31px;
	background-image: url(../images/tab-about-out.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.tab ul.about img.active{
	background-image: url(../images/tab-about-over.gif);
}

div.tab ul.about img#t0{
	width:112px;
}
div.tab ul.about img#t1{
	width:111px;
}
div.tab ul.about img#t2{
	width:128px;
}
div.tab ul.about img#t3{
	width:107px;
}


/*index*/

div.block {position:relative; padding:10px; background-color:#e6e5de}
.block .corner {position:absolute; display:block; width:16px; height:16px; background:url(/images/ui/section-corner.png) no-repeat}
.block .c-lt {left:0; top:0; background-position:0 0}
.block .c-lb {left:0; bottom:0; background-position:0 100%}
.block .c-rt {right:0; top:0; background-position:100% 0}
.block .c-rb {right:0; bottom:0; background-position:100% 100%}
div.left div.block {margin:0 30px 40px 30px}
div.right div.block {margin:0 0 40px 0}
div.left {float:left; width:710px}
div.right {float:left; width:240px}
div.left img.blockTitle {margin:0 0 7px 30px}


div.row4 {
	width:315px;
	display:table-cell;
}
div.row4 div.block {
	margin:0;
}
/**/
div#map {
	height:80px;
	padding:0;
	margin-bottom:45px;
}
div#map div.wrapper{
	position:absolute;
	margin:10px 0 0 10px;
}
div#map div.wrapper div.c{
	background-color: #FFF;
	padding:5px 10px 0 10px;
	height:33px;
}
div#map div.label{
	position:absolute;
	margin:-40px 0 0 580px;
}
div#map input{
	background-image: url(../images/index/input-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 27px;
	border: 1px solid #c5c5c3;
	width:500px;
	padding:0 10px;
}
div#update a{
	color: #333;
	text-decoration: none;
}
div#update div.w{
	display:table-cell;
	vertical-align:top;
	height:110px;
	text-align:center;
	background-image: url(../images/index/bg_update.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

div#update p.date{
	font-size:10px;
	color:#999999;
}

div#coupon{
	height:240px;
	margin-bottom:0;
}
div#coupon div.w{
	position:absolute;
}
div#coupon div.wrapper{
	float:left;
	height:220px;
	margin:0 7px 0 0;
}
div#coupon div.wrapper div.c{
	height:220px;
	background-color: #FFF;
	padding:0 10px;
	width:185px;
}
div#coupon div.label{
	position:absolute;
	margin:-50px 0 0 580px;
}

div#coupon p{
	font-size:.9em;
	color:#4a4a4a;
}
div#coupon p.date{
	font-size:10px;
	color:#999999;
	padding:3px 0 0 0;
}


div#coupon p.loc{
	float:right;
	background-color: #333;
	display:inline-block;
	padding:2px 4px;
	color: #FFF;
	width:37px;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	margin:0 0 3px 0;
}
div#coupon h1{
	font-size:1.05em;
	color:#467b9e;
	margin:7px 0 0 0;
}

p.more{margin:7px 20px 30px 0; padding:0 10px 0 0;	text-align:right}

div#news {margin-bottom:0; font-size:13px}
div#news .c {display:block; padding:10px; background-color:#FFF}
div#news .c li:before, div#news .c li:after {display:table; content:""}
div#news .c li:after {clear:both}
div#news .c li {position:relative; display:block; padding:7px 0 13px 0; list-style-type:none; border-top:1px solid #d5d5cc; *zoom:1}
div#news .c li:first-child {border:none}
div#news .c img {float:left; display:block; padding:0 13px 0 0}
div#news .c p {display:block; word-break:break-all}
div#news .c p a {font-size:12px; color:#467b9e; text-decoration:none}
div#news .c p.date {margin-bottom:8px; color:#999}
.date
{margin-bottom: 8px;
color: #999;
margin-left: 55px;
}
div#facebook div.c{
	background-color: #FFF;
	padding:0 10px;
}

div#banner img{
	margin:0 0 10px 0;
}

div.downloadList img{
	display:inline-block;
	margin-right:17px;
	float:left;
}
ul.rbList li input.rb{
	margin:0 13px 0 0;
}
ul.rbList{
	margin:0;
	padding:0 0 0 17px;;
}
ul.rbList li {
	margin:0;
	padding:0;
}
table.download{
	background-color:#FFF;
	font-size: .9em;
}
table.download td{
	padding:4px;
	background-color: #e3e3e3;
}
table.download th{
	padding:4px;
	background-color: #97c0a2;
	color: #FFF;
	font-weight: bold;
}

ul.square{
	list-style-type: disc;
	list-style-position: inside;
}
.blue{
	color: #0075b2;
}
div.infoBlock{
	background-color: #eeeeee;
	width:785px;
	background-image: url(../images/download/infoBlock_b.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin:0 0 17px 17px;
	padding:0 0 17px 0;
}
div.infoBlock p{
	padding:3px 33px;
}
div.infoBlock h1{
	background-image: url(../images/download/infoBlock_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:1.2em;
	color: #333;
	font-weight: bold;
	padding:17px 27px 3px 33px;
}
div.infoBlock h1.red{
	color:#9d1d1e;
	margin:0;
}
div.panelBlock {
	background-image: url(../images/icon_coupon.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 100px;
	margin:10px 0 23px 0;
	min-height:70px;
}
div.panelBlock h2{
	font-size:1em;
}
div#p-Android {
	background-image: url(../images/download/ico_android.gif);
}
div#p-WM {
	background-image: url(../images/download/ico_win.gif);
}
div#p-PND {
	background-image: url(../images/download/ico_pnd.gif);
}
ul.moreList li a{
	text-decoration: none;
	color: #111;
}
ul.moreList li{
	width:140px;
	padding:0 27px 0 0;
	display:table-cell;
	text-align:center;
}
ul.moreList li img{
	display:block;
	margin:0 auto;
}

div.sidebar{
	float:right;
	width:210px;
	margin:0 40px 0 0;
}

div.bookBlock{
	width:610px;
	min-height:170px;
	background-image: url(../images/download/bookBlock_b.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin:0 0 17px 0;
}
div.bookBlock h1{
	background-image: url(../images/download/bookBlock_a.gif);
	display: block;
	padding:13px 13px 7px 150px;
	background-color: #E7E8E0;
	background-position: left top;
	font-size:1.1em;
	background-repeat: no-repeat;
}

div.bookBlock img.book{
	position:absolute;
	margin:20px 0 0 20px;
	padding:0 0 20px 0;
	background-image: url(../images/download/book_s.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding:0 0 17px 0;
}
div.bookBlock span.update{
	position:absolute;
	z-index:99;
	margin:3px 0 0 100px;
	background-image:url(../images/download/update-bg.png);
	height: 15px;
	width: 21px;
	padding:10px 7px;
	text-align:center;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	line-height: 10px;
}
div.bookBlock .btn{
	position:absolute;
	margin:-40px 0 0 530px;
}
div.bookBlock p{
	margin:0;
	font-size:1.1em;
	white-space: normal;
	width: 450px;
	padding-top: 0;
	padding-right: 13px;
	padding-bottom: 0;
	padding-left: 150px;
	word-break:break-all;
}
div.bookBlock p.comment{
	color:#a87112;
	font-size:.8em;
	margin:13px 0 0 0;
}
div.sideBlock{
	padding:7px 13px;
	background-color:#f1f1ee;
	width:184px;
	font-size:.8em;
}

div.article{
	width:840px;
	margin:1em 0 0 0;
}
div.article h2 {
	margin:.5em 0 0 0;
}
div.article p {
	font-size:1.1em;
	margin:0 0 1em 0;
}
div.article hr{
	width:840px;
	height:20px;
	margin:0 0 7px 0;
	background-image: url(../images/bg_dot.gif);
	background-repeat: repeat-x;
	background-position: center center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

ul.table{
}
ul.table li{
	display:table-row;
}
ul.table li.th dt{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #f1f2ed;
}
ul.table li.th dd{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #f1f2ed;
}
ul.table dt{
	display:table-cell;
	vertical-align:middle;
	padding:7px 17px 7px 7px;
}
ul.table dd{
	display:table-cell;
	vertical-align:middle;
	padding:7px 17px 7px 7px;
}
ul.table li dd.s{
	font-size:.9em;
	color:#666;
}
ul.table dt img{
	width:30px;
	height:30px;
}

ul.table li.even dt{
	background-color: #fbfbfb;
}
ul.table li.even dd{
	background-color: #fbfbfb;
}
ul.milestone li{
	display:table-row;
	width:840px;
}
ul.milestone li dt{
	padding:13px 0 13px 0;
	display:table-cell;
	width:120px;
	color:#93af34;
	font-size:1.5em;
	line-height:1em;
	vertical-align:top;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cdcdcd;
	letter-spacing :-2px;
}
ul.milestone li dd{
	width:740px;
	padding:13px 0 13px 13px;
	display:table-cell;
	background-image: url(../about/about/milestone-dd-bg.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cdcdcd;
}

ul.reportDetail{
	color:#575757;
}

ul.reportDetail li{
	display:table-row;
	width:400px;
}
ul.reportDetail li dt{
	display:table-cell;
	width:150px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f1f1ee;
	padding:3px 0;
	text-align:right;
}
ul.reportDetail li dd{
	display:table-cell;
	width:250px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f1f1ee;
	padding:3px 0 3px 33px;
}

ul.reportReply{
	font-size:1.2em;
	width:340px;
	margin:17px 0 0 23px;
}
ul.reportReply li{
	display:table-row;
	width:200px;
}
ul.reportReply li dt{
	display:table-cell;
	width:80px;
	padding:3px 0 7px 0;
}
ul.reportReply li dd{
	display:table-cell;
	padding:3px 0 7px 0;
}


ul.reportList{
	margin:0 0 0 20px;
}
ul.reportList li{
	display:table-row;
	width:840px;
}
ul.reportList li dt{
	display:table-cell;
	width:150px;
	padding:7px 0 7px 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f1f1ee;
}
ul.reportList li dd{
	display:table-cell;
	padding:7px 0 7px 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f1f1ee;
}
ul.reportList li dd.a{
	width:350px;
}
ul.reportList li dd.b{
	width:130px;
}
ul.reportList li dd.c{
	width:110px;
}
ul.reportList li.th dt{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #f1f2ed;
}
ul.reportList li.th dd{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #f1f2ed;
}

h2.arrowGreen{
	background-image: url(../images/arrow_green.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding:0 0 0 30px;
}

input.tfEmail{
	background-image: url(../images/index/input-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 27px;
	border: 1px solid #c5c5c3;
	width:300px;
	padding:0 10px;
}

div.newsDetail{
	margin:0 0 0 70px;
	width:750px;
	font-size:1em;
}
div.newsDetail p{
	margin:0 0 7px 0;
}

ul.newsNav{
	margin:47px 0 0 0;
	width:770px;
	display:table;
}
ul.newsNav li{
	display:table-row;

}
ul.newsNav li dt{
	display:table-cell;
	padding:7px 30px 7px 0 ;
	width:100px;
	color:#e87800;
}

ul.newsNav li dd{
	display:table-cell;
	padding:7px 30px 7px 0 ;
}

ul.newsNav li.prev dt{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
ul.newsNav li.prev dd{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

div.row2{
	display:table-cell;
	vertical-align:top;
	padding:13px 0 23px 0;
}

div.row3{
	display:table-cell;
	vertical-align:top;
	padding:0 57px 62px 0;
	width:245px;
}
div.row3 img.top{
	position:absolute;
}
div.row3 img.screen{
	margin:17px 0 0 0;
	padding:10px 10px;
	background-image: url(../images/products-live/screen-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.row3 p{
	height:7em;
}

div.row3 h2{
	display:table-cell;
	padding:0 0 17px 70px;
	vertical-align:middle;
	height:70px;
}


div.productPanel{
	background-repeat: no-repeat;
	background-position: left top;
	margin:13px 0 23px 0;
	width:840px;
	height:225px;
}

div.productPanel h4{
	padding:13px 0 0 27px;
	position:absolute;
}
div.productPanel ul{
	font-size:.9em;
	display:table-cell;
	width:240px;
	vertical-align:top;
	color:#555;
	padding:57px 23px 0 0;
}
div.productPanel ul li{
	list-style-position: outside;
	list-style-type: disc;
	margin:0 0 0 2em;
}
div.productPanel img.btnMore{
	margin:13px 0 0 690px;
	position:absolute;
}

div.submenu{
	position:absolute;
	margin:73px 0 0 200px;
	display:none;
	z-index:999999;
}
div.submenu ul{
	background-image: url(../images/submenu-b.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0 7px;
}
div.submenu ul li {margin:0 2px 0 0}
div.submenu ul li a{display:block; padding:2px 3px; color:#777; text-decoration:none}
div.submenu ul li a:hover {background-color:#aac238; color:#fff; text-decoration:none}
div.panel{
	width:413px;
	height:159px;
	display:table-cell;
	float:left;
	margin:0 13px 23px 0;
	font-size:.9em;
	background-image: url(../images/report/p0.gif);
	vertical-align:middle;
}
div.panel a{
	color:#333;
}
div.panel h2{
	margin:33px 0 0 150px;
}
div.panel p{
	margin:3px 0 0 150px;
}

div.faq p{

}

div.faq span.q{
	padding:7px 7px 7px 37px;
	background-color: #f2f1ee;
	background-image: url(../images/ico-q.gif);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	display:block;
}
div.faq span.active{
	padding:7px 7px 7px 37px;
	color:#639000;
	background-color: #f2f1ee;
	background-image: url(../images/ico-q.gif);
	background-position: 10px center;
	background-repeat: no-repeat;
	display:block;
}
div.faq span.a{
	color:#639000;
	padding:7px 7px 7px 37px;
	background-image: url(../images/ico-a.gif);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	display:block;
}

div.faq span a{
	color: #000;
	text-decoration: none;
}
div.faq span a:hover{
	text-decoration: underline;
}


div.pageNav{
	width:640px;
	text-align:center;
}
div.pageNav a{
	color:#333;
	display:inline-block;
	padding:3px 5px;
	border: 1px solid #CCC;
	text-decoration: none;
}
div.pageNav span{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*120418  新增 for .NET*/

.formBlock div.radioList{
	border: 1px solid #CCC;
	padding: 1.5em .7em .7em .7em;
	margin-top: -1.5em;
}
.formBlock div.radioList label {
	width:auto;
	padding:0 0 0 7px;
	display: inline-block;
	text-align: left;
}

table.reportList{
	margin:0 20px 0 20px;
	width:820px;
}
table.reportList tr{
	display:table-row;
}
table.reportList tr td{
	display:table-cell;
	padding:7px 0 7px 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f1f1ee;
}
table.reportList tr th{
	display:table-cell;
	padding:7px 0 7px 20px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #f1f1ee;
}

table.reportList tr th.a{
	width:60px;
}
table.reportList tr th.b{
	width:130px;
}
table.reportList tr th.c{
}
table.reportList tr th.d{
	width:130px;
}
table.reportList tr th.e{
	width:110px;
}

table.reportList tr td.a{
	width:60px;
}
table.reportList tr td.b{
	width:130px;
}
table.reportList tr td.c{
}
table.reportList tr td.d{
	width:130px;
}
table.reportList tr td.e{
	width:110px;
}



/* Add */
/* ----------------------------------------------------
 * Layout
 * ---------------------------------------------------- */
.content {float:left; width:580px}
.content.full {float:none; width:100%}
.side {float:right; position:relative; width:240px}
.side .block {margin-bottom:40px; padding:8px; background-color:#e6e5de}
.side .block:first-child {margin:0}
.side .block h2 {}
.side .block .block-content {padding:10px; background:#fff; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px}
.side .block .list-dot {margin:0 0 0 20px}
.list-dot {margin:10px 0 10px 20px; list-style:disc}
.list-dot li {margin:5px 0}
.list-title {font-size:15px; color:#f60}
.col2 {width:47%}
.col3 {float:left; display:block; width:33%}


/* ----------------------------------------------------
 * Navigator
 * ---------------------------------------------------- */
ul.nav{clear:right; float:right; margin:10px 0 0 0}
ul.nav img{float:left; display:block; height:38px; background:url(/images/ui/nav-off.png) 0 0 no-repeat}
ul.nav a img.active{background-image: url(/images/fui/nav-over.png)}
ul.nav a:hover img{background-image: url(/images/ui/nav-over.png)}
ul.nav img#n0, ul.nav img#n1, ul.nav img#n2, ul.nav img#n3, ul.nav img#n4, ul.nav img#n5 {width:144px}


/* ----------------------------------------------------
 * Tabs
 * ---------------------------------------------------- */
.tab .products {}
.tab .products li {float:left}
.tab .products li a {display:block; margin-left:6px; width:109px; height:31px; background:url(/images/ui/tabs-products.png) no-repeat}
.tab .products .tab1 {background-position:0 0}
.tab .products .tab2 {background-position:-109px 0}
.tab .products .tab3 {background-position:-218px 0}
.tab .products .tab4 {background-position:-327px 0}
.tab .products .tab5 {background-position:-436px 0}
.tab .products .tab6 {background-position:-545px 0}
.tab .products .tab1:hover,
.tab .products .tab1.active {background-position:0 100%}
.tab .products .tab2:hover,
.tab .products .tab2.active {background-position:-109px 100%}
.tab .products .tab3:hover,
.tab .products .tab3.active {background-position:-218px 100%}
.tab .products .tab4:hover,
.tab .products .tab4.active {background-position:-327px 100%}
.tab .products .tab5.active {background-position:-327px 100%}
.tab .products .tab5:hover,
.tab .products .tab5.active {background-position:-436px 100%}
.tab .products .tab6:hover,
.tab .products .tab6.active {background-position:-545px 100%}

ul.version {display:block;  background:url(/images/products/common/tab-version.png) repeat-x 0 -160px}
ul.version img {width:160px; height:80px; background:url(/images/products/common/tab-version.png)}
ul.version #iphone {background-position:0 0}
ul.version #android {background-position:-160px 0}
ul.version #win {background-position:-320px 0}
ul.version #wp {background-position:-480px 0}
ul.version #win8 {background-position:-640px 0}
ul.version #iphone.active {background-position:0 center}
ul.version #android.active {background-position:-160px center}
ul.version #win.active {background-position:-320px center}
ul.version #wp.active {background-position:-480px center}
ul.version #win8.active {background-position:-640px center}

#stepnav {margin:20px 0; width:100%}
#stepnav li {float:left; background-color:#eee; background-image: url(/images/ui/stepnav.png); background-repeat: no-repeat; background-position:100% 0; height:40px; line-height:40px; list-style:none}
#stepnav li:first-child {-webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px}
#stepnav li.stepnavNoBg,
#stepnav li:last-child {-webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0}
#stepnav li.current {background-color:#90c31f; background-position:100% -40px}
#stepnav li.lastDone {background-color:#666; background-position:100% -80px}
#stepnav li.done {background-color:#666; background-position:100% 100%}
#stepnav li a, #stepnav li a:link, #stepnav li a:visited, #stepnav li a:hover, #stepnav li a:active {color:#666; text-decoration:none}
#stepnav li.lastDone a, #stepnav li.lastDone a:link, #stepnav li.lastDone a:visited, #stepnav li.lastDone a:hover, #stepnav li.lastDone a:active, #stepnav li.current a, #stepnav li.current a:link, #stepnav li.current a:visited, #stepnav li.current a:hover, #stepnav li.current a:active, #stepnav li.done a, #stepnav li.done a:link, #stepnav li.done a:visited, #stepnav li.done a:hover, #stepnav li.done a:active {color:#fff}
#stepnav li.done a:hover, #stepnav li.lastDone a:hover {color:#ccc; cursor:hand}
#stepnav li.stepnavNoBg {background-image:none}
#stepnav li a {display:block; height:40px}
#stepnav.fourStep li {width:26%}
#stepnav.fourStep li.stepnavNoBg {width:22%}
#stepnav.fourStep li a {padding-left:5%; width:94%}


/* ----------------------------------------------------
 * Products
 * ---------------------------------------------------- */
.features {margin:0}
.features .visual {margin-bottom:50px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.features .visual.fl {margin-right:20px}
.features .visual.fr {margin-left:20px}
.features hgroup {padding:40px 0 20px}
.features h3 {color:#666; font-size:20px}
.features h2 {color:#000; font-size:30px}
.features .list {float:left; margin-left:20px; list-style:disc}
.list-buy > li {position:relative; display:block; margin:10px 0; padding:10px 0; border-top:1px solid #ddd}
.list-buy li:first-child {border:none}
.list-buy li h2 {margin-bottom:10px}
.list-buy li .app-icon {position:absolute; left:0; top:10px;
	right: 744px;
}
.list-buy li .desc {padding-left:120px; min-height:72px}
.list-buy li .desc .store a {float:left; display:block}
.list-buy li .desc .store .line {margin-left:10px; padding-left:10px; border-left:1px dotted #999}
.list-buy li .desc .store a img {margin-left:5px; width:80px}
.list-buy li .desc .store a:hover img {opacity:0.6; filter:Alpha(Opacity=60)}
.list-buy .btn-retail {position:absolute; right:0; top:35%}
.list-flow li .desc {padding-left:160px; min-height:140px}
.flow img {margin:5px}
.type-title {font-size:18px}
/* live */
.intro {position:relative; padding:50px 0; border-top:1px solid #ccc}
.intro:first-child {padding-top:0; border:none}
.intro .intro-header {position:relative; padding-left:90px; height:90px; background:url(/images/products/common/ico-usage.png) no-repeat; line-height:90px}
.intro .intro-header h1 {display:inline-block; padding:5px 8px; background:#ddd; font-size:20px; line-height:1.2; color:#333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.intro .intro-header h2 {padding-left:5px; font-size:16px; line-height:1.2; font-weight:normal; color:#333}
.intro-phone .intro-header {background-position:0 0}
.intro-pnd .intro-header {background-position:0 -200px}
.intro-car .intro-header {background-position:0 -400px}
.intro .intro-content {margin-bottom:20px}
.intro .intro-content h2 {position:relative; display:inline}
.new {position:absolute; right:-45px; top:-5px; margin-left:10px; padding:2px 4px; background:#c80000; color:#fff; font-size:11px; line-height:1.5; text-transform:uppercase; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.intro .features hgroup {padding:0 0 20px}
.intro .intro-footer {margin-top:10px; padding:5px; background:#eee; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}

.type-title {margin-bottom:10px}
.list-type li {margin-bottom:15px}
.list-type li h2 {font-size:15px}
.list-type .type {width:180px}
.list-store {margin:10px 0 40px; padding:5px; background:#eee; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.list-store li {display:inline-block}
.list-store li h2 {margin-bottom:10p}
.list-store li img {display:block}
/* smart */
.list-smart {position:relative; margin-bottom:20px; padding:10px 0}
.list-smart li {margin:20px 0}
.list-smart li .fl {margin-right:20px}
.list-smart .btn-buy {}
/* lys */
.list-book {margin:20px auto; width:610px}
.list-book > li {position:relative; display:block; margin:10px 0; height:200px; border:1px solid #e7e8e0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.list-book h2 {display:block; padding:0 20px 0 170px; background:#e7e8e0; line-height:40px; color:#c80000}
.list-book .cover {position:absolute; left:20px; top:20px}
.list-book .rank {position:absolute; left:125px; top:10px; display:block; width:27px; height:29px; line-height:26px; background:url(/images/products/lys/ico-rank.png) no-repeat; font-size:12px; text-align:center; color:#fff}
.list-book .desc {padding:10px 20px 10px 170px}
.list-book .desc ul {margin-top:15px}
.list-book .desc ul li {display:inline; margin-left:15px; font-size:12px; color:#a87112}
.list-book .desc ul li:first-child {margin:0}
.list-book .btn-dl {position:absolute; right:5px; top:5px}


/* ----------------------------------------------------
 * Retail
 * ---------------------------------------------------- */
.retail-list {margin:10px}
.retail-list > li {margin:20px 0 30px}
.retail-list ol {float:left; width:550px; color:#666 !important}
.retail-list .btn-order {float:left; margin:0 20px 0 0}
.price .txt-discount {margin-right:20px; text-decoration:line-through}
.conform {margin-top:20px; padding-top:20px; border-top:1px solid #ddd}
.conform .txt {padding:2px 5px; color:#666; border:1px solid #999; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.ctrlnav {margin-top:20px; padding-top:50px; text-align:right; border-top:1px solid #ddd}
.btn-step {display:inline-block; width:78px; height:31px; line-height:31px; background:url(/images/ui/btn-step.png) no-repeat; color:#fff; text-align:center}
.btn-step:hover {text-decoration:none; opacity:0.8; filter:Alpha(Opacity=80)}

/* ----------------------------------------------------
 * Table
 * ---------------------------------------------------- */
table {border-collapse:collapse; word-wrap:break-word; border-spacing:0}
table, caption, tbody, tfoot, thead, tr, th, td {vertical-align:middle;}
table.bordered {margin-bottom:20px; width:100%; border:none}
table.bordered th, table.bordered td {padding:8px; white-space:nowrap}
table.bordered tr.alt td {background:#eee}
.bordered {border:solid #ccc 1px !important;
-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
-webkit-box-shadow:0 1px 1px #ccc; -moz-box-shadow:0 1px 1px #ccc; box-shadow:0 1px 1px #ccc}
.bordered tr:hover {background:none; -o-transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out}
.bordered td, .bordered th {border-left:1px solid #ccc !important; border-top:1px solid #ccc !important; white-space:normal !important}
.bordered th {background-color:#ddd; font-weight:normal; -webkit-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; box-shadow:0 1px 0 rgba(255,255,255,.8) inset; border-top:none; text-shadow:0 1px 0 rgba(255,255,255,.5)}


/* ----------------------------------------------------
 * Elements
 * ---------------------------------------------------- */
.btn-l {display:block; width:150px; height:42px; background:url(/images/ui/btn-l.png) no-repeat; font:15px/42px "微軟正黑體", "Microsoft JhengHei"; color:#000}
.btn-l:hover {opacity:0.8; filter:Alpha(Opacity=80); text-decoration:none}
.btn-buy {background-position:0 0}
.btn-trail {background-position:0 -42px}
.btn-help {background-position:0 -84px}
.btn-retail {background-position:0 -126px}
.btn-detail {background-position:0 -168px}
.btn-custom {background-position:0 -210px}

.btn-s {display:block; width:72px; height:27px; background:url(/images/btn-s.png) no-repeat}
.btn-dl {background-position:0 0}
.btn-dl:hover {background-position:0 100%}
.btn-flow {float:left; display:block; margin-right:20px; width:200px; height:56px; background:url(/images/ui/btn-flow.png) no-repeat}
.btn-flow1 {background-position:0 0}
.btn-flow2 {background-position:0 -56px}
.btn-flow:hover {opacity:0.8; filter:Alpha(Opacity=80); text-decoration:none}
.btn-order {margin:0 15px; display:inline-block; width:200px; height:56px; background:url(/images/ui/btn-order.png) no-repeat; font-size:15px; font:15px/56px "微軟正黑體", "Microsoft JhengHei"; color:#000; text-align:center}
.btn-order:hover {text-decoration:none; opacity:0.8; filter:Alpha(Opacity=80)}
.app-ios {-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px}
.notice {margin:10px 0; padding:10px; background:#FF9; border:1px solid #Fd0; font-size:13px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.ico-yes {margin:0 auto; display:block; width:24px; height:24px; background:url(/images/ui/table-ok.png) no-repeat}
.ir {display: block; border: 0; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br {display:none}
.txt-imp {color:#f00}
.fl {float:left}
.fr {float:right}
.left {text-align:left}
.center {text-align:center}

#inline-popup {background:#fff}
#inline-popup h2 {height:30px; line-height:30px; background:url(/images/ui/inline-title.gif) #cdcdcd repeat-x; border-bottom:1px solid #999; text-align:center}
#inline-popup .inline-content {padding:10px}
#inline-popup .ctrlnav {margin-top:10px; padding:0; text-align:center; border:none}


/* ----------------------------------------------------
 * Colorbox
 * ---------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
#cboxOverlay{background:#000}
#colorbox{}
#cboxContent{}
#cboxTitle{position:absolute; bottom:0; left:0; width:100%; background:#000; color:#fff; text-align:center; line-height:30px}
.cboxIframe{background-color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:none; background-color:transparent}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(/images/ui/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext {position:absolute; top:50%; margin-top:-16px; width:16px; height:16px; opacity:0.5; filter:Alpha(Opacity=50); text-indent:-9999px}
#cboxPrevious{left:20px; background-position:0 0}
#cboxNext{right:20px; background-position:100% 0}
#cboxClose{position:absolute; top:17px; right:20px; display:block; width:16px; height:16px; opacity:0.5; filter:Alpha(Opacity=50); text-indent:-9999px}
#cboxPrevious:hover, #cboxNext:hover,
#cboxClose:hover{opacity:1; filter:Alpha(Opacity=100)}