﻿a {
	outline: none;
 behavior:expression(this.onFocus=this.blur());
}
div, h1, h2, h3, h4, p, ul, li {
	padding:0;
	margin: 0;
}
body {
	padding:0;
	margin: 0px;
	background-color: #C6C6C6;
	font-family: Arial, helvetica, clean, "新細明體", "PMingLiU", sans-serif;
	font-size:13px;
	overflow-x: auto;/*	overflow: scroll;	*/
}
a:link {
	color: #059;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #059;
}
a:hover {
	text-decoration: underline;
	color: #059;
}
a:active {
	text-decoration: none;
	color: #059;
}
input:focus, textarea:focus {
	outline: none;
}
/*----最外層包裝----*/
#wrapper {
	width: 993px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
	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: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	background-image: url(../images/up-trnbg.PNG);
	background-repeat: no-repeat;
	padding-top: 6px;
}
/*----頁首----*/
#header {
	background-color: #090;
	height: 62px;
	position: fixed;
	z-index: 10;
	width: 100%;
	top: 0px;
}
/*----主選單----*/
.main_nav {
	width: 995px;
	height: 36px;
	font-size: 13px;
	color: #000;
	margin-right: auto;
	margin-left: auto;
}
/*----次選單 1----*/
#sub_nav_1 {
	float:left;
	width:158px;
	background-color: #CECECE;
	margin-left: 1px;
}
/*----次選單 2----*/
#sub_nav_2 {
	float:right;
	width:254px;
	background-color: transparent;
}
/*----內容區----*/
#content {
	float: left;
	width: 581px;
	background-color: transparent;
}
/*----內容區左側圓角----*/
#content-round {
	float: left;
	width: 581px;
	background-color: transparent;
	background-image: url(../images/page-body/center-right-up.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*----頁尾----*/
#footer {
	background-color: transparent;
	height: 6px;
	clear: both;
}
/*----登入按鈕----*/
.uselogin-box {
	width: 260px;
	float: right;
	height: 30px;
	margin-top:15px;
}
.uselogin-image {
	font-size: 12px;
	width: 25px;
	height: 25px;
	float: right;
	background-color: transparent;
}
/*----------------------------------------s齒輪設定-------------------------------------------------*/
/*--------------------下拉式設定--------------------*/
#uselogin-gear {
	width: 17px;
	height: 36px;
	float: right;
	background-color: transparent;
	background-image: url(../images/user/gear.png);
	background-repeat: no-repeat;
	margin-top: 3px;
	cursor:pointer;
}
#uselogin-gear:hover #uselogin-gear-drop {
	display:block !important
}
#uselogin-gear-drop {
	position:relative;
	width:150px;
	padding:0;
	background-color:#820000;
	margin: 0px;
	left: -133px;
	top:35px;
}
#uselogin-gear-drop ul {
	margin:0;
	list-style-type: none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #790000;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #790000;
	border-left-color: #790000;
}
#uselogin-gear-drop ul li a {
	line-height:36px;
	font-size: 12px;
	width:131px;
	color:#FFF;
	display:block;
	text-decoration:none;
	padding-left: 15px;
}
#uselogin-gear-drop ul li a:hover {
	color:#820000;
	background-color:#DDD
}
/*--------------------下拉式設定--------------------*/
/*-------------------------------------e齒輪設定頁-----------------------------------------------*/
/*-------------------------------------------理財APP頁面開始-----------------------------------------------*/
.Product-out {
	float: left;
	width: 100%;
}
.Product-out-app6 {
	float: left;
	width: 100%;
	margin-top: 14px;
}
.Product-out-wr, .Product-out-wrlist {
	float: left;
	height: 100px;
	width: 957px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D0D0D0;
	border-left-color: #D0D0D0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0D0D0;
}
.Product-out-wrlist {
	width: 768px;
	height: 102px;
}
.Product-out-new {
	float: left;
	height: 110px;
	width: 620px;
	padding-left:26px;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0D0D0;
}
.Product-out-01 {
	float: left;
	height: 110px;
	width: 384px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D0D0D0;
	border-left-color: #D0D0D0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0D0D0;
}
.Product-out-02 {
	float: left;
	height: 110px;
	width: 383px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D0D0D0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0D0D0;
}
.Product-out-01:hover, .Product-out-02:hover, .Product-out-wr:hover, .Product-out-wrlist:hover {
	background-color: #FFFCF0;
	cursor:pointer;
}
.Product-out-new:hover {
	background-color: #FFFCF0;
	cursor:pointer;
}
.Product-icon-small {
	float: left;
	width: 60px;
	height: 60px;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 1px;
	margin-left: 10px;
}
.Product-icon-small img {
	border:none;
}
.Product-icon-wrlist {
	float: left;
	width: 80px;
	height: 80px;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-left: 10px;
}
.Product-icon-wrlist img {
	border:none;
}
.Product-text-out {
	float: left;
	width: 298px;
	margin-top: 10px;
}
.Product-text-out-new {
	float: left;
	width: 380px;
	margin-top: 13px;
	padding-right:16px;
}
.Product-text-right-new {
	float: left;
	width: 110px;
	height:84px;
	margin-top: 8px;
	padding-left:21px;
	padding-top:6px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.Product-text-out-wr, .Product-text-out-wrlist {
	float: left;
	width: 470px;
	margin-top: 24px;
}
.Product-text-out-wrlist {
	width: 396px;
}
.Product-text-box {
	float: left;
	width: 100%;
	height:44px;
	margin-bottom: 14px;
	font-size: 13px;
	line-height: 160%;
    color: #6A6A6A;
}
.Product-text-box-date {
	width: 212px;
	height:98px;
	font-size: 15px;
	line-height: 160%;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	overflow: hidden;
}
.pt-free {
	background-image: url(../images/free-red.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 96px;
	position: absolute;
	margin-left:288px;
}
.status-tab {
    color: #6A6A6A;
	text-align:center;
	float: left;
	width: 38px;
	height:18px;
	font-size: 12px;
	line-height:21px;
	margin-top:2px;
	margin-left:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-image: url(../images/status-tab-b.PNG);
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	cursor:pointer;
}
.status-tab:hover {
	background-image: url(../images/status-tab-b-h.PNG);
	color: #fff;
}
/*-------------------------------------------------------------------------------------------------------------------------*/
#main-tmp-all {
	width:970px;
	margin-right: auto;
	margin-left: auto;
	margin-top:8px;
	z-index: 20;
	position: relative;
}
#main-tmp-menu {/*----選單左側----*/
	float:left;
	width:190px;
	margin-left: 12px;
	margin-top:3px;
	z-index: 20;
	position: relative;
}
#main-b-tmp-02 {/*----右側----*/
	float:left;
	width:770px;
	margin-left:10px;
	margin-top:2px;
	height:auto;
	z-index: 20;
	position: relative;
}
#main-app-left {/*----app左側----*/
	float:left;
	width:188px;
	margin-left: 12px;
	z-index: 20;
	position: relative;
}
#main-app-right {/*----app右側----*/
	float:left;
	width:770px;
	margin-left:8px;
	z-index: 20;
	position: relative;
}
#main-app-right-wr {/*----app作者全----*/
	float:left;
	width:960px;
	margin-left:17px;
	margin-bottom: 40px;
	z-index: 20;
	position: relative;
}
#main-app-right-wr ul {/*----app作者全----*/
	margin-left: 14px;
}
.photo-wr {
	float: left;
	border: 1px solid #CCC;
	box-shadow: 0 0 8px #f6f6f6;
}
.photo-wr img {
	width:150px;
	height: auto;
}
.out-line {
	background-color: transparent;
	float: left;
	width: 100%;
}
.out-line-main {
	background-color: transparent;
	float: left;
	width: 100%;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #881218;
	border-right-color: #881218;
	border-bottom-color: #881218;
	border-left-color: #881218;
}
/*------------------------------------------------------------左側主選單------------------------------------------------------*/
#watch-left-menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#watch-left-menu ul li, #watch-left-menu ul li.on-page {
	background-image: url(../images/titlebar-bg.gif);
	background-repeat: repeat-x;
	width: 100%;
	display: block;
	text-decoration:none;
	color: #333;
	font-size: 15px;
	height: 40px;
	/*	font-weight: bold;*/
	line-height: 42px;
	cursor:pointer;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	clear:both;
}
#watch-left-menu ul li.on-page {
	color:#fff;
	background-image: url(../images/titlebar-bg-hr.gif);/*	cursor:  default;*//*	font-weight: bold;*/
}
#watch-left-menu ul li.on-page:hover {
	color:#fff;
	background-image: url(../images/titlebar-bg-hr.gif);
	background-repeat: repeat-x;
}
#watch-left-menu ul li:hover {
	color:#00365E;
	background-image: url(../images/titlebar-bg-h-02.gif);
	background-repeat: repeat-x;
}
/*------------------------s下拉--------------------------*/
#watch-left-menu ul ul {
	width: 188px;
	background-color: #F4F8F9;
	border: 1px solid #DADADA;
}
#watch-left-menu ul ul li {
	font-size: 12px;
	width: 164px;
	display:block;
	background-image:none;
	line-height: 28px;
	height:26px;
	border-bottom-width: 0px;
	text-indent:8px;
	clear: both;   /*加了不會斷行*/
	padding-left: 24px;
}
#watch-left-menu ul ul li:hover {
	color:#00365E;/*	background-image: url(../images/titlebar-bg-hr.gif);
	background-repeat: repeat-x;*/
}
#watch-left-menu ul ul .on-page-s {
	color:#fff;
	background-image: url(../images/titlebar-bg-hr.gif);
	padding-left: 24px;
}
#watch-left-menu ul ul .on-page-s:hover {
	color:#fff;
	background-image: url(../images/titlebar-bg-hr.gif);
}
/*------------------------e下拉--------------------------*/
/*----------------------------------sicon位置-------------------------------------------*/
.lm-ican {
	float: left;
	margin-top: 11px;
	margin-left: 9px;
	margin-right: 7px;
}
.lm-ican-01, .lm-ican-02, .lm-ican-03, .lm-ican-04, .lm-ican-05, .lm-ican-06, .lm-ican-07, .lm-ican-08, .lm-ican-09, .lm-ican-10, .lm-ican-11, .lm-ican-12, .lm-ican-13, .lm-ican-14, .lm-ican-15, .lm-ican-17 {
	background-image: url(../images/maim-l-ican.png);
	float: left;
	height: 36px;
	width: 22px;
	margin-top: 1px;
	margin-left: 6px;
	background-repeat: no-repeat;
	background-position: -2px;
	margin-right: 4px;
	clear: both;   
}
.lm-ican-02 {
	background-repeat: no-repeat;
	background-position: -22px;
}
.lm-ican-03 {
	background-repeat: no-repeat;
	background-position: -42px;
}
.lm-ican-04 {
	background-repeat: no-repeat;
	background-position: -62px;
}
.lm-ican-05 {
	background-repeat: no-repeat;
	background-position: -82px;
}
.lm-ican-06 {
	background-repeat: no-repeat;
	background-position: -102px;
}
.lm-ican-07 {
	background-repeat: no-repeat;
	background-position: -122px;
}
.lm-ican-08 {
	background-repeat: no-repeat;
	background-position: -142px;
}
.lm-ican-09 {
	background-repeat: no-repeat;
	background-position: -162px;
}
.lm-ican-10 {
	background-repeat: no-repeat;
	background-position: -182px;
}
.lm-ican-11 {
	background-repeat: no-repeat;
	background-position: -202px;
}
.lm-ican-12 {
	background-repeat: no-repeat;
	background-position: -222px;
}
.lm-ican-13 {
	background-repeat: no-repeat;
	background-position: -242px;
}
.lm-ican-14 {
	background-repeat: no-repeat;
	background-position: -262px;
}
.lm-ican-15 {
	background-repeat: no-repeat;
	background-position: -282px;
}
/*----------------------------------eicon位置-------------------------------------------*/
/*------------------------------------------------------------e左側主選單------------------------------------------------------*/
.blue-bar {
	background-image: url(../images/titlebar-bg-hr.gif);
	background-repeat: repeat-x;
	float: left;
	height: 30px;
	width: 801px;
	line-height: 30px;
	text-indent:15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D0D0D0;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D0D0D0;
	border-left-color: #D0D0D0;
	font-size: 13px;
	margin-bottom: 5px;
	color:#FFF;
}
.aebox {
	width: 768px;
	float: left;
	margin-bottom:5px;
	border: 1px solid #D0D0D0;
}
.aebox img {
	border:none;
}
.star-outline {
	float: left;
	width: 60px;
	margin-left: 10px;
	padding: 0px;
}
.star-outline img {
	float: left;
}
.Product-left {
	float: left;
	width: 80px;
}
.Product-left-wrlist {
	float: left;
	width: 100px;
	margin-top:4px;
}
.apptitle {
	font-size: 15px;
	font-weight: bold;
	width: 100%;
}
.apptitle-date {
	font-size: 18px;
	font-weight: bold;
	width: 206px;
	text-align: center;
	margin-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-bottom: 20px;
}
.apptitle-date a {
	color:#FFF;
}
.rate-minutes-out {
	float: right;
	margin-right: 20px;
	margin-top:10px;
	height:56px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-top: 22px;
	padding-left: 20px;
}
.detail-description-b, .lesson-join-b, .lesson-cutoff-b {
	font-size: 13px;
	color: #000;
	cursor: pointer;
	line-height: 32px;
	padding-top: 2px;
	height: 32px;
	width: 80px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:transparent;
	background-image: url(../images/y-b.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 1px solid #b54901;
}
.lesson-join-b, .lesson-cutoff-b {
	background-image: url(../images/lesson-b.png);
	height: 57px;
	width: 218px;
	font-size:22px;
	font-weight: bolder;
	line-height:50px;
	float:left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
}
.lesson-cutoff-b {
	background-image: url(../images/lesson-cutoff-b.png);
	cursor:default;
}
.detail-description-b:hover {
	background-image: url(../images/y-b-h.png);
	background-repeat: no-repeat;
}
.lesson-join-b:hover {
	background-image: url(../images/lesson-b-h.png);
}
.hot-point, .hot-point-wr, .hot-point-da {
	font-size: 13px;
	float: right;
	width: 100px;
	text-align: right;
	margin-right: 3px;
}
/*--------------------------------------熱門度01*/
.hot-point-wr {
	float: left;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BCBCBC;
	padding-top:26px;
	margin-top:10px;
	height:54px;
}
.hot-point-da {
	font-size: 13px;
	float: left;
	width: 100px;
	text-align: center;
	margin-right: 3px;
}
.hot-point span, .hot-point-wr span, .hot-point-da span {
	font-weight: bold;
	color: #900;
}
/*--------------------------------------熱門度01*/
/*--------------------------------------熱門度02*/
.hot-point-wrlist {
	float: right;
	margin-right: 20px;
	margin-top:29px;
	/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;*/
	padding-left: 10px;
	line-height:22px;
	text-align: right;
}
.hot-point-wrlist span {
	font-weight: bold;
	color: #900;
}
/*--------------------------------------熱門度02*/
/*作者分類*/
.wrlist-classification {
	float: left;
	width: 770px;
	margin-top: 4px;
	position: absolute;
	z-index: 20;/*	border-bottom: 1px solid #d0d0d0;*/
}
.wrlist-classification h3 {
	float: left;
	line-height: 30px;
	font-size: 13px;
	background-image: url(../images/wrlist-t.png);
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding-right: 8px;
	padding-left: 12px;
	color: #B11720;
	font-weight: normal;
}
.wrlist-classification ul {
	list-style-type: none;/*	margin-top: 8px;*/
}
.wrlist-classification ul li {
	font-size: 13px;
	color: #000;
	float: left;
	line-height: 30px;
	text-align: center;
	padding-right: 12px;
	padding-left: 12px;
	background-image: url(../images/wrlist-bg.png);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #d0d0d0;
	border-right-color: #d0d0d0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d0d0d0;
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	margin-right:6px;
}
.wrlist-classification ul li:hover {
	color: #000;
	cursor:pointer;
	background-image: url(../images/wrlist-b-h.png);
}
.wrlist-classification .left-line {
	color: #000;
	background-image: url(../images/wrlist-b.png);
	background-repeat: repeat-x;
	height:31px;
}
.wrlist-classification .left-line:hover {
	color: #000;
	cursor:default;
	background-image: url(../images/wrlist-b.png);
	background-repeat: repeat-x;
}
.wrlist-classification span {
    color: #6A6A6A;
	padding-left: 3px;
}
.wrlist-classification .drop-down ul {
	background-color: #F2F2F2;
	float: left;
	width: 140px;
	position: absolute;
	margin-left: -13px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #CCC;
	z-index: 10;	
}
.wrlist-classification .drop-down ul:hover, .wrlist-classification ul li:hover .drop-down ul {
	background-color: #fffbed;
}
.wrlist-classification .drop-down ul li {
	background-image:none;
	background-color: #FFF;
	width: 100%;
	line-height:26px;
	margin: 0px;
	padding: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d0d0d0;
	border-left-color: #d0d0d0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d0d0d0;
}
.wrlist-bline{border-bottom: 1px solid #d0d0d0; float:left; width:770px; position: relative; z-index: 10; margin-top:35px;}
/*作者分類*/
.writer-name {
	font-size: 13px;
	float: left;
	width: 190px;
}
/*======================================產品選單開始==================================================*/
#vtpd-main {
	width:100%;
}
#vtpd-main ul li {
	color: #900;
	display: block;
	line-height: 26px;
	text-decoration: none;
	font-size: 12px;
	width:63px;
	background-image: url(../images/vtpd-main-hover-bg-02.png);
	background-repeat: no-repeat;
	background-position: right;
	text-indent:11px;
	padding-top:4px;
	list-style-type: none;
	float: left;
	-webkit-border-radius: 5px 0px 0px 0px;
	-moz-border-radius: 5px 0px 0px 0px;
	border-radius: 5px 0px 0px 0px;
}
#vtpd-main ul li:hover {
	background-image: url(../images/vtpd-main-hover-bg-03.png);
	color: #900;
	cursor:pointer;
}
#vtpd-main ul li.vtpd-selected {
	color: #FFF !important;
	background-image: url(../images/vtpd-main-hover-bg.png);
	background-repeat: no-repeat;
	background-position: right;
	cursor:default;
}
/*==============================================================產品選單結束========================================================================*/
/*下一頁數字頁籤*/
.page-next-out {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	margin-bottom: 6px;
	margin-top: 12px;
	float: right;
	width: 400px;
	text-align: right;
}
.page-next-out a {
	font-size: 12px;
	color: #333;
	text-decoration: underline;
}
.page-next-out a:hover {
	color: #900;
}
.page-next-out-s {
	margin-bottom: 30px;
	margin-top: 10px;
	width: 400px;
	text-align: center;
	margin-right:auto;
	margin-left: auto;
}
.page-next-out-s a {
	font-weight: bold;
	font-size: 15px;
	color: #059;
}
.page-next-out-s a:hover {
	text-decoration: underline;
}
/*下一頁數字頁籤*/
/*---------------------------------s會員中心選單部分--------------------------------------------------*/
#content-inf-menu {
	height: 32px;
	width: 100%;
	background-image: url(../images/doc-bar-bg.png);
	background-repeat: repeat-x;
	margin-bottom: 20px;
}
#content-inf-menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#content-inf-menu ul li {
	float:left;
}
#content-inf-menu ul li a, .content-inf-redtga {
	display:block;
	color: #152d49;
	text-decoration: none;
	width: 120px;
	text-align: center;
	height: 32px;
	font-size: 15px;
	line-height: 36px;
	background-image: url(../images/doc-bar-g.png);
}
.content-inf-redtga {
	color:#FFF;
	background-image: url(../images/doc-bar-blue.png);
}
#content-inf-menu a:hover {
	color: #152d49;
	background-image: url(../images/doc-bar-ghover.png);
}
/*---------------------------------e會員中心選單部分--------------------------------------------------*/
/*---------------------------------s會員中心選單次選單--------------------------------------------------*/
#tools-sub-menu {
	height: 32px;
	margin-left:24px;
	float:left;
}
#tools-sub-menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#tools-sub-menu ul li {
	float:left;
}
#tools-sub-menu ul li a, .tsm-redtga {
	display: block;
	color: #059;
	text-decoration: none;
	text-align: center;
	height: 32px;
	font-size: 15px;
	line-height: 36px;
	padding-right: 30px;
	padding-left: 15px;
}
.tsm-redtga {
	color:#FFE426;
	background-image: url(../images/tsm-bg.png);
	background-repeat: no-repeat;
	background-position: right;
	-webkit-border-radius: 10px 0px 0px 0px;
	border-radius: 10px 0px 0px 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A0A0A0;
}
#tools-sub-menu a:hover {
	text-decoration: underline;
}
/*---------------------------------e會員中心選單次選單--------------------------------------------------*/-*/ /*會員中心次選單超連結設定*/
.mcml {
 background-color: #2B6EA1;
 width: 100%;
 font-size: 13px;
 color: #FC0;
 text-indent: 30px;
 height: 36px;
 line-height: 36px;
}
.mcml a:link {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}
.mcml a:visited {
	font-size: 13px;
	text-decoration: none;
	color: #fff;
}
.mcml a:hover {
	font-size: 13px;
	text-decoration: none;
	color: #D2F8FF;
}
.mcml a:active {
	font-size: 13px;
	text-decoration: none;
	color: #fff;
}
/*會員中心次選單超連結設定*/
.mc-title {
	color: #2B6FA3;
	width: 700px;
	font-size: 18px;
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	height: 26px;
	margin-left: 30px;
	font-weight: bold;
	padding-left: 20px;
	background-position: 0px -1px;
	margin-top: 10px;
}
.spc-title {
	color: #2B6FA3;
	width: 200px;
	font-size: 18px;
	background-image: url(../images/spc.png);
	background-repeat: no-repeat;
	height: 32px;
	margin-left: 24px;
	font-weight: bold;
	padding-left: 36px;
	background-position: 0px -2px;
	margin-top: 9px;
	line-height:32px;
	float:left;
}
.spc-box {
	float:right;
	width: auto;
	margin-right:18px;
}
.spc-box span {
	float:left;
	padding-top:15px;
	color: #666;
}
.spc-box img {
	margin-top:10px;
}
/*s上方路徑*/
ul.trail {
	width: 995px;
	height: 18px;
	/*	background-image: url(../images/trailbg.png);
	background-repeat: no-repeat;
	background-position: 0 0;*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
ul.trail li {
	float: left;
	height: 20px;
	padding-left: 0px;
	list-style:none;
	font-size: 12px;
	color: #333;
	line-height: 19px;
}
ul.trail li a {
	display: block;
	height: 20px;
	padding-right: 20px;
	line-height: 22px;
	color: #059;
	background-image: url(../images/level_arrow.png);
	background-repeat: no-repeat;
	background-position: right -2px;
	font-size: 12px;
}
ul.trail li a:hover {
	text-decoration: underline;
}
/*e上方路徑*/
.content-doc-mc, .content-doc-mc-big {
	background-color: #FFF;
	border: 1px solid #bdbdbd;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	z-index: 20;
	position: relative;
	min-height:568px;
}
.content-doc-mc-big {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	width:968px;
	float:left;
	min-height:700px;
}
/*---------------------------------------------APP產品說明頁--------------------------------------------------------*/
.use-b {
	background-image: url(../images/use-b.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 173px;
	line-height: 44px;
	font-size:15px;
	text-align: center;
	cursor:pointer;
	color: #312300;
}
.use-b:hover {
	background-image: url(../images/use-b-h.png);
}
.app-rc-out {
	width:210px;
	margin-left:auto;
	margin-right:auto;
}
.app-yellow-out {
	width: 172px;
	position: absolute;
	right: 10px;
	margin-top:-16px;
}
.app-writer-list {
	float: left;
	width: 172px;
	margin-bottom:20px;
	padding-left:8px;
}
.app-writer-list span {
	float: left;
	width:100%;
	text-indent:2px;
	font-size: 12px;
	line-height: 180%;
	color: #333;
}
.app-writer-list select {
	width:100%;
}
.appbuy-car {
	width: 30px;
	margin-top: 5px;
	cursor:pointer;
	background-image: url(../images/sp-c.png);
	background-repeat: no-repeat;
	border:none;
	height: 30px;
	float:left;
}
.appbuy-car:hover {
	background-image: url(../images/sp-c-h.png);
}
.appbuyb, .appbuyb-s, .appbuyb-n {
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 20px;
	width: 100%;
	margin-top: 5px;
	cursor:pointer;
}
.appbuyb-s {
	width: 137px;
	float:left;
}
.appbuyb-n {
	padding-right: 0px;
	padding-left: 0px;
}
.pd-titlebar, .pd-titlebar-big {
	background: rgb(224,243,250); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZjNmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmRmZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(182, 223, 253, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(224, 243, 250, 1)), color-stop(100%, rgba(182, 223, 253, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(182, 223, 253, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(182, 223, 253, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(182, 223, 253, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(224, 243, 250, 1) 0%, rgba(182, 223, 253, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd', GradientType=0 ); /* IE6-8 */
	height: 26px;
	width: 172px;
	line-height: 30px;
	font-size: 13px;
	/*	font-weight: bold;*/
	text-indent: 10px;
	float:left;
	margin-left:8px;
}
.pd-titlebar-big {
	width: 100%;
	margin-left:0px;
	line-height: 30px;
}
.pd-titlebar-big a {
	background-image: url(../images/topb-01.png);
	background-repeat: no-repeat;
	float: right;
	height: 20px;
	width: 43px;
	margin-top: 3px;
	margin-right: 3px;
}
.pd-titlebar-big a:hover {
	background-image: url(../images/topb-02.png);
}
.Product-out-small {
	float: left;
	width: 170px;
	margin-left:8px;
	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: #D0D0D0;
	border-bottom-color: #D0D0D0;
	border-left-color: #D0D0D0;
}
.Product-out-small ol {
	margin-left: -12px;
	font-size: 12px;
	line-height:180%;
}
.Product-out-small ol a:hover {
	text-decoration: underline;
}
.app-title {
	padding-left: 8px;
	padding-left: 0px;
	margin-bottom: 3px;
	margin-top: 5px;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	float: left;
	width: 590px;
}
.app-wr-title {
	padding-left: 8px;
	padding-left: 0px;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	float: left;
	width: 100%;
}
.app-wr-title span {
	font-size: 40px;
	color: #000;
}
.app-textbox {
	font-size: 13px;
	line-height: 160%;
	float: left;
	width: 520px;
}
.app-textbox-wr {
	font-size: 13px;
	line-height: 160%;
	float: left;
	width: 897px;
	padding: 30px;
	border: 1px solid #CCC;
}
.headline {
	font-size:15px;
	color: #600;
	font-weight: bold;
}
.headline-b {
	font-size: 20px;
	line-height: 30px;
	color: #900;
	font-weight: bold;
}
.app-textboxline {
	font-size: 13px;
	line-height: 160%;
	float: left;
	width: 680px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: left;
}
.app-textboxline a {
	color: #059;
}
.app-textboxline a:hover {
	text-decoration: underline;
	color: #059;
}
.app-img {
	width:100%;
	margin-top: 12px;
	margin-bottom: 12px;
	float:left;
}
.apptab {
	float: left;
	width: 100%;
	margin-top:10px;
}
.apptab a {
	padding-right: 5px;
	padding-left: 10px;
	height: 36px;
	line-height: 36px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
	font-size: 13px;
	color: #059;
	margin: 0px;
}
.apptab a:hover {
	color: #059;
	text-decoration: underline;
}
/*s星星評分群組*/
.star {
	width: 170px;
	height:26px;
}
.sad {
	display: none;
	list-style:none;
	margin-left:0px;
	position: absolute;
	top: 214px;
}
.star:hover .sad {
	display: block;
}
/*e星星評分群組*/

/*s-ican下方大星星*/
.content-star-outline, .app-star {
	padding-left: 8px;
	height: 20px;
	margin-bottom:6px;
}
.content-star-outline img, .app-star img {
	border: 0px;
	float: left;
}
.app-star img {
	cursor:default;
}
.app-star span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #235F87;
	line-height:32px;
	position:  relative;
	top: -6px;
	padding-left: 3px;
}
/*e-ican下方大星星*/
/*-----s評分欄位-----*/
.riting-out {
	background-color: #FFFFF0;
	border: 2px solid #CCC;
	height: 220px;
	width: 182px;
}
.riting-out-b {
	height: 30px;
	padding-right: 15px;
	padding-left: 15px;
	cursor:pointer;
	background-image: url(../images/titlebar-bg.gif);
	background-repeat: repeat-x;
	margin-left:6px;
	border: 1px solid #CCC;
	font-size:12px;
}
.riting-out-b:hover {
	background-image: url(../images/titlebar-bg-hr.gif);
	background-repeat: repeat-x;
	color: #FFF;
}
.riting-out hr {
	width: 160px;
	position: relative;
	top: 8px;
	border-collapse:collapse;
	margin-bottom: 10px;
	clear:both;
}
.riting-out-box {
	height: 20px;
	width: 100%;
	height:18px;
	float: left;
	margin-top:6px;
	text-indent:8px;
}
.riting-out div h1 {
	float: left;
	font-size: 130%;
	font-weight: normal;
	margin-right:5px;
}
.riting-out div h1 span {
	color:#900
}
.riting-out div h1 span.p {
	color:#808080
}
.riting-out div h2 {
	float: left;
	font-size: 13px;
	font-weight: normal;
	margin-right:5px;
}
.riting-out div h3 {
	float: left;
	font-size: 13px;
	font-weight: normal;
	color:#808080
}
.riting-bar5, .riting-bar4, .riting-bar3, .riting-bar2, .riting-bar1 {
	float: left;
	height: 14px;
	background-color: #88B131;
	margin-top:2px;
}
.riting-bar4 {
	background-color: #A4CC02;
}
.riting-bar3 {
	background-color: #FFCF02;
}
.riting-bar2 {
	background-color: #FF9F02;
}
.riting-bar1 {
	background-color: #FF6F31;
}
/*-----e評分欄位-----*/
/*-------------------------------------s表格使用--------------------------------------*/
.tbbuse-02 {
	border: 0px;
	border-collapse: collapse;
	width: 100%;
}
.tbbuse-02 td {
	padding-top: 5px;
	padding-bottom: 5px;
}
.tbbuse-02 input[type="text"] {
	border-radius: 3px;
	height: 15px;
	padding: 5px 5px 5px 8px;
	width: 400px;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #999;
}
.tbbuse-02 input[type="button"] {
	cursor: pointer;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.tbbuse-02 textarea {
	border-radius: 3px;
	height: 15px;
	padding: 5px 5px 5px 8px;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #999;
}
.tbbuse-02 select {
	padding: 4px;
}
.tbbuse {
	font-size: 13px;
	line-height: 30px;
	color: #333;
	border: 1px solid #A0A0A0;
	border-collapse:collapse;
	margin-left:24px;
	float:left;
}
.tbbuse a {
	color: #095CC4;
}
.tbbuse a:hover {
	text-decoration: underline;
}
.tbbuse td {
	padding-left: 8px;
	border: 1px solid #A0A0A0;
}
.tbbuse span.mon {
	color: #286798;
}
.tbbuse-tit th {
	color: #FFF;
	background-color: #286798;
	line-height: 36px;
	font-size: 15px;
	padding-top: 4px;
	padding-left:8px;
	text-align:left;
	font-weight: normal;
}
.tbbuse-tit th a {
	color: #FFF;
	text-decoration: underline;
}
.tbbuse-tit th input[type="button"] {
	cursor:pointer;
	position: relative;
	top:-1px;
	height: 25px;
	padding-top:3px;
}
/*.tbbuse tr:hover{background-color: #EEFBFF;}*/
.mc-b {
	padding-right: 40px;
	padding-left: 40px;
	line-height: 34px;
	height: 34px;
}
.tbbuse-sky {
	font-size: 13px;
	line-height: 30px;
	color: #333;
	border: 1px solid #A0A0A0;
	border-collapse:collapse;
	margin-left:24px;
	float:left;
}
.tbbuse-sky a {
	color: #095CC4;
}
.tbbuse-sky a:hover {
	text-decoration: underline;
}
.tbbuse-sky td {
	padding-left: 8px;
	border: 1px solid #A0A0A0;
}
.tbbuse-sky span.mon {
	color: #286798;
}
.tbbuse-sky-tit th {
	color: #FFF;
	background-color: #173D57;
	line-height: 36px;
	font-size: 15px;
	padding-top: 4px;
	padding-left:8px;
	text-align:left;
	font-weight: normal;
}
.tbbuse-sky th a {
	color: #FFF;
	text-decoration: underline;
}
.tbbuse-sky-tit th input[type="button"] {
	cursor:pointer;
	position: relative;
	top:-1px;
	height: 25px;
	padding-top:3px;
}
/*-----s訂課程表格------*/
.tb-lesson {
	font-size: 13px;
	line-height: 30px;
	color: #333;
	border: 1px solid #A0A0A0;
	border-collapse:collapse;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:50px;
}
.tb-lesson a {
	color: #059;
}
.tb-lesson a:hover {
	text-decoration: underline;
}
.tb-lesson td {
	/*	padding-left:8px;*/
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #A0A0A0;
	text-align:center;
}
.tb-lesson tr:hover {
	background-color: #EEFBFF;
}
.tb-lesson span.mon {
	color: #286798;
}
.tb-lesson-tit th {
	color: #FFF;
	line-height: 36px;
	font-size: 15px;
	padding-top: 3px;
	text-align: center;
	font-weight: normal;
	background-image: url(../images/lesson-hbg.gif);
	background-repeat: repeat-x;
}
.tb-lesson th a {
	color: #FFF;
	text-decoration: underline;
}
.tb-lesson-tit th input[type="button"] {
	cursor:pointer;
	position: relative;
	top:-1px;
	height: 25px;
	padding-top:3px;
}
.tb-lesson .free {
	background-color: #669900;
	color: #FFF;
}
.tb-lesson .pay {
	/*	background-color: #FFC8C9;*/
	font-weight: bold;
	color: #900;
}
.tb-lesson .cname {
	text-align: left;
	padding-left:8px;
}
.tb-lesson .toend {
	color: #999;
}
/*-----e訂課程表格------*/
/*-----s課程內頁------*/
.tb-lesson-page {
	font-size: 15px;
	line-height: 24px;
	color: #333;
	border-collapse:collapse;
	/*	margin-left:20px;
	margin-top:20px;*/
	margin-bottom:50px;
	background-image: url(../images/lesson-hbg-02.png);
	background-repeat: no-repeat;
	background-position: right top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.tb-lesson-page .lesname {
	font-size: 46px;
	line-height: 80px;
	color: #00365E;
	padding-left:60px;
	padding-bottom:10px;
	padding-top:34px;
	font-weight: 700;
	background-image: url(../images/lesson-titline.png);
	background-repeat: no-repeat;
	background-position: 62px 102px;
}
.tb-lesson-page .content-s {
	line-height: 24px;
	padding-bottom:30px;
	padding-left:3px;
}
.tb-lesson-page .content-m {
	font-size: 24px;
	line-height: 30px;
	padding-bottom:10px;
	padding-top:10px;
	font-weight:bold;
}
.tb-lesson-page a {
	color: #059;
}
.tb-lesson-page a:hover {
	text-decoration: underline;
}
.tb-lesson-page td {
	padding-top:5px;
	padding-bottom:5px;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.tb-lesson-page span.mon {
	color: #286798;
}
.tb-lesson-page-tit th {
	line-height: 38px;
	text-align: left;
	font-size: 17px;
	text-indent:19px;
	background-image: url(../images/lesson-t-bg.png);
	background-repeat: no-repeat;
	font-weight:bold;
	background-position: -1px 1px;
	color: #000;
}
.tb-lesson-page-tit td {
	padding-left:19px;
	padding-bottom:30px;
	font-size:15px;
	line-height:22px;
}
.tb-lesson-page-tit td a {
	text-decoration: underline;
}
.tb-lesson-page-tit .fee {
	font-size: 16px;
	color: #900;
	line-height:24px;
}
.tb-lesson-page th a {
	color: #FFF;
	text-decoration: underline;
}
/*-----e課程內頁------*/
/*-------------------------------------e表格使用--------------------------------------*/

/*s理財寶啟用頁*/
.c-out-ptitle-app, .c-out-ptitle-app-red, .c-out-ptitle-app-whtie {
	color: #003D6C;
	font-size: 16px;
	line-height:20px;
}
.c-out-ptitle-app-red {
	color: #900;
}
.c-out-ptitle-app-whtie {
	color: #fff;
	/*	background-image: url(../images/c-out-ptitle-bg-01.gif);
	background-repeat: repeat-x;*/
	font-weight: bold;
	background-color: #1b5da9;
}
/*e理財寶啟用頁*/

/*s首頁sp*/
#main-tmp-sp {
	width:960px;
	margin-left:auto;
	margin-right: auto;
	margin-top:6px;
	z-index: 20;
	position: relative;
}
#main-b-tmp-sp {/*----右側----*/
	width:900px;
	margin-left:auto;
	margin-right: auto;
}
.uptit {
	font-size: 15px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 36px;
}
.uptit-s {
	width: 100%;
	height:40px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003a5c;
	background-image: url(../images/tb-bg.gif);
	background-repeat: repeat-x;
}
.apptitle-sp a {
	font-size: 15px;
	font-weight: bold;
	color: #059;
	text-decoration: none;
	line-height:20px;
}
.Product-left-sp {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.Product-out-01-sp {
	float: left;
	height: 140px;
	width: 162px;
}
.Product-out-01-sp:hover {
	background-image: url(../images/apicon-h.png);
	background-repeat: no-repeat;
	background-position: 20px -18px;
	cursor:pointer;
}
.Product-out-01-sp:hover .apptitle-sp a {
	color: #059;
	text-decoration: underline;
}
.Product-icon-small-sp {
	width: 90px;
	height: 90px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
}
.Product-icon-small-sp img {
	border:none;
}
.Product-icon-small-date {
	width: 150px;
	height: 150px;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
	position: relative;
	z-index: 10;
}
.Product-icon-small-date img {
	width: 150px;
	height: 150px;
	border:none;
}
.Product-text-out-sp {
	width: 140px;
	margin-left: auto;
	margin-right: auto;
	margin-top:6px;
	text-align: center;
}
.Product-text-box-sp {
	float: left;
	width: 100%;
	height:44px;
	margin-bottom: 14px;
	font-size: 13px;
	line-height: 160%;
	color: #666;
}
/*e首頁sp*/
/*s粉絲頁使用*/
.lifacebook-top {
	border:1px solid #c8d3e9;
	overflow:hidden;
	float:right;
	width:326px;
	height:36px;
	padding-left:8px;
	background-image:url(../images/fb-bg.gif);
	background-repeat: repeat-x;
	margin-top:15px;
}
.lifacebook-top iframe {
	position: relative;
	top: -17px;
}
.lifacebook-top div {
	font-size: 12px;
	color: #333;
	width:200px;
	float: right;
	margin-top:12px;
}
.lifacebook-right {
	/*	overflow:hidden;*/
	float: left;
	background-image:url(../images/fb-bg-02.gif);
	background-repeat: repeat-x;
	margin-top:11px;
	height:395px;
	width:299px;
}
/*e粉絲頁使用*/
/*本日精選app*/
.datenewp {
	background-image: url(../images/date-new.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 145px;
	width: 297px;
	float: right;
	background-position: right;
}
.r-out {
	float: left;
	width:648px;
	border: 1px solid #456085;
	margin-bottom:11px;
	z-index: 20;
	position: relative;
}
.the-date-selected-out {
	float: left;
	width: 297px;
	border: 1px solid #003a5c;
	background-position: 0px 40px;
	background-color: #8c0200;/*	background-color: #30445C;
    background-image: url(../images/tb-01-bg.gif);
	background-repeat: repeat-x;*/
	
}
.the-date-selected-title {
	float: left;
	width: 297px;
	height: 40px;
	background-image: url(../images/tb-01-01.jpg);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003a5c;
}
.the-date-b-out {
	margin-bottom: 30px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width:209px;
}
.the-date-b-out-s {
	margin-bottom: 10px;
	margin-top: 15px;
	margin-left:2px;
	width:96px;
}
.the-date-b {
	font-size: 20px;
	color: #000;
	cursor: pointer;
	line-height: 32px;
	padding-top: 4px;
	padding-bottom: 2px;
	height: 48px;
	width: 209px;
	border:none;
	background-color:transparent;
	background-image: url(../images/date-b.png);
	background-repeat: no-repeat;
}
.the-date-b:hover, .the-date-b.hovered {
	background-color:transparent;
	background-image: url(../images/date-b-h.png);
	background-repeat: no-repeat;
}
.the-date-s-b {
	font-size: 13px;
	color: #000;
	cursor: pointer;
	line-height: 32px;
	height: 32px;
	width: 96px;
	border:none;
	background-image: url(../images/y-b.png);
	background-repeat: no-repeat;
	border: 1px solid #b54901;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.the-date-s-b:hover {
	background-image: url(../images/y-b-h.PNG);
}
.hand-c {
	background-image: url(../images/hand-c.png);
	background-repeat: no-repeat;
	height: 42px;
	width: 34px;
	position: absolute;
	margin-left:160px;
	margin-top:25px;
	pointer-events: none;
	cursor: pointer;
}
/*本日精選app*/
/*內容頁右上角按讚*/
.fans-right {
	float:right;
	position: absolute;
	margin-left:844px;
	margin-top:-25px;
}
.g {
	float:right;
}
.fb {
	float:right;
	margin-right:10px;
	width:66px;
}
/*內容頁右上角按讚*/
.usestep-main {
	float: left;
	width: 260px;
}
.usestep-main a {
	float: left;
	background-color: #E0E0E0;
	line-height: 40px;
	border: 1px solid #BFBFBF;
	margin-bottom: 8px;
	color: #3C3C3C;
	text-indent: 10px;
	font-size: 15px;
	padding-right: 10px;
	width: 240px;
}
.usestep-main a:hover {
	background-color: #EEF4FF;
	text-decoration:none;
}
.usestep-main a.select {
	background-color: #CEE0FF;
	text-decoration:none;
}
.usestep-main .arrow {
	background-image: url(../images/step-main-arrow.png);
	background-repeat: no-repeat;
	float: left;
	height: 19px;
	width: 11px;
	position: absolute;
	margin-left:250px;
	margin-top:10px;
}
td.usestep-out {
	border: 4px solid #CCC;
	width:660px;
	padding: 10px;
	font-size: 15px;
	line-height:28px;
}
td.usestep-next {
	width:660px;
	padding: 10px;
	background-color: #E8E8E8;
}
td.usestep-tp {
	padding-bottom: 8px;
}
.usestep-next a {
	float: right;
}
.usestep-number {
	font-weight: bold;
	color: #900;
	margin-right:5px;
}
.go-highimg {
	width: 200px;
	height:46px;
	background-color: #360;
	text-align: center;
	position: absolute;
	margin-top:18px;
	margin-left:420px;
	border: 2px solid #FFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
	color: #FFF;
	box-shadow: 0px 0px 30px #888;
	pointer-events: none;
}
/*e啟用理財寶序號-黃色大按鈕*/
.serial-number-b {
	border: 1px solid #E37700;
	border-radius: 6px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.25);
	color: #333;
	cursor: pointer;
	display: block;
	margin-bottom: 5px;
	text-align: center;
	width: 128px;
	background-image: url(../images/sm-b.png);
	background-repeat: repeat-x;
	font-size: 15px;
	line-height: 20px;
	padding-top: 7px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	text-indent:4px;
}
.serial-number-b:hover {
	border: 1px solid #B73700;
	text-decoration: none;
	background-image: url(../images/sm-b-h.png);
	color: #000;
}
a.serial-number-b {
	color: #333;
}
.serial-number-b img {
	position: relative;
	top: 4px;
	right: 7px;
	height: 16px;
	width: 16px;
	border:none;
}
/*e啟用理財寶序號-黃色大按鈕*/
/*原richpower↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*--------------------------------------------------s頁面身體--------------------------------------------------*/
.content-out {
	width: 995px;
	margin-right: auto;
	margin-left: auto;
}
/*--------------------------------------------------e頁面身體--------------------------------------------------*/
/*---------------------------------s按鈕空間使用---------------------------------------------------*/
.b-start-using {
	background-image: url(../images/home/b-startusing-bg.png);
	width: 238px;
	color: #3E3E3E;
	border: 1px solid #FD9D00;
	cursor:pointer;
	font-size: 15px;
	height: 35px;
	line-height:35px;
	padding-right: 0;
	padding-left: 0;
	position: relative;
	top: 10px;
}
.b-start-using:hover {
	background-image: url(../images/home/b-startusing-bg-h.png);
}
.b-basic {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	cursor:pointer;
	color:#333;
}
.gm-b {
	background-image: url(../images/gb-b.png);
	background-repeat: no-repeat;
	background-color:transparent;
	font-size:16px;
	padding-bottom:42px;
	padding-left: 10px;
	padding-top: 8px;
	cursor:pointer;
	height: 100px;
	width: 260px;
	border:none;
	position: relative;
	left: -8px;
}
.gm-b:hover {
	background-image: url(../images/gb-b-h.png);
}
/*---------------------------------e按鈕空間使用---------------------------------------------------*/
/*---------------------------------s字型設定區---------------------------------------------------*/
.f-white {
	color: #FFF;
}
.f-red {
	color: #900;
}
.f-ae {
	font-size: 25px;
	font-weight: bold;
	color: #900;
}
/*---------------------------------e字型設定區---------------------------------------------------*/
/*s輸入產品序號欄位*/
.enter-number {
	display: inline-block;
	width: 260px;
	height: 22px;
	line-height: 22px;
	padding: 5px;
	margin: 0;
	outline: none;
	background-color: white;
	border: 2px solid #FFCC34;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 4px;
	font-size: 15px;
}
.enter-number-s {
	display: inline-block;
	width: 50px;
	height: 22px;
	line-height: 22px;
	padding: 5px;
	margin: 0;
	outline: none;
	background-color: white;
	border: 2px solid #FFCC34;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 4px;
	font-size: 15px;
	text-align: center;
}
/*e輸入產品序號欄位*/
/*s一般輸入欄位*/
.inputbox {
	display: inline-block;
	width: 260px;
	height: 22px;
	line-height: 22px;
	padding: 5px;
	margin: 0;
	outline: none;
	background-color: white;
	border: 1px solid #48698A;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 4px;
	font-size: 13px;
}
.inputbox:hover {
	border: 1px solid #FC0;
}
.ShowGray {
	color: #A7A7A7;
}
/*e一般輸入欄位*/
hr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D8D8D8;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.question-img, .download-img, .home-img, .gorich-img {
	background-image: url(../images/home/question.png);
	background-repeat: no-repeat;
	height: 20px;
	/*	width: 130px;*/
	float:left;
	padding-left:20px;
	background-position: 0px 1px;
	margin-top:10px;
	margin-left:30px;
	line-height:20px;
}
.download-img {
	background-image: url(../images/home/download.png);
}
.home-img {
	background-image: url(../images/home/q-home.png);/*	width: 105px;*/
}
.gorich-img {
	background-image: url(../images/gorich.png);
	background-position: 0px 3px;
}
/*理財寶軟體下載*/
.dn-b {
	background-image: url(../images/dn-b.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 330px;
	margin-right: auto;
	margin-left: auto;
	cursor:pointer;
}
.dn-b:hover {
	background-image: url(../images/dn-b-h.png);
}
.dn-02-b {
	background-image: url(../images/dn-02-b.png);
	background-repeat: no-repeat;
	height: 75px;
	width: 309px;
	cursor:pointer;
}
.dn-02-b:hover {
	background-image: url(../images/dn-02-b-h.png);
}
.dn-red-t {
	font-size: 20px;
	font-weight: bold;
	color: #900;
	line-height:120%;
}
/*理財寶軟體下載*/
.oprh-b {
	color: #FFF;
	background-image: url(../images/open-rh-b.png);
	background-repeat: no-repeat;
	line-height:38px;
	text-indent: 46px;
	height: 36px;
	width: 171px;
	cursor:pointer;
}
.oprh-b:hover {
	background-image: url(../images/open-rh-b-h.png);
}
/*取得邀請按鈕*/
.invite-b {
	font-size: 15px;
	color: white;
	cursor: pointer;
	padding: 4px 20px 2px 20px;
	line-height: 32px;
	border: 1px solid #05428B;
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-image: url(../images/wr-b.gif);
	background-repeat: repeat-x;
}
.invite-b:hover {
	background-image: url(../images/wr-b-h.gif);
}
/*取得邀請按鈕*/
.invite-int {
	border: 1px solid #7D95B7;
	line-height:38px;
	width: 360px;
	height:36px;
	background-color: #FFFFF4;
	font-size: 15px;
	position: relative;
	top: 0px;
	padding-right: 10px;
	padding-left: 10px;
}
.f-noun, .f-correct {
	color: #900;
	background-image: url(../images/table-box/c-exclamation.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 0px;
	position: relative;
	line-height:16px;
	float:left;
	height:14px;
	display:none;
}
.correct-out {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top:16px;
	float:left;
}
.f-correct {
	color: #2D7104;
	background-image: url(../images/table-box/c-correct.png);
}
/*讀取動畫*/

/*以下help↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.loadgf {
	background-image: url(../images/table-box/loading-web.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	float: right;
	position:relative;
	margin-left:5px;
	margin-top:5px;
}
/*讀取動畫*/
/*註冊流程說明頁面*/
.rithelp-title {
	font-size: 14.5px;
	line-height: 38px;
	color: #FFF;
	background-image: url(../images/help/rithelp-title-bg.gif);
	background-repeat: repeat-x;
	padding-left: 10px;
	width: 983px;
	float: left;
}
.rithelp-bb a {
	font-size: 15px;
	line-height: 40px;
	color: #333;
	background-image: url(../images/help/rithelp-bb-bg.gif);
	background-repeat: repeat-x;
	text-indent:10px;
	height: 40px;
	width: 300px;
	border: 1px solid #999;
	display: block;
	float: left;
	margin-bottom:10px;
	text-decoration: none;
}
.rithelp-bb a:hover {
	background-image: url(../images/help/rithelp-bb-bg-02.gif);
	color: #FFF;
}
.rithelp-next {
	color: #900;
	font-size: 18px;
	width: 320px;
	line-height: 40px;
	float:left;
	font-weight: bold;
}
.rithelp-small-title {
	font-size: 15px;
	line-height: 40px;
	color: #333;
	background-image: url(../images/help/rithelp-bb-bg.gif);
	background-repeat: repeat-x;
	text-indent:10px;
	height: 40px;
	width: 100%;
	float: left;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #FFF;
	border-left-color: #999;
}
.helpbox-out {
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	width: 100%;
	float: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
.rithelp-gotop a {
	font-size: 14.5px;
	color: #333;
	float: right;
	margin-right: 10px;
	text-decoration: none;
	background-image: url(../images/help/gotop.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: 0px 12px;
}
.rihome a {
	font-size:12px;
	float: right;
	text-align: right;
	margin-right: 10px;
	color: #FFF;
}
.rihome-b a {
	font-size:12px;
	float: right;
	text-align: right;
	color: #059;
}
.sm-title, .sm-title a {
	color: #900;
	line-height: 30px;
	font-size: 15px;
}
/*註冊流程說明頁面*/

/*s-help2.0*/
.heipouttc {
	font-size: 15px;
	line-height: 170%;
	color: #000;
}
.heip-st {
	margin-left: 100px;
}
.qustitle {
	font-size: 16px;
	color: #273C65;
	background-image: url(../images/help/question-02.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 30px;
	margin-left:40px;
	line-height:28px;
	font-weight: bold;
}
.fewtit {
	color: #FFF;
	font-size: 15px;
	background-image: url(../images/help/red-bar.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: 10px;
	width: 400px;
	height: 34px;
	line-height:36px;
	margin-bottom:10px;
	margin-left:100px;
}
.fewtit-02 {
	color: #1A3479;
	font-size: 20px;
	background-image: url(../images/ae/test-race/icon-up.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: 36px;
	width: 300px;
	height: 30px;
	line-height:40px;
	margin-bottom:10px;
	margin-left:86px;
	font-weight: bold;
}
/*e-help2.0*/
.trendxname {
	font-size: 24px;
	color: #e66200;
}
.trash-icon {
	background-image: url(../images/trash-icon.png);
	height: 16px;
	width: 16px;
	cursor:pointer;
	margin-left:7px;
}
.trash-icon:hover {
	background-image: url(../images/trash-icon-h.png);
}
/*廣告控制*/
#showcaseNav {
	position: absolute;
	margin-top:12px;
	z-index: 40;
	width:764px;
	text-align:right;
}
#showcaseNav a {
	background-image:url(../images/ae-w.png);
	background-repeat:no-repeat;
	color:#333;
	text-decoration:none;
	margin-right: 4px;
	height: 22px;
	width: 22px;
	font-size: 12px;
	display: inline-block;
	line-height:20px;
	text-align:center;
	padding-top:1px;
}
#showcaseNav a:hover{
	color: #900;
}
#showcaseNav a.activeSlide {
	color:#FFF;
	background-image:url(../images/ae-h.png);
	background-repeat:no-repeat;
} 
/*廣告控制*/
