@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanstc.css");

/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

#userloginForm input::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: rgb(255, 255, 255);
	opacity: 1;
	/* Firefox */
}

#userloginForm input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: rgb(255, 255, 255);
}

#userloginForm input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: rgb(255, 255, 255);
}

input:focus {
	outline: unset;
}

article, aside, figcaption, figure, video, audio, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: #555;
	transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	font-size: 14px;
}

a:hover, a:focus, a:active {
	text-decoration: none;
	color: #333;
}

img {
	vertical-align: middle;
	height: auto;
	max-width: 100%;
}

button, label {
	cursor: pointer;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

img, fieldset, button {
	border: 0;
	vertical-align: top;
}

body {
	font-family: Verdana, Geneva, 'Noto Sans TC', sans-serif;
	margin: 0;
	padding: 0;
	-moz-background-size: cover;
	background-size: cover;
	background-color: #e5e5e5;
	background: white;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	/* needed for container min-height */
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clear {
	clear: both;
}

.cont {
	display: block;
	width: 100%;
	background-size: 100% auto;
	height: auto !important;
	position: relative;
	-moz-background-size: cover;
	background-size: cover;
	margin-top: 50px;
}

.logo {
	background-image: url(../images/logo.png);
	height: 160px;
	width: 134px;
	background-size: contain;
	background-repeat: no-repeat;
	float: left;
}

#main {
	background: url(../images/mainbg.png) center top no-repeat;
	width: 1000px;
	margin: -230px auto 0 auto;
	padding: 10px 10px 50px 10px;
	z-index: 99;
	position: relative;
	/*border-right: 1px solid #cebebe;
	border-bottom: 1px solid #cebebe;
	border-left: 1px solid #cebebe;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px ;
	-webkit-border-radius: 0 0 8px 8px ;*/
}

.main {
	border: solid 1px #cebebe !important;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.maintop {
	margin-top: 50px !important;
	background-color: inherit !important;
	border: hidden !important;
}

#main-left {
	width: 720px;
	float: left;

}

#main .leftline {
	/* background: #fff; */
	/* border: 1px solid #da8cbe; */
	margin: 10px 0 0 10px;
	font-size: 14px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

}

#list5 {
	padding: 5xp;

}

#main-right {
	width: 240px;
	float: right;
	margin-right: 15px;

}

/**/
.nav-top, .nav_submenu {
	z-index: 999 !important;
	border-radius: 0px !important;
}

.nav_submenu_ad {
	font-weight: 300;
	text-transform: none;
	display: none;
	position: absolute !important;
	margin-left: -200px;
	z-index: 50 !important;
}

#banner-box {
	min-height: 219px;
	margin-left: 13px;
}

.news_box {
	width: 703px;
	margin: 5px 0 0 10px;
	position: relative;
	/* border: 1px solid #afa696; */
	padding: 8px;
}

.main_l_bg {
	background-image: url(../images/main_l_bg.png);
	height: 280px;
	width: 29px;
	position: absolute;
	top: 10px;
	left: 432px;
	z-index: 99;
}

.main_r_bg {
	background-image: url(../images/main_r_bg.png);
	height: 280px;
	width: 29px;
	position: absolute;
	top: 10px;
	right: 432px;
	z-index: 99;
}

/*論壇互動*/
#forum {
	background: url(../images/forumbg.png) center top no-repeat;
	height: 275px;
	;
	width: 691px;
	position: relative;
	margin-bottom: 10px;
	padding: 10px 10px 0 10px;
	display: none;
}

.forummain a {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 450px;

}

.forummain {
	overflow: hidden;
	padding: 10px 20px;
}

.forummain h3 {
	font-size: 22px;
	font-weight: bold;
	border-bottom: solid 1px #666;
	margin-bottom: 12px;
	padding-bottom: 5px;
}

.forummain ul {
	margin-left: 0px;
}

.forummain ul li {
	position: relative;
	width: 99%;
	height: 30px;
	margin-bottom: 10px;
	line-height: -50%;
	border-bottom: double 1px #999;
}

.forummain ul li a {
	color: #333;
	font-weight: 500;
	margin-left: 75px;
}

.forummain ul li a:hover {
	color: #999;
}

.forummain ul li p {
	width: 585px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/*line-height:24px;*/
	padding-left: 10px;
	margin-top: 4px;
	font-weight: 500;
}

.forummain ul li p img {
	vertical-align: bottom;
}

.forummain ul li span {
	position: absolute;
	right: 16px;
	top: 0;
	line-height: 24px;
}

.forummain em {
	width: 60px;
	position: absolute;
	top: 0;
	left: 16px;
	line-height: 24px;
}

.List {
	background-color: #F0F0F0 !important;
	margin-left: 60px;
}

/*會員登入*/
.begin {
	width: 246px;
	margin: 13px 0 27px 0;
	/* min-height: 210px; */
}

.sign {
	width: 250px;
	padding: 0 5px;
	position: relative;
	/*background-color: #ef5a82;*/
}

.gmaestart {
	background: url(../images/gamestart.png) no-repeat;
	width: 246px;
	height: 174px;
	float: left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.gmaestart:hover {
	background: url(../images/gamestart_hover.png) no-repeat;
}

.gmaestart a {
	display: block;
	height: 100%;
	width: 100%;
}

@-webkit-keyframes play {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 0 -3450px;
	}
}

@keyframes play {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 0 -3450px;
	}
}

@-webkit-keyframes play2 {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 0 -3450px;
	}
}

@keyframes play2 {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 0 -3450px;
	}
}

.guide_btn {
	clear: both;
	min-width: 210px;
	height: 31px;
	position: relative;
	top: 13.5px;
	margin: auto;
}

.nember {
	background: url(../images/nember.png) no-repeat;
	height: 31px;
	width: 116px;
	float: left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.nember:hover {
	background: url(../images/nember_hover.png) no-repeat;
	height: 54px;
	width: 122px;
}

.nostartup {
	background: url(../images/nostartup.png) no-repeat;
	height: 31px;
	width: 116px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	float: right;
}

.nostartup:hover {
	background: url(../images/nostartup_hover.png) no-repeat;
}

.login {
	width: 246px;
	height: 174px;
	clear: both;
	padding: 5px 10px 10px 10px;
	color: #333;
	position: relative;
	font-size: 14px;
	background: url(../images/login.png) no-repeat center top;
}

.user_id {
	margin-bottom: 7px;
}

.user_pw {}

.login_before {
	width: 246px;
	height: 174px;
	position: relative;
	top: -5px;
	margin-top: unset;
}

.submit_login {
	background: url(../images/login-1.png) no-repeat 0 0;
	width: 100%;
	height: 100%;	
	float: right;
	/* display: inline; */
	margin-right: 10px;
}
.submit_login:hover{
	background: url("../images/login_hover.png") no-repeat center top;
}


.login_before ul li input {
	float: left;
	display: inline;
	width: 143px;
	height: 27px;
	border-radius: 6px;
	border: 1px solid #D6D6D6;
	color: #fff;
	background-color: #8A66D8;
	margin-bottom: 9px;
	margin-left: 10px;
}

.user_id_label {
	margin-bottom: 5px;
}

.login .nickname {
	font-size: 16px;
	color: #333;
	height: 50px;
	line-height: 50px;
}

.login .nickname .username {
	margin-left: .5em;
	color: rgb(255, 255, 255);
}

.login .point {
	background-color: #8a66d8;
	padding: 1px 3px;
	font-size: 13px;
	width: 44%;
	float: left;
	margin: 2px 3% 13px;
	border: solid #ffffff 1px;
	color: #fff;
	border-radius: 8px;
}

.login .point span {
	display: block;
}

.login .point span.number {
	text-align: right;
}

.login .point span.number strong {
	font-size: 20px;
	font-weight: lighter;
	color: #f95ce6;
	padding-right: 4px;
}

.login .qlins {
	position: relative;
	width: 87%;
	/* height: 100%; */
	margin: auto;
}

.login .qlins a {
	text-indent: -9999px;
}

.login .qlins a:nth-child(1) {
	display: inline-block;
	background: url(../images/deposit.png) no-repeat center center;
	width: 93px;
	height: 23px;
	float: left;
}

.login .qlins a:nth-child(1):hover {
	background: url(../images/deposit_hover.png) no-repeat center center;
}

.login .qlins a:nth-child(2) {
	display: inline-block;
	background: url(../images/info-modify.png) no-repeat center center;
	width: 93px;
	height: 23px;
	float: right;
}

.login .qlins a:nth-child(2):hover {
	background: url(../images/info-modify_hover.png) no-repeat center center;
}


.login a.btn_logout {
	position: absolute;
	background-color: #a969c7;
	color: #fff;
	padding: 4px 16px;
	top: 13px;
	right: 19px;
	border-radius: 7px;
	border: #fff 1px solid;
	font-size: 1rem;
	font-weight: 300;
}

.login a.btn_logout:hover {
	background-color: #cd84f0;
	text-decoration: none;
	color: #e8e8e8;
}

.hd {
	background-image: url(../images/title.png);
	height: 50px;
	width: 100%;
}

.mixBox, .noticeBox, .eventBox, .journalBox, .fixBox {
	/* background-image: url(../images/new_bg.png); */
	height: 41px;
	width: 684px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #bebbbc;
	padding: 10px 0 0 18px;
}

.moretext {
	background-image: url(../images/plus.png);
	height: 23px;
	width: 23px;
	float: left;
	position: absolute;
	top: 23px;
	right: 33px;
	z-index: 10;
}

.n {
	background-image: url(//images.mangot5.com/template/common/images/newssicon.jpg);
	height: 23px;
	width: 23px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	/*background-color: #179cd6;
	padding: 5px;*/
	float: left;
	margin: 0 3px;
}

.e {
	background-image: url(//images.mangot5.com/template/common/images/eventsicon.jpg);
	height: 23px;
	width: 23px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	/*background-color: #179cd6;
	padding: 5px;*/
	float: left;
	margin: 0 3px;
}

.newstitletext {
	position: absolute;
	left: 158px;
	top: 15px;
}

.newstitletext a {
	color: #FFF !important;
	text-decoration: none;
}

.j {
	height: 20px;
	width: 100px;
	background-color: #fc6a14;
	padding: 5px;
	display: none;
}

.datestyle {
	margin-left: 35px;
	width: 100px;
	text-align: right;
	color: rgb(110, 110, 110);
	font-size: 14px;
}

.bigtext, .bigtext a {
	width: 450px;
	margin: 2px 0;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bigtext, .bigtext a:hover {
	color: #999;
}

.join_us {
	background: url(../images/forgotpw.png) no-repeat;
	width: 93px;
	height: 23px;
	text-indent: -9999px;
	float: right;
	text-align: center;
	/* margin: 18px 0 0 22px; */
}

.join_us:hover {
	background: url(../images/forgotpw_hover.png) no-repeat;
}

.find_idpw {
	background: url(../images/forgorid.png) no-repeat;
	width: 93px;
	height: 23px;
	text-indent: -9999px;
	float: left;
	text-align: center;
	/* margin: 18px 0 0 15px; */
}

.find_idpw:hover {
	background: url(../images/forgorid_hover.png) no-repeat;
}


.clearFix {
	clear: both;
	padding: 12px 16px;
	/* margin: 20px auto 0 auto; */
}

/*banner*/
#hotListContain {
	margin-top: 5px;
}

#banner-box ul li {
	padding: 0px;
	float: left;
	width: 224px;
	height: 192px;
	position: relative;
	margin-top: 5px;
}

#banner-box ul li:not(:last-of-type) {
	margin-right: 11px;
}

.hotTitle a {
	color: #fff;
}
.hotImg a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.hotTitle a:hover {
	text-decoration: underline;
}


#hotList ul {
	overflow: hidden;
}

#banner-box ul li:nth-child(1) .hotImg {
	display: inline-block;
	background: url(../images/banner01.png) center center no-repeat;
	width: 224px;
	height: 213px;
	cursor: pointer;
}

#banner-box ul li:nth-child(1) .hotImg:hover {
	background: url(../images/banner01-hover.png) center center no-repeat;
}

#banner-box ul li:nth-child(2) .hotImg {
	display: inline-block;
	background: url(../images/banner02.png) center center no-repeat;
	width: 224px;
	height: 213px;
	cursor: pointer;
}

#banner-box ul li:nth-child(2) .hotImg:hover {
	display: inline-block;
	background: url(../images/banner02-hover.png) center center no-repeat;
}

#banner-box ul li:nth-child(3) .hotImg {
	display: inline-block;
	background: url(../images/banner03.png) center center no-repeat;
	width: 224px;
	height: 213px;
	cursor: pointer;
}

#banner-box ul li:nth-child(3) .hotImg:hover {
	background: url(../images/banner03-hover.png) center center no-repeat;
}

#banner-box ul li img {
	display: none;
}

.newhot {
	position: absolute;
	top: 5px;
	background-image: url(../images/new.png);
	height: 60px;
	width: 64px;
	left: 107px;
}

#hotList ul li .hotCharacter {
	background-image: url(../images/int2.jpg);
	background-repeat: no-repeat;
	position: absolute;
	width: 100px;
	height: 30px;
	top: 128px;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	z-index: 2;
	padding-left: 13px;
	padding-top: 2px;
	left: 130px;
	text-align: center;
	background-position: center;
	line-height: 220%;
}

#hotList ul li p {
	width: 160px;
	color: #FFF;
	padding-left: 2px;
	margin-top: 5px;
}

/*vedio*/
.vedio {
	margin-top: 20px;
	width: 687px;
	margin-left: 15px;
	position: relative;
}

.vedio h3 {
	background-image: url(../images/vedio_title.png);
	height: 50px;
	width: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.vedio img {
	width: 100%;
	height: 130px !important;
}

.vediotext {
	background-image: url(../images/plus.png);
	height: 23px;
	width: 23px;
	float: left;
	position: absolute;
	top: 16px;
	right: 18px;
	z-index: 10;
}

#media .revision {
	margin-top: 10px;
}

#media .revision a.framer {
	height: auto;
}

#media .revision ul li {
	float: left;
	width: 31.4%;
	height: 170px;
	margin: 0 0 10px 10px;
	padding: 0;
	text-align: center;
	background: #262626;
	/* Old browsers */
	background: -moz-linear-gradient(top, #262626 0%, #353535 50%, #262626 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #262626 0%, #353535 50%, #262626 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #262626 0%, #353535 50%, #262626 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#262626', GradientType=0);
	background-repeat: no-repeat;
	border-radius: 10px;
}

.revision ul li img {
	margin: 9px 0 0 0;
	width: 294px;
	height: 143px;
	margin-bottom: 6px;
	border-radius: 6px;
}

.revision ul li em {
	width: 290px;
	background-color: #000;
}

.revision ul li div {
	margin-top: 2px;
	margin-left: 13px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	width: 190px;
}

/*網頁商城*/
.ah-ctn-b {
	min-height: 200px;
	margin: 10px 0 10px 10px;
	display: none;
}

.ah-special1 {
	background: url(/img/sites/ahlm/s1.jpg) no-repeat;
}

.ah-special {
	position: relative;
	display: block;
	float: left;
	width: 220px;
	height: 200px;
	margin-right: 10px;

	border: double 1px #666;
}

.ah-special img {
	position: absolute;
	left: 35%;
	top: 35%;
}

.ah-special-mask {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .4;
	filter: alpha(opacity=40);
}

.ah-special-title {
	width: 218px;
	top: 158px;
	left: 0px;
	font-size: 14px;
	font-family: "Microsoft Yahei";
	color: #fff;
	position: absolute;
	background-color: #666;
	text-align: center;
	height: 40px;
	line-height: 35px;
}

.ah-special-title:hover {
	color: #D6D6D6;
}

.ah-special-hot {
	width: 83px;
	background-image: url(../images/hot.png);
	height: 86px;
}

.ah-special-new {
	width: 55px;
	background-image: url(../images/new.png);
	height: 31px;
	float: right;
	margin: -86px 5px 0 0;
}

/*box*/
.page-new img {
	border-radius: 0;
}

.page-new .hd {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dedaf1;
	margin-bottom: 15px;
}

.page-new .news_box .hd {
	margin-bottom: 0px;
}

.page-new .hd>h3 {
	background-image: url(../images/ico.png);
	padding-left: 30px;
	background-repeat: no-repeat;
	font-size: 20px;
	color: #5d5491;
	margin: 0;
}

.page-new .useful_box h3 {
	background-position: 0 -25px;
}

.useful_box {
	width: 246px;
	overflow: hidden;
	float: left;
	margin-top: 13px;
	margin-left: 5px;
	text-align: center;
}

.useful_box li {
	float: left;
	width: 50%;
	margin: -1px -1px 0 0;
	text-align: center;
	background-color: #999;
}

.useful_box li a, .useful_box li span {
	display: block;
	height: 130px;
	padding-top: 30px;
	color: #5d5491;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}

.useful_box li span span.time {
	font-size: 13px;
	height: auto;
	padding-top: 0;
}

.useful_box li a .fa, .useful_box li span .fa {
	display: block;
	color: #afc9e6;
}

.page-new .event_box h3 {
	background-position: 0 -50px;
}

.event_box img {
	width: 100%;
}

.page-new .mall_box h3 {
	background-position: 0 -75px;
}

/*footer*/
.footer100 {
	background: url(../images/footer.png) center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 605px;
	margin-top: -50px;
}


footer {
	text-align: left;
	width: 1000px;
	margin: 0 auto;
	height: 100px;
	position: relative;
	/*　margin-top: -100px;*/
	color: #333;
	padding: 288px 0 0 0;
}



.logo01 {
	object-position: -99999px 99999px;
	background: url(../images/ci_width_w.png)no-repeat center center;
	width: 127px;
	background-size: contain;
}

.logo03 {
	object-position: -99999px 99999px;
	background: url(../images/Actoz_soft_logo.png)no-repeat center center;
	width: 90px;
	background-size: contain;
}

.footerstext1 {
	position: absolute;
}

.footerstext1 br, .footerstext br:nth-child(odd) {
	display: none;
}

footer ul {
	list-style: none;
	padding-left: 0;
	display: flex;
	justify-content: center;
	font-weight: 300;
}

footer ul li {
	padding: 12px;
	color: #fff;
}

footer ul li:nth-child(4) {
	padding-right: 0;
}

.footerstext {
	font-size: 12px;
	line-height: 20px;
	margin-top: 10px;
}

.footerstext1 {
	font-size: 12px;
	line-height: 15px;
	margin-top: 100px;
}

#footer {
	background: #f8f9fa;
}

#footer {
	height: 120px;
	padding-top: 57px;
	border-top: 1px solid #e6e6e6;
}

#footer ul {
	padding-left: 267px;
	height: 17px;
}

#footer li {
	float: left;
	height: 100%;
}

#footer li a {
	display: block;
	height: 100%;
	text-indent: -9999em;
}

input[type="submit"] {
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	border: none;
}



input {

	width: 125px;
	padding-left: 5px;
}


/*=lbtn_list=*/


em {
	color: nth($color, 4);
	font-size: nth($fsz, 2);
	width: 100%;
	left: 0px;
	top: 97px;
}

.rbtn1, .rbtn3 {
	margin-right: 10px;
}

.rbtn1 span {
	background-position: 4px -20px;
}

.rbtn2 span {
	background-position: -145px -20px;

}

.rbtn3 span {
	background-position: 4px -175px;
}

.rbtn4 span {
	background-position: -145px -175px;
}

.rbtn1 {

	height: 36px;
	width: 35px;
	background-repeat: no-repeat;
}

.rbtn_list {
	float: right;
	display: inline;
	width: 246px;

}

.rbtn_list a {
	float: left;
	/*display: inline;*/
	width: 246px;
	height: 56px;
	margin-bottom: 7px;
	text-align: center;
	overflow: hidden;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;

}

.rbtna1 {
	background-color: #CCC;
	display: none;
}

.rbtna2 {
	/*background-color: #666;*/
	background: url(../images/maintain.png)no-repeat;
	height: 56px;
	width: 246px;
	cursor: default;
}

/*.rbtna2:hover{
	background-image: url(../images/maintain_hover.png);

}*/
.rbtna3 {
	background-color: #666;
	display: none;
}

.rbtn_list a span {
	display: block;
	width: 245px;
	height: 91px;
	position: absolute;
	left: 50%;
	margin-left: -34.5px;
	top: 20px;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;

	-o-transition: all 0.1s;
	transition: all 0.1s;
	z-index: 10;
}

.rbtn_list a em {
	color: #fff;
	font-size: 14px;
	width: 100%;
	position: absolute;
	left: 1px;
	top: 67px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s
}

.rbtn_list a:hover span {
	top: 8px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.rbtn_list a:hover em {
	top: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.rbtn_list .rbtn1, .rbtn_list .rbtn3 {
	margin-right: 7px
}

.rbtn_list .rbtn1 span {
	background-repeat: no-repeat;
}

.rbtn_list .rbtn2 span, .rbtn_list .rbtn2 img {
	display: none;
}

.rbtn_list .rbtn3 span {
	background-position: 4px -175px;
}

.rbtn_list .rbtn4 span {
	background-position: -145px -175px;
}


#wrapContainer {
	min-width: 1000px;
	margin: 0;
	padding: 0;
	/* overflow: hidden; */
	-moz-transition: height 0.15s ease-in;
	-o-transition: height 0.15s ease-in;
	-webkit-transition: height 0.15s ease-in;
	transition: height 0.15s ease-in;
}

.wrapbg {
	/*background-image: url(../images/topbg2.png);*/
	height: 32px;
	width: 100%;
	position: absolute;
	z-index: 6;
	top: 599px;
}

.wrapbg2 {
	background-image: url(../images/topbg2.png);
	height: 32px;
	width: 100%;
	position: absolute;
	z-index: 6;
	top: 355px;
}

#container {
	position: relative;
	margin: 78px auto 0;
	width: 1000px;
	min-height: 350px;
	padding: 0 0 100px;
	margin-top: 0 !important
}


.promotionPosiWrap {
	position: relative;
	width: 100%;
	z-index: 5;
	margin-top: -184px;
}

.Wrap_img {
	z-index: 99;
	width: 100%;
	height: 380px;
	background: #000002 url("../images/ad_sample_02.jpg") no-repeat center top;
}

.mainRollBanner {
	/*position:absolute;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 750px;
	z-index: 5;
	/* background: url("../images/hader_bg.png") no-repeat center top; */
}

.mainRollBanner li {
	display: none
}

.mainRollBanner .mainRollList {
	position: relative;
	width: 1000px;
	height: 580px;
	overflow: hidden;
	z-index: 5;
	margin: 0 auto;
}

.bcolor {
	height: 30px;
	width: 250px;
	margin-right: 1px;
}

.bcolorbutton {
	/*background-color: #333;*/
	color: #FFF;
}

/*輪撥BANNER*/
.mainRollBanner .mainRollList li {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer
}

.mainRollBanner .mainRollList li img {
	width: 1000px;
	height: 580px;
	vertical-align: top;
}

.mainRollBanner .promoRollingBg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 49px;
	z-index: 8;

}

.mainRollBanner .promoRollingPager {
	position: relative;
	width: 940px;
	height: 49px;
	margin: -59px auto 0;
	z-index: 10;
	overflow: hidden
}

.mainRollBanner .promoRollingPager .mainRollThumbList {
	position: relative;
	width: 940px;
	height: 49px;
	margin: 0 auto;
	/*overflow:hidden;*/
}

.mainRollBanner .promoRollingPager .mainRollThumbList li {
	position: absolute;
	left: 0;
	top: 0;
	width: 235px;
	height: 49px;
	overflow: hidden;
	cursor: pointer;
	font-size: 18px;
	/*padding: 10px;*/
	/*text-align: center;*/
	/*background: url(../images/txt_gnb.png) center top scroll repeat;*/
	border: .8px solid #ffffff;
	font-weight: bold;
}


.mainRollBanner .promoRollingPager .mainRollThumbList li:visited {
	background: url(../images/txt_gnb_h.png) center top scroll repeat;
	color: #e8e8e8;

}

.mainRollBanner .promoRollingPager .mainRollThumbList li:hover {
	background: url(../images/txt_gnb_h.png) center top scroll repeat;
	color: #efdfdf;

}

.mainRollBanner .promoRollingPager .mainRollThumbList li:active {
	background: url(../images/txt_gnb_h.png) center top scroll repeat;
	color: #e8e8e8;

}

.mainRoll {
	background: url(../images/txt_gnb_h.png) center top scroll repeat;

}

.mainRollBanner .promoRollingPager .mainRollThumbList li img {
	vertical-align: top;
}

.mainRollBanner .promoRollingPager .mainRollThumbList li .mask {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.mainRollBanner .promoRollingPager .mainRollThumbList li:hover img, .mainRollBanner .promoRollingPager .mainRollThumbList li.on img {
	position: absolute;
	bottom: 0;
}

.mainRollBanner button {
	position: absolute;
	left: 50%;
	top: 470px;
	width: 30px;
	height: 49px;
	/*text-indent:-119988px;*/
	overflow: hidden;
	text-align: center;
	text-transform: capitalize;
	z-index: 10;
	font-weight: bold;
	display: block !important;
}

.mainRollBanner button.prevPage {
	margin: 51px 0 0 -500px;
	background-position: 0 0;
	border: .8px solid #ffffff;
	background: url(../images/txt_gnb_sub.png) center top scroll repeat;
	color: #fff;
	cursor: pointer
}

.mainRollBanner button.prevPage:hover {
	background-position: 0 -49px;
}

.mainRollBanner button.nextPage {
	margin: 51px 0 0 470px;
	background-position: right 0;
	border: .8px solid #ffffff;
	background: url(../images/txt_gnb_sub.png) center top scroll repeat;
	color: #fff;
	cursor: pointer
}

.mainRollBanner button.nextPage:hover {
	background-position: right -49px;
}

.mainRollBanner .numWrap {
	position: absolute;
	top: 333px;
	left: 50%;
	margin-left: -566px;
	z-index: 100;
	color: #fff;
	font-size: 25px;
	font-style: italic;
}

.mainRollBanner .numWrap .current {
	font-weight: bold;
	font-style: italic
}

.ie7 .promotionPosiWrap {
	top: 78px;
	margin-top: 0
}

.eventLayer {
	position: absolute;
	right: 0;
	z-index: 100
}

.eventLayer .contents {
	position: relative;
	height: 100%;
	color: #fff
}

header {
	/*width: 1920px;*/
	height: 184px;
	position: relative;
	margin: 0 auto;
	/* background: url(../images/headerbg.png) center top no-repeat; */
	z-index: 9;
}

.nav {
	margin-bottom: 10px;
}

header h1 {
	z-index: 50;
	position: absolute;
	height: 150px;
	left: 50%;
	top: 11px;
	margin-left: -480px;
	width: 180px;
	/*background-image: url(../images/txt_gnb_sub2.png);
	background-repeat: repeat;*/
}

#container {
	padding-top: 0;
}

/*BANNER輪播*/

#abgne_fade_pic {
	position: relative;
	width: 238px;
	height: 238px;
	background-color: #f1f1f1;
	margin-top: 15px;
	display: none;
}

#abgne_fade_pic a.ad {
	position: absolute;
	/* 讓圖片疊在一起 */
	top: 0;
	left: 0;
}

#abgne_fade_pic .control {
	position: absolute;
	right: 10px;
	bottom: 3px;
}

#abgne_fade_pic .control a {
	display: inline-block;
	padding: 2px;
	margin: 0 3px;
	width: 20px;
	height: 20px;
	text-align: center;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: rgba(0%, 0%, 0%, 0.6);
}

#abgne_fade_pic .control a.on {
	font-weight: bold;
	color: #f00;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: rgba(255%, 51%, 153%, 0.9);
}

/* 選項列 */
.gnbDim {
	background: #fff;
	z-index: 30;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 300px;
	/*border-bottom:1px solid #F09; 
	background:#000; 
	opacity:0; 
	filter:alpha(opacity =0); */
	display: none;
}

#gnb {
	z-index: 50;
	position: absolute;
	top: -5px;
	left: 57%;
	width: 850px;
	margin-left: -445px;
}

#gnb li ul li {
	width: 100%;
}

#gnb li a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../images/spr_gnb2.png);
	background-repeat: no-repeat;
}

#gnb li ul {
	padding-top: 7px;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none;
}

#gnb .depth1 {
	float: left;
}

#gnb .newss .represent {
	width: 160px;
	height: 75px;
	background-position: 0 0;
}

#gnb .newss ul {
	width: 160px;
}

#gnb .intro .represent {
	width: 160px;
	height: 75px;
	background-position: -160px 0;
}

#gnb .intro ul {
	width: 160px;
}

#gnb .u .represent {
	width: 160px;
	height: 75px;
	background-position: -320px 0;
}

#gnb .u ul {
	width: 160px;
}

#gnb .data .represent {
	width: 160px;
	height: 75px;
	background-position: -480px 0;
}

#gnb .data ul {
	width: 160px;
}

#gnb .support .represent {
	width: 160px;
	height: 75px;
	background-position: -640px 0;
}

#gnb .support ul {
	width: 160px;
}

#gnb .depth2 {
	height: 24px;
}

#gnb .newss .m1 {
	background-position: 0 -79px;
}

#gnb .newss .m2 {
	background-position: 0 -104px;
}

#gnb .newss .m3 {
	background-position: 0 -129px;
}

#gnb .newss .m4 {
	background-position: 0 -153px;
}

#gnb .newss .m5 {
    background-position: 0px -178px;
}

#gnb .newss .m6 {
    background-position: 0px -203px;
}

#gnb .newss .m1:hover {
	background-position: 0 -251px;
}

#gnb .newss .m2:hover {
	background-position: 0 -276px;
}

#gnb .newss .m3:hover {
	background-position: 0 -301px;
}

#gnb .newss .m4:hover {
	background-position: 0 -325px;
}

#gnb .newss .m5:hover {
	background-position: 0 -349px;
}

#gnb .newss .m6:hover {
	background-position: 0 -373px;
}

#gnb .intro .m1 {
	background-position: -145px -79px;
}

#gnb .intro .m2 {
	background-position: -145px -103px;
}

#gnb .intro .m3 {
	background-position: -145px -127px;
}

#gnb .intro .m4 {
	background-position: -145px -151px;
}

#gnb .intro .m5 {
	background-position: -145px -175px;
}

#gnb .intro .m1:hover {
	background-position: -145px -251px;
}

#gnb .intro .m2:hover {
	background-position: -145px -275px;
}

#gnb .intro .m3:hover {
	background-position: -145px -299px;
}

#gnb .intro .m4:hover {
	background-position: -145px -323px;
}

#gnb .intro .m5:hover {
	background-position: -145px -347px;
}

#gnb .u .m1 {
	background-position: -300px -79px;
}

#gnb .u .m2 {
	background-position: -300px -103px;
}

#gnb .u .m3 {
	background-position: -462px -127px;
}

#gnb .u .m4 {
	background-position: -462px -151px;
}

#gnb .u .m5 {
	background-position: -462px -175px;
}

#gnb .u .m1:hover {
	background-position: -300px -251px;
}

#gnb .u .m2:hover {
	background-position: -300px -275px;
}

#gnb .u .m3:hover {
	background-position: -462px -299px;
}

#gnb .u .m4:hover {
	background-position: -462px -323px;
}

#gnb .u .m5:hover {
	background-position: -462px -347px;
}

#gnb .data .m1 {
	background-position: -470px -79px;
}

#gnb .data .m2 {
	background-position: -470px -103px;
}

#gnb .data .m3 {
	background-position: -470px -127px;
}

#gnb .data .m4 {
	background-position: -470px -151px;
}

#gnb .data .m5 {
	background-position: -470px -175px;
}

#gnb .data .m1:hover {
	background-position: -470px -251px;
}

#gnb .data .m2:hover {
	background-position: -470px -275px;
}

#gnb .data .m3:hover {
	background-position: -470px -299px;
}

#gnb .data .m4:hover {
	background-position: -470px -323px;
}

#gnb .data .m5:hover {
	background-position: -470px -347px;
}

#gnb .support .m1 {
	background-position: -630px -79px;
}

#gnb .support .m2 {
	background-position: -630px -103px;
}

#gnb .support .m3 {
	background-position: -630px -127px;
}

#gnb .support .m4 {
	background-position: -630px -151px;
}

#gnb .support .m5 {
	background-position: -630px -175px;
}

#gnb .support .m6 {
	background-position: -630px -199px;
}

#gnb .support .m1:hover {
	background-position: -630px -251px;
}

#gnb .support .m2:hover {
	background-position: -630px -275px;
}

#gnb .support .m3:hover {
	background-position: -630px -299px;
}

#gnb .support .m4:hover {
	background-position: -630px -323px;
}

#gnb .support .m5:hover {
	background-position: -630px -347px;
}

#gnb .support .m6:hover {
	background-position: -630px -371px;
}


iframe[name="google_conversion_frame"] {
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	left: -1000%;
	overflow: hidden;
}

/*FB*/
#partnerBg {
	width: 243px;
	height: 60px;
	margin: 20px 0 5px 0;
	position: relative;
}

#partnerBg a {
	width: 39px;
	height: 39px;
	float: left;
	display: inline;
}

#partnerBg a.pt1 {
	background-image: url(../images/fb.png);
	height: 56px;
	width: 246px;
}

#partnerBg a.pt1:hover {
	background-image: url(../images/fb_hover.png);
}

#partnerBg a.pt2 {
	background-position: -45px 0;
}

#partnerBg a.pt3 {
	background-position: -45px 0;
}

#partnerBg a.pt4 {
	background-position: -45px 0;
}

#partnerBg a:hover.pt1 {}

#partnerBg a:hover.pt2 {
	background-position: -45px -39px;
}

#partnerBg a:hover.pt3 {
	background-position: -90px -39px;
}

#partnerBg a:hover.pt4 {
	background-position: -135px -39px;
}

.useful_box .downban {
	background: url(../images/download_b.png) no-repeat;
	height: 102px;
	width: 242px;
	float: left;
	margin-bottom: 10px;
	display: none;

}

.useful_box .downban:hover {
	background: url(../images/download_bh.png) no-repeat;
	height: 102px;
	width: 242px;
	float: left;
}

.table {
	width: 98% !important;
	max-width: 98%;
	margin-bottom: 20px;
}

.goTop {
	float: right;
	margin: -10px 10px 0 0;
	background-image: url(../images/goTop.png);
	height: 77px;
	width: 50px;
}

.nav_menu-item_ad {
	z-index: 99 !important;
}

.otp {
	background: url(../images/otp.png) no-repeat;
	height: 56px;
	width: 246px;
	margin: 5px 0 12px 0;
	float: left;
}

.otp:hover {
	background: url(../images/otp_hover.png) no-repeat;
}

.word {
	width: 180px;
	position: absolute;
	z-index: 99;
	left: 10%;
	top: 11px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	color: #e8e8e8;
}

.leftline2 {
	font-size: 14px;
	border: 1px solid #cebebe;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

/*****faq*****/
.depth1_ul h4 {
	padding: 10px 30px;
    font-size: 15px;
    /* font-weight: bold; */
    /* border-bottom: 1px solid #d8d9df; */
    word-break: break-all;
    color: #636363;
}

.list_faq .depth1_ul li:nth-child(1) {
    border-top: 1px dashed #c6c6c6;
}

.list_faq .depth1_ul li {
	/*border-bottom: 2px solid #ff5ef6;*/
	border-bottom: 1px dashed #c6c6c6;
	/* background-color: #fbe; */
}

.tag_list ul li {
	float: left;
	margin: 10px;
}

.tab_controller ul li {
	float: left;
	margin-right: 10px;
}

.tab_controller .tabs {
	display: block;
	height: 58px;
	line-height: 56px;
	border: 1px solid #b8bdd3;
	background: #dde0ec;
	font-size: 18px;
	color: #606c7c;
	text-align: center;
	text-decoration: none;
	padding: 0 15px;
	margin-bottom: 10px;
}

.detail .fL {
	width: 102px;
	min-height: 60px;

	float: left;
}

.list_faq .ico {

	display: block;
	background: url(http://images.mangot5.com/template/au/images/spr_etc.png) no-repeat;
}

.detail .reply {
	margin: 16px auto 0 auto;
	width: 36px;
	height: 31px;
	background-position: 0 -358px;
}

.detail .txt {
	padding: 18px 25px;
	min-height: 34px;
	height: auto;
	/* border-left: 1px solid #fff;
	background: #fff !important; */
	word-break: break-all;
	word-wrap: normal;
	line-height: 20px;
}

.list_faq .next {
	float: right;
	width: 8px;
	height: 14px;
	margin-top: -20px;
	background-position: -110px -358px;
	margin-top: -24px;
	margin-right: 10px;
	display: none;
}

.depth1_ul li {
	margin-top: 5px;
}

/******* download ****/
#list5 h3 {
	height: 39px;
	margin-top: 5px;
	padding: 9px 0px 10px 42px;
	background: url(http://images.mangot5.com/template/la/images/icon_down.png) no-repeat left 0;
	font-size: 18px;
	background-size: contain;
}

/**** event ***/
.event-content .media {
	/*border-right: 2px solid gray;*/
	background-color: #f1f1f1;
	padding: 10px;
}

/*** header ***/
.mangot5bigad .nav_menu-item_ad>a>img {
	height: 48px;
}

/*** details ***/
#main-l table .details {
	min-height: 400px;
}

#main-l .guide article {
	min-height: 400px;
}

#media a.framer {
	height: 131px;
	/*background: black;*/
	display: block;
}

.btn-danger a, .btn-warning a {
	color: #FFF;
}

.btn-primary {
	margin-top: 10px;
}

.nav {
	background-repeat: repeat-x;
	height: 35px;
}
.nav-tabs > li {
    float: left;
    margin-left: -7px;
    margin-right: 15px;
    margin-bottom: -1px;
}
.nav-tabs > li a::after {
    content: "｜";
    position: absolute;
    margin-left: 6px;
    color: #000;
}
.nav-tabs > li:last-child a::after {
display: none;
}
.nav>li>a {
	padding: 3px 7px !important;
}

.nav-tabs>li>a {
	color: rgb(0, 0, 0);
	text-align: center;
	/*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
	border: hidden;
}

.nav-tabs>li>a:hover {
	/* background-color: #f73272; */
	color: #ff80c4;
}
.nav-tabs > li > a:hover{
	border-color:unset;
}
.nav > li > a:hover, .nav > li > a:focus{
	text-decoration:unset;
	background-color:unset;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	/* background-image: url(../images/cloud_h.png); */
	background-repeat: repeat-x;
	color: #ff80c4;
	font-weight: bold;
	border: 1px solid #246C8E;
	font-family: "微軟正黑體 Light";
	border-top: hidden;
	border-left: hidden;
	border-right: hidden;
	border-bottom: #fff solid 5px;
}

.nav-tabs>li {
	/* background-image: url(../images/cloud.png);
	background-repeat: repeat-x; */
}

.nav-tabs {
	border: hidden;
	border-bottom: 1px solid #989898;
}

.tab-content>.active img {
	height: auto !important;
}

.Wrap01_img {
	z-index: 99;
	width: 100%;
	height: 964px;
	background: url("../images/ad_sample_01.png") no-repeat center top;
	position: relative;
    margin-bottom: -588px;
}

.Wrap02_img {
	z-index: 99;
	width: 100%;
	height: 1036px;
	background: url("../images/ad_sample_02.png") no-repeat center top;
	position: relative;
    margin-bottom: -666px;
}

.Wrap03_img {
	z-index: 99;
	width: 100%;
	height: 1084px;
	background: url("../images/ad_sample_03.png") no-repeat center top;
	position: relative;
    margin-bottom: -711px;
}

.Wrap04_img {
	z-index: 99;
	width: 100%;
	height: 380px;
	/* background: url("../images/ad_sample_04.png") no-repeat center top; */
}

.Wrap05_img {
	z-index: 99;
	width: 100%;
	height: 965px;
	background: url("../images/ad_sample_05.png") no-repeat center top;
	position: relative;
    margin-bottom: -588px;
}

#main-l .table {
	table-layout: fixed;
}

#main-l .table tr td:first-child {
	/* text-align: right; */
	text-overflow: ellipsis;
	overflow: hidden;
}

.col-md-12 {
	padding-right: 2px !important;
	padding-left: 10px !important;
}

.banner1, .banner2, .banner3, .banner4, .banner5 {
	display: none;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: transparent;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top:1px dashed #b3b3b3;
}

nobr {
    line-height: 24px;
}