@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-repeat: no-repeat;
	background-position: center top;
}
body.People {
	background-image: url(../../images/new/bg/banner_Su.png);
}
body.Professional {
	background-image: url(../../images/new/bg/ProfessionalBg.jpg);
}
img {
	border: 0px;
}
a {
	text-decoration: none;
}
.absAccesskey {
	z-index: 999;
	position: absolute;
}
.wrapper {
	position: relative;
	margin: 0 auto;
	width: 1000px;
}
.header {
	position: relative;
}
.header .top {
	position: relative;
	height: 100px;
}
.header .topLogo {
	position: absolute;
	left: 21px;
	top: 8px;
}
.header .topLink {
	position: absolute;
	top: 10px;
	right: 10px;
}
body.People .header .topLink, body.People .header .topLink a {
	color: #000;
}
body.People .header .topLink a:hover, body.People .header .topLink a:focus {
	color: #000;
}
body.Professional .header .topLink, body.Professional .header .topLink a {
	color: #FFF;
}
body.Professional .header .topLink a:hover, body.Professional .header .topLink a:focus {
	color: #000;
}
.header .topSearch {
	position: absolute;
	right: 10px;
	top: 64px;
}
.header .topSearch .topSearchInput {
	color: #909090;
	width: 270px;
	padding: 3px 5px;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	vertical-align: top;
}
body.People .header .topSearch .topSearchInput {
	border-color: #418fa9;
}
body.Professional .header .topSearch .topSearchInput {
	border-color: #0d5cbd;
}
.header .topSearch .topSearchBtn {
	background-image: url(../../images/new/btn/topSearchBtn.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 29px;
	height: 25px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	text-indent: -9999px;
}
body.People .header .topSearch .topSearchBtn {
	background-color: #418fa9;
}
body.Professional .header .topSearch .topSearchBtn {
	background-color: #0d5cbd;
}
body.People .header .topSearch .topSearchBtn:hover, body.People .header .topSearch .topSearchBtn:focus, body.Professional .header .topSearch .topSearchBtn:hover, body.Professional .header .topSearch .topSearchBtn:focus {
	background-color: #000;
}
.header .menu {
	position: relative;
	clear: both;
}
.index {
	position: relative;
	padding: 20px 20px 0 20px;
}
.indexLeft {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 656px;
	margin-right: 10px;
}
.indexRight {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 290px;
}
.indexLeft.inner {
	width:690px;
}
.mainBanner {
	position: relative;
	margin-bottom: 10px;
}
#abgne-block {
	width: 656px;
	height: 150px;
	position: relative;
}
#abgne-block ul, #abgne-block li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.abgne-player {
	width: 656px;
	height: 150px;
	position: relative;
	overflow: hidden;
}
.abgne-player ul.abgne-list {
	position: absolute;
	width: 9999px;
	height: 100%;
}
.abgne-player ul.abgne-list li {
	float: left;
	width: 656px;
	height: 100%;
}
.abgne-player ul.abgne-list img {
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 5px;
}
.abgne-control {
	color: #fff;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.abgne-control ul {
	float: left;
}
.abgne-control ul li {
	float: left;
	padding: 0 5px;
	line-height: 20px;
	margin: 2px;
	background: #666;
	cursor: pointer;
}
.abgne-control ul.arrows {
	display: none;
}
.abgne-control ul.numbers {
	text-align: right;
}
#abgne-block .abgne-control ul.numbers li {
	padding: 2px 6px;
	margin-left: 3px;
}
.abgne-control ul li.current {
	background: #fff;
	color: #000;
}
.abgne-control ul li.hover {
	background: #fff;
	color: #000;
}
.nsMainBanner {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nsMainBanner li {
	margin-bottom: 5px;
}
.indexNews {
	position: relative;
	background-color: #b68ed2;
	border-radius: 5px;
	padding: 5px 10px;
	margin-bottom: 10px;
	height: 265px;
	overflow-y: auto;
}
body.Professional .indexNews {
	background-color: #7ab1e3;
}
.indexNews.ns {
	height:auto;
}
.indexNewsTitle {
	margin: 0;
	padding: 0 0 0 30px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	letter-spacing:1px;
	background: url(../../images/new/icon/indexNewsTitle.png) no-repeat center left;
}
body.Professional .indexNewsTitle {
	background: url(../../images/new/icon/indexNewsTitle_pro.png) no-repeat center left;
}
.indexNewsContent {
	position:relative;
	margin:15px 0 10px 0;
}
.indexNews .ui-widget {
	font-size:13px;
	font-family:"新細明體";
}
.indexNews .ui-tabs {
	padding:0;
}
.indexNews .ui-widget-content {
	border:none;
	background:none;
}
.indexNews .ui-tabs .ui-tabs-panel {
	padding:0;
}
.indexNews .type.ui-tabs .ui-tabs-panel {
	padding:5px;
	background-color:#b4b3d2;
}
body.Professional .indexNews .type.ui-tabs .ui-tabs-panel {
	background-color:#a9dad7;
}
.indexNews .ui-tabs .ui-tabs-nav {
	padding:0;
}
.indexNews .type.ui-tabs .ui-tabs-nav {
	position:absolute;
	right:0;
	top:-28px;
	width:auto;
	text-indent:0;
	list-style:none;
}
.indexNews ul, .indexNews ul li {
	list-style:none;
}
.indexNews .type.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float:left;
}
.indexNews.ns .type {
	position:relative;
}
.indexNews.ns #tabs .type ul {
	float:right;
	margin-top:-28px;
	width:auto;
}
.indexNews.ns #tabs .type ul li, body.Professional .indexNews.ns #tabs .type ul li {
	padding:0;
	background-image:none;
	background-color:#FFF;
	border:none;
	width:auto;
	text-indent:0;
}
.indexNews.ns #tabs .type ul li a {
	padding:0 10px;
	color: #784f90;
    font-weight: bold;
}
body.Professional .indexNews.ns #tabs .type ul li a {
	color: #7ab1e3;
}
.typeContentNs {
	float: right;
    width: 485px;
	display: block;
	padding: 5px;
	margin-bottom:35px;
    background-color: #b4b3d2;
}
body.Professional .typeContentNs {
    background-color: #a9dad7;
}
.indexNews .type.ui-tabs .ui-tabs-nav li, body.Professional .indexNews .type.ui-tabs .ui-tabs-nav li {
	float:left;
	background-image:none;
	background-color:transparent;
	border:none;
	width:auto;
	clear:inherit;
	list-style:none;
}
.indexNews .type.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	padding:0;
	background-image:none;
	background-color:#FFF;
}
body.Professional .indexNews .type.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background-color:#FFF;
}
body.Professional .indexNews .type.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color:#7ab1e3;
}
.indexNews .type.ui-tabs .ui-tabs-nav li a {
	padding:0 10px;
}
.indexNews .ui-state-active, .indexNews .ui-widget-content .ui-state-active, .indexNews .ui-widget-header .ui-state-active {
	background:#b4b3d2;
	background-image:none;
	color:#784f90;
}
.indexNews .ui-widget-header {
	background:none;
	border:none;
}
.indexNews .ui-tabs .ui-tabs-nav li, .indexNews.ns #tabs ul li {
	margin:0;
	border-bottom:1px dashed #b4b3d2;
}
body.Professional .indexNews .ui-tabs .ui-tabs-nav li, body.Professional .indexNews.ns #tabs ul li {
	border-bottom:1px dashed #c0d5e8;
}
.indexNews .ui-state-default, .indexNews .ui-widget-content .ui-state-default, .indexNews .ui-widget-header .ui-state-default {
	background-color:#9e76b6;
	background-image:url(../../images/new/icon/indexNewsArrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	color:#FFF;
	font-weight:normal;
}
body.Professional .indexNews .ui-state-default, body.Professional .indexNews .ui-widget-content .ui-state-default, body.Professional .indexNews .ui-widget-header .ui-state-default {
	background-color:#6291c7;
}
.indexNews .ui-state-default a, .indexNews .ui-state-default a:link, .indexNews .ui-state-default a:visited {
	color:#FFF;
}
.indexNews .ui-state-active a, .indexNews .ui-state-active a:link, .indexNews .ui-state-active a:visited {
	color:#784f90;
	font-weight:bold;
}
body.Professional .indexNews .ui-state-active a, body.Professional .indexNews .ui-state-active a:link, body.Professional .indexNews .ui-state-active a:visited {
	color:#000;
}
.indexNews .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin:0;
	padding:0;
}
.indexNews .ui-corner-all, .indexNews .ui-corner-bottom, .indexNews .ui-corner-left, .indexNews .ui-corner-bl {
	border-radius:0;
}
.indexNews .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float:none;
	padding:0;
	cursor:pointer;
}
.indexNews .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .indexNews .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .indexNews .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor:pointer;
}
.ui-tabs-vertical {
	width:619px;
}
.ui-tabs-vertical .ui-tabs-nav, .indexNews.ns #tabs ul {
	padding:0;
	float: left;
	width:140px;
	line-height:28px;
	text-indent:10px;
}
.ui-tabs-vertical .ui-tabs-nav li {
	clear: left;
	width: 100%;
	border:none;
	margin:0;
}
.ui-tabs-vertical .ui-tabs-nav li a {
	display: block;
}
.indexNews .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active, .indexNews.ns #tabs ul li.ui-tabs-active {
	padding-bottom: 0;
	padding-right:10px;
	border-right-width: 10px;
	border-color:#b4b3d2;
	background-color:#b4b3d2;
	background-image:url(../../images/new/icon/indexNewsArrow_active.png);
}
body.Professional .indexNews .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active, body.Professional .indexNews.ns #tabs ul li.ui-tabs-active {
	border-color:#a9dad7;
	background-color:#a9dad7;
}
.indexNewsTable {
	background-color:#FFF;
}
.indexNewsTable td {
	text-align:left;
	color:#626262;
	padding:6px 8px;
}
.indexNewsTable a {
	color:#626262;
}
.indexNewsTable a:hover, .indexNewsTable a:focus {
	color:#9e76b6;
}
body.Professional .indexNewsTable a:hover, body.Professional .indexNewsTable a:focus {
	color:#6291c7;
}
.indexNewsTable .typeText {
	width:15%;
	white-space:nowrap;
	color:#9e76b6;
}
body.Professional .indexNewsTable .typeText {
	color:#62a19d;
}
.indexNewsTable .date, .consumeTable .date, .consumeTable .iconTd {
	text-align:center;
	width:1%;
	white-space:nowrap;
}
.indexNewsTable tr:nth-child(even){
	background-color:#f2f2f2;
}
.ui-tabs-vertical .ui-tabs-panel {
	padding:5px;
	float: right;
	width:460px;
}
.indexNews.ns ul {
	margin:0;
	padding:0;
	list-style:none;
}
.indexBlock {
	position: relative;
	margin-bottom:10px;
}
.indexBlockTitle {
	position:relative;
	border-radius:5px;
	padding:6px 10px;
	margin-bottom:10px;
}
.indexBlockTitle.consume {
	background-color:#ff8fc9;
}
.indexBlockTitle.epaper {
	background-color:#ff5b7e;
}
.indexBlockTitle.media {
	background-color:#f6be45;
}
.indexBlockTitle.ebook {
	background-color:#d78537;
}
body.Professional .indexBlockTitle {
	background-color:#d7d7d7;
}
.indexTitle {
	margin:0;
	padding: 0 0 0 35px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	letter-spacing:1px;
	background-repeat:no-repeat;
	background-position:left center;
}
.indexTitle.consume {
	background-image:url(../../images/new/icon/indexTitle_Consume.png);
}
.indexTitle.epaper {
	background-image:url(../../images/new/icon/indexTitle_epaper.png);
}
.indexTitle.login {
	background-image:url(../../images/new/icon/indexTitle_login.png);
}
.indexTitle.search {
	background-image:url(../../images/new/icon/indexTitle_search.png);
}
.indexTitle.services {
	background-image:url(../../images/new/icon/indexTitle_services.png);
}
.indexTitle.link {
	background-image:url(../../images/new/icon/indexTitle_link.png);
}
.indexTitle.ebook {
	background-image:url(../../images/new/icon/indexTitle_ebook.png);
}
.indexTitle.media {
	background-image:url(../../images/new/icon/indexTitle_media.png);
}
body.Professional .indexTitle {
	color:#3081e5;
}
body.Professional .indexTitle.consume {
	background-image:url(../../images/new/icon/indexTitle_Consume_pro.png);
}
body.Professional .indexTitle.resources {
	background-image:url(../../images/new/icon/indexTitle_resources_pro.png);
}
body.Professional .indexTitle.login {
	color:#FFF;
	background-image:url(../../images/new/icon/indexTitle_login_pro.png);
}
body.Professional .indexTitle.search {
	background-image:url(../../images/new/icon/indexTitle_search_pro.png);
}
body.Professional .indexTitle.services {
	background-image:url(../../images/new/icon/indexTitle_services_pro.png);
}
body.Professional .indexTitle.link {
	background-image:url(../../images/new/icon/indexTitle_link_pro.png);
}
.indexMore {
	position:absolute;
	right:10px;
	top:5px;
}
.indexMoreBtn {
	border-radius:5px;
	padding:3px 10px;
	background-color:#FFF;
	display:block;
	transition:0.3s;
}
.indexMoreBtn:hover, .indexMoreBtn:focus {
	background-color:#efefef;
}
.indexMoreBtn.consume {
	color:#ef499f;
}
.indexMoreBtn.epaper {
	color:#f33a62;
}
.indexMoreBtn.ebook {
	color:#ad6016;
}
.indexMoreBtn.media {
	color:#d99708;
}
.indexMoreBtn.blueLink {
	color:#63cee1;
}
body.Professional .indexMoreBtn {
	color:#989696;
	border:1px solid #b8b8b8;
}
.indexBlockContent {
	position:relative;
}
.consumeTable {
	border-collapse:collapse;
	color:#666;
}
.consumeTable td {
	border-collapse:collapse;
	padding:6px;
	border-bottom:1px solid #CCC;
	vertical-align:top;
}
.consumeTable .consumeType {
	color:#ff6816;
	white-space:nowrap;
}
.consumeTable a {
	color:#666;
}
.consumeTable a:hover, .consumeTable a:focus {
	color:#000;
}
.consumeTable .noteBg {
	background-color:#efefef;
}
.indexEpaperList {
	margin:0;
	padding:0;
	list-style:none;
}
.indexEpaperList li {
	display:inline-block;
	vertical-align:top;
	width:32.2%;
	margin-right:1%;
}
.indexEpaperList.resources li {
	width:18.6%;
}
.indexEpaperList li:last-child {
	margin:0;
}
.indexEpaperList li img {
	width:100%;
}
.indexEpaperList img {
	transition:0.3s;
}
.indexEpaperList img:hover {
	opacity:0.7;
}
.indexLogin {
	position: relative;
	background-color:#63cee1;
	border-radius:5px;
}
body.Professional .indexLogin {
	background-color:#ff811e;
}
.indexLogin .indexLoginTitle {
	border-bottom:1px solid #26a6c7;
	padding:5px 10px;
}
body.Professional .indexLogin .indexLoginTitle {
	border-bottom:1px solid #ff5f07;
}
.indexLogin .indexLoginContent {
	position:relative;
	padding:10px;
}
.indexLoginForm {
	color:#057286;
	margin-bottom:5px;
}
body.Professional .indexLoginForm {
	color:#FFF;
}
.indexLoginForm .indexLoginInput {
	border:1px solid #2cb2ca;
	width:85px;
}
body.Professional .indexLoginForm .indexLoginInput {
	border:1px solid #ff5f07;
}
.indexLoginBtn {
	display:inline-block;
	background-color:#42abbe;
	color:#FFF;
	border-radius:5px;
	padding:3px 10px;
	margin:2px;
	transition:0.3s;
}
body.Professional .indexLoginBtn {
	background-color:#ff5f07;
}
.indexLoginBtn:hover, .indexLoginBtn:focus {
	background-color:#418fa9;
}
body.Professional .indexLoginBtn:hover, body.Professional .indexLoginBtn:focus {
	background-color:#da5a14;
}
.indexLoginBtn.pwd {
	padding:3px 14px;
}
.indexLogin .indexLoginTool {
	position:relative;
	background-color:#b1e6f0;
}
body.Professional .indexLogin .indexLoginTool {
	background-color:#ffac6b;
}
.indexLoginToolList {
	list-style:none;
	margin:0;
	padding:0 0 0 5px;
}
.indexLoginToolList li {
	float:left;
}
.indexLoginToolList a {
	display:block;
	background-color:#b1e6f0;
	color:#42abbe;
	transition:0.3s;
	padding:3px 5px 3px 30px;
	background-repeat:no-repeat;
	background-position:left center;
}
body.Professional .indexLoginToolList a {
	background-color:#ffac6b;
	color:#ff5a00;
}
.indexLoginToolList a:hover, .indexLoginToolList a:focus {
	background-color:#9ad8e4;
	color:#418fa9;
}
body.Professional .indexLoginToolList a:hover, body.Professional .indexLoginToolList a:focus {
	background-color:#ff9c4e;
	color:#d74c01;
}
.indexLoginToolList .indexLoginToolBtn_1 {
	background-image:url(../../images/new/icon/indexLoginTool_1.png)
}
.indexLoginToolList .indexLoginToolBtn_2 {
	background-image:url(../../images/new/icon/indexLoginTool_2.png)
}
.indexLoginToolList .indexLoginToolBtn_3 {
	background-image:url(../../images/new/icon/indexLoginTool_3.png)
}
.indexLoginToolList .indexLoginToolBtn_4 {
	background-image:url(../../images/new/icon/indexLoginTool_4.png)
}
body.Professional .indexLoginToolList .indexLoginToolBtn_1 {
	background-image:url(../../images/new/icon/indexLoginTool_1_pro.png)
}
body.Professional .indexLoginToolList .indexLoginToolBtn_2 {
	background-image:url(../../images/new/icon/indexLoginTool_2_pro.png)
}
body.Professional .indexLoginToolList .indexLoginToolBtn_3 {
	background-image:url(../../images/new/icon/indexLoginTool_3_pro.png)
}
body.Professional .indexLoginToolList .indexLoginToolBtn_4 {
	background-image:url(../../images/new/icon/indexLoginTool_4_pro.png)
}
.indexLoginBanner {
	position:relative;
	margin-bottom:5px;
}
.indexLoginBannerList {
	list-style:none;
	margin:0;
	padding:0;
}
.indexLoginBannerList li {
	display:inline-block;
	vertical-align:top;
	background:url(../../images/new/bg/indexLoginBanner.png) no-repeat center center;
	width:143px;
	height:45px;
	text-align:center;
}
.indexLoginBannerList.pro {
	margin-bottom:10px;
}
.indexLoginBannerList.pro li {
	display:block;
	background:none;
	width:auto;
	height:59px;
}
.indexLoginBannerList a {
	display:block;
	transition:0.3s;
	font-size:16px;
	color:#fff000;
	font-weight:bold;
	line-height:44px;
}
.indexLoginBannerList.pro a {
	line-height:normal;
}
.indexLoginBannerList a:hover, .indexLoginBannerList a:focus {
	color:#FFF;
}
.indexLoginBannerList.pro a:hover, .indexLoginBannerList.pro a:focus {
	opacity:0.7;
}
.indexHotSearch {
	position:relative;
	margin-bottom:10px;
	border:1px solid #63cee1;
	border-radius:5px;
}
body.Professional .indexHotSearch {
	border:1px solid #d7d7d7;
}
.indexHotSearchTitle {
	background-color:#63cee1;
	padding:5px 10px;
}
body.Professional .indexHotSearchTitle {
	background-color:#d7d7d7;
}
.indexHotSearchList {
	list-style:none;
	margin:0;
	padding:0;
}
.indexHotSearchList li {
	border-bottom:1px solid #63cee1;
}
body.Professional .indexHotSearchList li {
	border-bottom:1px solid #d7d7d7;
}
.indexHotSearchList li:last-child, body.Professional .indexHotSearchList li:last-child {
	border:none;
}
.indexHotSearchList a {
	display:block;
	color:#616161;
	padding:5.5px 10px;
	transition:0.3s;
}
.indexHotSearchList a:hover, .indexHotSearchList a:focus {
	background-color:#b1e6f0;
}
body.Professional .indexHotSearchList a:hover, body.Professional .indexHotSearchList a:focus {
	background-color:#ffe8d6;
}
.indexServicesList {
	list-style:none;
	margin:0;
	padding:0;
	line-height:50px;
}
body.Professional .indexServicesList {
	line-height:45px;
}
.indexServicesList li {
	float:left;
	width:143px;
	border-bottom:1px solid #63cee1;
	border-right:1px solid #63cee1;
}
body.Professional .indexServicesList li {
	border-bottom:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
}
.indexServicesList .rightItem, body.Professional .indexServicesList .rightItem {
	border-right:none;
}
.indexServicesList .bottomItem, body.Professional .indexServicesList .bottomItem {
	border-bottom:none;
}
.indexServicesList a {
	display:block;
	padding:0 0 0 55px;
	color:#616161;
	transition:0.3s;
	background-repeat:no-repeat;
	background-position:left center;
}
body.Professional .indexServicesList a {
	padding:0 0 0 40px;
	color:#ff923c;
	font-weight:bold;
	font-size:16px;
}
.indexServicesList a:hover, .indexServicesList a:focus {
	background-color:#b1e6f0;
}
body.Professional .indexServicesList a:hover, body.Professional .indexServicesList a:focus {
	background-color:#ffe8d6;
	color:#000;
}
.indexServicesList .indexServicesBtn1 {
	background-image:url(../../images/new/icon/indexServices_1.png);
}
.indexServicesList .indexServicesBtn2 {
	background-image:url(../../images/new/icon/indexServices_2.png);
}
.indexServicesList .indexServicesBtn3 {
	background-image:url(../../images/new/icon/indexServices_3.png);
}
.indexServicesList .indexServicesBtn4 {
	background-image:url(../../images/new/icon/indexServices_4.png);
}
body.Professional .indexServicesList .indexServicesBtn1, 
.innerRight .indexServicesList .indexServicesBtn1 {
	background-image:url(../../images/new/icon/indexServices_pro_1.png);
}
body.Professional .indexServicesList .indexServicesBtn2, 
.innerRight .indexServicesList .indexServicesBtn2 {
	background-image:url(../../images/new/icon/indexServices_pro_2.png);
}
body.Professional .indexServicesList .indexServicesBtn3, 
.innerRight .indexServicesList .indexServicesBtn3 {
	background-image:url(../../images/new/icon/indexServices_pro_3.png);
}
body.Professional .indexServicesList .indexServicesBtn4, 
.innerRight .indexServicesList .indexServicesBtn4 {
	background-image:url(../../images/new/icon/indexServices_pro_4.png);
}
body.Professional .indexServicesList .indexServicesBtn5, 
.innerRight .indexServicesList .indexServicesBtn5 {
	background-image:url(../../images/new/icon/indexServices_pro_5.png);
}
body.Professional .indexServicesList .indexServicesBtn6, 
.innerRight .indexServicesList .indexServicesBtn6 {
	background-image:url(../../images/new/icon/indexServices_pro_6.png);
}
.indexEbook {
	position:relative;
}
.indexEbookContent {
	position:relative;
}
.indexEbookBg {
	position:relative;
	text-align:center;
	/*margin-top:-5px;*/
}
.slidesNS {
	list-style:none;
	margin:0;
	padding:0;
}
.slidesNS li {
	text-align:center;
}
.indexMediaList {
	list-style:none;
	margin:0;
	padding:0;
}
.indexMediaList li {
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin-bottom:5px;
}
.indexMediaList .indexMediaBg {
	position:relative;
	background-image:url(../../images/new/bg/mediaBg.png);
	background-repeat:no-repeat;
	/*background-size: 100% 100%;*/
	width:237px;
	height:163px;
}
.indexMediaList .indexMediaThumb {
	position:absolute;
	left:21px;
	top:19px;
}
.indexMediaList .indexMediaThumb img {
	width:146px;
	height:123px;
	border-radius:10px;
}
.indexMediaList .indexMediaPlay {
	position:absolute;
	left:181px;
	top:123px;
}
.indexMediaList .indexMediaPlay a {
	display:block;
	background-color:#6f6f6f;
	color:#FFF;
	padding:2px 5px;
	border-radius:5px;
	transition:0.3s;
}
.indexMediaList .indexMediaPlay a:hover, .indexMediaList .indexMediaPlay a:focus {
	background-color:#FFF;
	color:#6f6f6f;
}
.indexMediaList .indexMediaText {
	text-align:center;
}
.indexAdBanner {
	position:relative;
	margin-bottom:10px;
}
.indexAdBanner .indexAdBannerSlides {
	background-color:#e2e2e2;
	border-radius:5px;
	padding:20px 30px;
	margin-bottom:5px;
}
body.Professional .indexAdBanner .indexAdBannerSlides {
	background-color:#c0daf1;
}
.indexAdBanner .indexAdBannerMore {
	text-align:right;
}
.indexAdBannerMore a {
	display:inline-block;
	transition:0.3s;
	background-color:#7f7f7f;
	color:#FFF;
	padding:3px 7px;
	border-radius:5px;
}
body.Professional .indexAdBannerMore a {
	background-color:#FFF;
	color:#989696;
	border:1px solid #b8b8b8;
}
.indexAdBannerMore a:hover, .indexAdBannerMore a:focus {
	background-color:#333;
}
body.Professional .indexAdBannerMore a:hover, body.Professional .indexAdBannerMore a:focus {
	background-color:#989696;
	color:#FFF;
}
.indexAdBannerList {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
.indexAdBannerList li {
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
}
.indexAdBanner .flexslider .slides img {
	width:139px;
	height:43px;
	transition:0.3s;
}
.indexAdBannerList img:hover {
	opacity:0.7;
}
.footSitemap {
	position:relative;
	background-color:#f4f4f4;
	padding:15px;
}
.footSitemap a {
	color:#686868;
}
.footSitemap a:hover, .footSitemap a:focus {
	color:#5c6984;
	text-decoration:underline;
}
.footSitemap .root {
	font-weight:bold;
}
.footSitemapList {
	list-style:none;
	margin:0;
	padding:0;
}
.footSitemapList li {
	display:inline-block;
	vertical-align:top;
	margin:0 5px 0 0;
	width:88px;
}
.footSitemapList li:last-child, .footSitemapList.lv2 li:last-child {
	margin:0;
}
.footSitemapList.lv2 {
	margin-top:15px;
}
.footSitemapList.lv2 li {
	display:block;
	width:auto;
	margin:0 0 10px 0;
}
.footer {
	position: relative;
	width:1000px;
	margin:auto;
	color: #FFF;
	height: 145px;
	letter-spacing: 1px;
	line-height: 160%;
}
.footer .copyRight {
	position: absolute;
	left: 30px;
	top: 20px;
}
.footer .footerLink {
	position: absolute;
	right: 30px;
	top: 20px;
}
.footer .footerText {
	position: absolute;
	left: 30px;
	top: 55px;
}
.footer .footerImg {
	position: absolute;
	right: 30px;
	top: 55px;
}
body.People .footer {
	background-color: #686868;
}
body.Professional .footer {
	background-color: #343434;
}
body.People .footer .colorText, body.People .footer a {
	color: #63cee1;
}
body.Professional .footer .colorText, body.Professional .footer a {
	color: #ff8200;
}
body.People .footer a:hover, body.People .footer a:focus, body.Professional .footer a:hover, body.Professional .footer a:focus {
	color: #FFF;
}

.innerRight {
	position:relative;
	margin-bottom:10px;
}
.innerRight .TabbedPanels3 {
    float: none;
    clear: none;
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.innerRight .TabbedPanelsTabGroup3 {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 2px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    top: 0px;
}
.innerRight .TabbedPanelsContentGroup3 {
    clear: both;
    background-color: #FFFFFF;
    border: none;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
body.People .innerRight .TabbedPanelsTab3 {
    background-image: url("../../images/new/spry_bg6.gif");
}
body.People .innerRight .TabbedPanelsTab3.TabbedPanelsTabSelected3 {
    background-image: url("../../images/new/spry_bg5.gif");
}

/*搜索指引*/
.hint {
	position:absolute;
	z-index:9999;
}
#hint3 {
	margin:-70px 0 0 -50px;
}
.hintArrow {
	line-height:0;
	text-align:center;
}
.hintText {
	color:#FFF;
	background:url(../../images/new/bg/hintBg.png) repeat;
	border-radius:20px;
	padding:10px 20px;
}
/*搜索指引 end*/

.header .subnavbarBtn {
	position:relative;
	left:10px;
	display:none;
}
.btn-subnavbar span {
	display: block;
	margin-top: 5px;
	width: 24px;
	height: 4px;
	background-color: #286377;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn-subnavbar:hover span {
	background-color: #000;
}
.mp-menu {
	display:none;
}

/*----- 手機版 -----*/
@media screen and ( max-width:767px) {
.wrapper {
	width:auto;
}
.header .topLink, .header .topSearch {
	display:none;
}
.header .topLogo {
	position: relative;
	left: 0;
	top: 0;
	text-align:center;
}
.header .topLogo img {
	width:300px;
}
.header .subnavbarBtn {
	display:block;
}
.sf-menu {
	display:none;
}
.mp-menu {
	display:block;
}
.index {
	padding:5px;
}
.indexLeft, .indexRight {
	display:block;
	width:auto;
	margin-right:0;
	margin-bottom:5px;
}
#abgne-block {
	width: 300px;
	height: 70px;
	margin:auto;
}
.abgne-player {
	width: 300px;
	height: 70px;
}
.abgne-player ul.abgne-list li {
	width: 300px;
}
.indexNews {
	height: auto;
	overflow:hidden;
}
.ui-tabs-vertical {
	width:auto;
}
.ui-tabs-vertical .ui-tabs-nav, .indexNews.ns #tabs ul {
	float:none;
	width:auto;
}
.indexNews .type.ui-tabs .ui-tabs-nav {
	position:relative;
	right:0;
	top:0;
}
.ui-tabs-vertical .ui-tabs-panel {
	float:none;
	width:auto
}
.indexMoreBtn {
	padding:3px 5px;
}
.indexTitle {
	font-size: 15px;
	font-weight: normal;
	letter-spacing:0;
}
.indexEpaperList li {
	display:block;
	width:auto;
	margin-right:0;
	margin-bottom:5px;
}
.indexMediaList li {
	display:block;
	text-align:center;
}
.indexMediaList .indexMediaBg {
	margin:auto;
}
.indexAdBannerList li {
	display:block;
	margin:3px 0;
	text-align:center;
}
.indexAdBanner .flexslider .slides img {
	width:139px;
	margin:auto;
}
.indexLoginBannerList {
	text-align:center;
}
.indexServicesList li {
	width:49.5%;
}
.footSitemap {
	display:none;
}
.footer {
	width:auto;
	height:auto;
	padding:5px;
}
.footer .copyRight, .footer .footerLink, .footer .footerText {
	position: relative;
	left:0;
	top:0;
}
.footer .footerImg {
	/*display:none;*/
	position: relative;
	left:0;
	top:0;
}
}


/* 20170119_vincent_首頁消費紅綠燈區塊樣式 */
.indexNews.pink {
	background-color: #ff8fc9;
}
.indexNews.pink .ui-state-default, .indexNews.pink .ui-widget-content .ui-state-default, .indexNews.pink .ui-widget-header .ui-state-default {
	background-color:#e85ea5;
}
.indexNews.pink .ui-state-active a, .indexNews.pink .ui-state-active a:link, .indexNews.pink .ui-state-active a:visited {
	color:#971e5c;
}
.indexNewsTable.pink a:hover, .indexNewsTable.pink a:focus {
	color:#971e5c;
}
.indexNewsTable.pink .typeText img {
	vertical-align:middle;
	margin-right:3px;
}
.indexMore.pink {
	top:8px;
}
.indexNewsTable .typeText {
	width:15%;
	white-space:nowrap;
	color:#9e76b6;
}
.indexNewsTable.pink .typeText img {
	vertical-align:middle;
	margin-right:3px;
}
body.Professional .indexNewsTable .typeText {
	color:#62a19d;
}
orange {
    color:#FFBB00;
}
.green {
	color:#1a7a15;
}
.yellow {
	color:#edb900;
}
.red {
	color:#d62a1c;
}

/*----- 平板版 -----*/
@media screen and ( min-width:768px) and ( max-width:1000px) {
.wrapper {
	width:auto;
}
.header .subnavbarBtn {
	display:block;
}
.sf-menu {
	display:none;
}
.mp-menu {
	display:block;
}
.index {
	padding:5px;
}
.indexLeft, .indexRight {
	display:block;
	width:auto;
	margin-right:0;
	margin-bottom:5px;
}
#abgne-block {
	margin:auto;
}
.indexNews {
	height: auto;
	overflow:hidden;
}
.indexServicesList li {
	border-bottom:none;
	border-right:1px solid #63cee1;
}
.indexServicesList .rightItem, body.Professional .indexServicesList .rightItem {
	border-bottom:none;
	border-right:1px solid #63cee1;
}
.footSitemap {
	display:none;
}
.footer {
	width:auto;
	height:auto;
}
.footer .copyRight, .footer .footerLink, .footer .footerText {
	position: relative;
	left:0;
	top:0;
}
.footer .footerImg {
	/*display:none;*/
	position: relative;
	left:0;
	top:0;
}

}