@charset "utf-8";
/* 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%;}
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, sans-serif;
	margin: 0;
	padding: 0;
	-moz-background-size: cover;
	background-size: cover;
	background-color: #FFFFFF;
}
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;
	/*padding-bottom: 100px;
	background: url(../images/bg.png) center bottom scroll no-repeat !important;*/
	-moz-background-size: cover;
    background-size: cover;
}
.logo{
	background-image: url(../images/logo.png);
	height: 218px;
    width: 303px;
    margin-top: -70px;
    margin-left: -90px;
	float: left;
}

#main{
	background-color: rgba(255, 255, 255, .9);
	width: 1000px;
	margin: -290px auto 0 auto;
	padding: 10px 10px 10px 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:-400px !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 .leftline img{
    /*height : auto !important;*/
    max-width: 100%;
	
}
#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: 210px;
	margin-left: 6px;
}
.news_box{
	width: 703px;
    margin: 20px 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{
	margin:13px 0 5px 0;
	min-height: 182px;
}
.sign{
	width: 250px;
	padding: 0 5px;
	position: relative;
	/*background-color: #ef5a82;*/
}
.gmaestart{
	background:url(../images/gamestart.png)  no-repeat;
	height: 135px;
	width: 252px;
	float: left;
	text-indent: -99999px;
}
.gmaestart:hover{
	height: 135px;
	width: 252px;
	background-image: url(../images/gamestart_hover.png);
	background-repeat: no-repeat;
}
.nember{
	background:url(../images/nember.png)  no-repeat;
	height: 48px;
	width: 127px;
	float: left;
	text-indent: -99999px;
}
.nember:hover{
	background: url(../images/nember_hover.png)  no-repeat;
	height: 48px;
	width: 127px;	
}
.nostartup{
	background: url(../images/nostartup.png)  no-repeat;
	height: 48px;
	width: 127px;
	position: absolute;
	top: 135px;
	left: 130px;
	text-indent: -99999px;
}
.nostartup:hover{
	background: url(../images/nostartup_hover.png)  no-repeat;
	height: 48px;
	width: 127px;	
}
.login {
    width: 252px;
    padding: 15px 10px 10px 10px;
    color: #333;
    position: relative;
    font-size: 14px;
	background-color: #5b5b5b;
}
.user_id{
	margin-bottom: 7px;
}
.login_before{
	position:relative;
}
a.submit_login{
	position:absolute;
	width: 75px;
	height: 75px;
	background-image: url(../images/sign.png);
	top:0px;
	right:0px;
}
.submit_login:hover{
	float: right;
	background-image: url(../images/sign_r.png);
}
.login_before ul li input{
	width: 145px;
	height: 34px;
	border: 1px solid #D6D6D6;
	color: #666;
	background-color: #e8e8e8;
	margin-bottom: 5px;
    margin-left: 5px;
}
.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:#fff;
	font-weight: 900;
	font-size: 20px;
}
.login .point {
	background-color: rgb(255, 183, 0);
    width: 110px;
    height: 60px;
    padding: 10px;
    float: left;
    text-align: center;
    margin: 5px 0 0 5px;
    font-weight: bold;
}
.login .point span {
	display:block;
}
.login .point span.number {
}
.login .point span.number strong {
	color: #ff1600;
}
.login .qlins {
	/*text-align:center;
	display: inline-flex;*/
	clear:both;
}
/*.login .qlins a {
    width: 110px;
    height: 40px;
    padding: 10px;
    float: left;
    text-align: center;
    margin: 5px 0 0 5px;
    font-weight: bold;
    color: #cdcdcd;
    font-size: 12px;
    background-color: #5a5a5a;
    border: 1px solid #FFF;
}*/
.login a.btn_logout {
	position: absolute;
	width: 75px;
	height: 35px;
	background-image: url(../images/signout.png);
	padding:8px 10px;
	top: 15px;
	right: 15px;
	font-size: 0px;
}
.login a.btn_logout:hover {
	background-image: url(../images/signout_r.png);
}
.hd{
	background: url(../images/title.png) no-repeat;
	height: 41px;
	width: 100%;
}
.mixBox, .noticeBox, .eventBox, .journalBox, .fixBox{
	height: 50px;
	width: 684px;
	border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #9a9a9a;
    padding: 12px 0 0 18px;
}
.moretext{
	background-image: url(../images/plus.png);
	height: 15px;
	width: 14px;
	float: left;
	position: absolute;
	top: 13px;
    right: 33px;
	z-index:10;
}
.n{
	background-image: url(../images/newssicon.jpg);
	height: 23px;
	width: 23px;
	text-indent: -9999px;
	background-repeat: no-repeat;	
	float: left;
	margin: 0 3px;
}

.e{
	background-image: url(../images/eventsicon.jpg);
	height: 23px;
	width: 23px;
	text-indent: -9999px;
	background-repeat: no-repeat;	
	float: left;
	margin: 0 3px;
}

.newstitletext{
	position: absolute;
	left: 128px;
}
.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: #9a9a9a;
	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;	
}
.clearFix{	
	margin: 10px auto 0 auto;
}
.login .qlins,
.login_util { margin-left:3px; margin-top:5px;}
.login .qlins { padding-top:5px; }
.login .qlins a,
.login_util a.join_us, .login_util a.find_idpw{	
	width: 110px;
    height: 40px;
    padding: 10px;
	display:inline-block;
    text-align: center;
    font-weight: bold;
	color: #cdcdcd;
	font-size: 12px;
	background-color: #5a5a5a;
	border: 1px solid #FFF;
}
.login .qlins a{	
	margin:5px 1px;
}
.login .qlins a:hover,
.login_util a.find_idpw:hover,.login_util a.join_us:hover{
	color: #FFF;
	background-color: #747474;
}

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

#banner-box ul li {
	padding: 8px;
	float: left;
	width: 233px;
	height:155px;
	position: relative;
}
.hotTitle a {
	color: #fff;
}
.hotTitle a:hover{
	text-decoration: underline;	
}


#hotList ul {
	overflow: hidden;
}
.hotImg {
}

#banner-box ul li:nth-child(2){
    top: 00px;
    left: -40px;
}
#banner-box ul li:nth-child(3){
    top: 0px;
    left: -10px;
}
#banner-box ul li:nth-child(1) >.hotImg a{
	background-image: url(../images/banner01.png);
    width: 196px;
    height: 271px;
    display: block;
}
#banner-box ul li:nth-child(1) >.hotImg a:hover{
	background-image: url(../images/banner01_r.png);
}
#banner-box ul li:nth-child(2) >.hotImg a{
	background-image: url(../images/banner02.png);
    width: 239px;
    height: 309px;
    display: block;
}
#banner-box ul li:nth-child(2) >.hotImg a:hover{
	background-image: url(../images/banner02_r.png);
}
#banner-box ul li:nth-child(3) >.hotImg a{
	background-image: url(../images/banner03.png);
    width: 262px;
    height: 278px;
    display: block;
}
#banner-box ul li:nth-child(3) >.hotImg a:hover{
	background-image: url(../images/banner03_r.png);
}
.hotImg img{
	height: 0;
	width: 0;
}
.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{
	width: 687px;
    margin-left: 15px;
    position: relative;
    display: none;
}
.vedio h3{
	background-image: url(../images/vedio_title.png);
	height: 45px;
	width: 100%;
}
.vedio img{
	width:100%;
	height:130px!important;
}
.vediotext{
	background-image: url(../images/plus.png);
	height: 21px;
	width: 21px;
	float: left;
	position: absolute;
	top: 15px;
    right: 18px;
	z-index:10;
}
/*網頁商城*/
.ah-ctn-b {
	min-height:200px;
	margin:10px 0 10px 10px;
	display:none;
}
.ah-special1 {
    background: url(../images/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:245px;overflow:hidden;float:left;margin-top:20px;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-color: #1e1e1e;
	} 
footer{
	text-align:left;
	width:1000px;
	margin:0 auto;
	height: 100px;
   　position: relative;
   /*　margin-top: -100px;*/
    color: #FFF;
	padding: 15px 0 0 0;
}

footer ul{list-style:none; padding-left:0;}
footer ul li{float:left;padding:3px;}
.footerstext{font-size:12px;line-height:15px;margin-top:10px;}
.footerstext1{font-size:12px;line-height:15px;margin-top:20px;}
#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:5px;
}


/*=lbtn_list=*/
.lbtn_list{}
.slide{}
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:245px;
	
}
.rbtn_list a{
	float: left;
	/*display: inline;*/
	height: 125px;
    width: 254px;
	/*margin-bottom: 7px;*/
	text-align: center;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	
}
.rbtna1{
	background-color: #CCC;
	display:none;
}
.rbtna2{
	/*background-color: #666;*/
	background-image: url(../images/maintain.png);
	height: 91px;
	width: 245px;
	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: 0px;
	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: -9999px;
}
.rbtn_list a:hover em{
	top: 60px
	text-indent: -9999px;
}
.rbtn_list .rbtn1,.rbtn_list .rbtn3{
	margin-right:7px
}
.rbtn_list .rbtn1 span{
	background-repeat: no-repeat;
}
.rbtn_list .rbtn2 span{
	background-image: url(../images/rbtn1.png);
	background-repeat: no-repeat;
	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: 1080px;
	z-index: 5;
	/*background: url("../images/bg_index.jpg") no-repeat center top;*/
}
	
.mainRollBanner li{display:none}
.mainRollBanner .mainRollList{
	position: relative;
	width: 1000px;
	height: 849px;
	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;*/
	width: 994px;
	height: 475px;
	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:-37px 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: 1px solid #db5b8d;*/
	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: 739px;
	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;
	background: url(../images/txt_gnb_sub.png) center top scroll repeat;
	color: #713500;
	cursor:pointer;
}
.mainRollBanner button.prevPage:hover{
	background-position:0 -49px;
}
.mainRollBanner button.nextPage{
	margin: 51px 0 0 470px ;
	background-position:right 0;
	background: url(../images/txt_gnb_sub.png) center top scroll repeat;
	color: #713500;
	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{
	/*background-color: #000!important;*/
	/*margin-bottom: 10px;*/
}
header h1 {
	z-index: 50;
	position: absolute;
	height: 150px;	
	left: 50%;
	top: 20px;
	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: -99999px;
	background: rgba(0%,0%,0%,0.6);
}
#abgne_fade_pic .control a.on {
	font-weight: bold;
	color: #f00;
	text-indent: -99999px;
	background: rgba(255%,51%,153%,0.9);
}

/* 選項列 */
.gnbDim {
	background-image: url(../images/gnbDim.png);
	background-repeat: no-repeat;
	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: 30px;
	left: 50%;
	width: 760px;
	margin-left:-250px;
	
	
}
#gnb li ul li {width: 100%;}
#gnb li a {
	display: block;
	text-indent: -9999px;
	background-image: url(../images/spr_gnb2.png);
	background-repeat: no-repeat;
}
#gnb li ul {padding-top:16px; opacity:0; filter:alpha(opacity=0); display:none;}
#gnb .depth1 {float:left;margin-right: 42px;}
#gnb .newss .represent {width:110px; height:30px; background-position:0 0;}
#gnb .newss ul {width: 110px;}
#gnb .intro .represent {width:110px; height:30px; background-position:-152px 0;}
#gnb .intro ul {width: 110px;}
#gnb .u .represent {width:110px; height:30px; background-position:-304px 0;}
#gnb .u ul {width: 110px;}
#gnb .data .represent {width:110px; height:30px; background-position:-456px 0;}
#gnb .data ul {width: 110px;}
#gnb .support .represent {width:110px; height:30px; background-position:-608px 0;}
#gnb .support ul {width: 110px;}
#gnb .depth2 {height:24px;}
#gnb .newss .m1 {background-position:0 -46px;}
#gnb .newss .m2 {background-position:0 -71px;}
#gnb .newss .m3 {background-position:0 -96px;}
#gnb .newss .m4  {background-position:0 -121px;}
#gnb .newss .m5 {background-position:0 -146px;}
#gnb .newss .m6 {background-position:0 -171px;}
#gnb .newss .m7  {background-position:0 -196px;}
#gnb .newss .m8{display: none;}
#gnb .newss .m9{display: none;}
#gnb .newss .m1:hover {background-position:0 -243px;}
#gnb .newss .m2:hover {background-position:0 -268px;}
#gnb .newss .m3:hover {background-position:0 -293px;}
#gnb .newss .m4:hover {background-position:0 -318px;}
#gnb .newss .m5:hover {background-position:0 -343px;}
#gnb .newss .m6:hover {background-position:0 -368px;}
#gnb .newss .m7:hover {background-position:0 -393px;}
#gnb .intro .m1 {background-position:-152px -46px;}
#gnb .intro .m2 {background-position:-152px -71px;}
#gnb .intro .m3 {background-position:-152px -96px;}
#gnb .intro .m4 {background-position:-152px -121px;}
#gnb .intro .m5 {background-position:-152px -146px;}
#gnb .intro .m6 {background-position:-152px -171px;}
#gnb .intro .m1:hover {background-position:-152px -243px;}
#gnb .intro .m2:hover {background-position:-152px -268px;}
#gnb .intro .m3:hover {background-position:-152px -293px;}
#gnb .intro .m4:hover {background-position:-152px -318px;}
#gnb .intro .m5:hover {background-position:-152px -340px;}
#gnb .intro .m6:hover {background-position:-152px -366px;}
#gnb .u .m1 {background-position:-304px -46px;}
#gnb .u .m2 {background-position:-304px -71px;}
#gnb .u .m1:hover {background-position:-304px -243px;}
#gnb .u .m2:hover {background-position:-304px -268px;}
#gnb .data .m1 {background-position:-456px -46px;}
#gnb .data .m2 {background-position:-456px -71px;}
#gnb .data .m3 {background-position:-456px -96px;}
#gnb .data .m4 {background-position:-456px -121px;}
#gnb .data .m1:hover {background-position:-456px -243px;}
#gnb .data .m2:hover {background-position:-456px -268px;}
#gnb .data .m3:hover {background-position:-456px -293px;}
#gnb .data .m4:hover {background-position:-456px -318px;}
#gnb .support .m1 {background-position:-608px -46px;}
#gnb .support .m2 {background-position:-608px -71px;}
#gnb .support .m3 {background-position:-608px -96px;}
#gnb .support .m4 {background-position:-608px -121px;}
#gnb .support .m5 {background-position:-608px -146px;}
#gnb .support .m6 {background-position:-608px -171px;}
#gnb .support .m1:hover {background-position:-608px -243px;}
#gnb .support .m2:hover {background-position:-608px -268px;}
#gnb .support .m3:hover {background-position:-608px -293px;}
#gnb .support .m4:hover {background-position:-608px -318px;}
#gnb .support .m5:hover {background-position:-608px -343px;}
#gnb .support .m6:hover {background-position:-608px -368px;}


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: 137px;
	width: 246px;
}
#partnerBg a.pt1:hover {
	background-image: url(../images/fb_r.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: 57px;
	width: 243px;
	margin: 10px 0;
	float: left;
	display: none;
}
.otp:hover{
    background: url(../images/otp_hover.png) no-repeat;
}
.word{
	width: 180px;
	position: absolute;
	z-index: 99;
	left: 10%;
	top: 18%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	color: #ffffff;
}
.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: 14px;
    font-weight: bold;
    border-bottom: 1px solid #d8d9df;
	word-break: break-all;
}
.list_faq .depth1_ul li {
    /*border-bottom: 2px solid #ff5ef6;*/
	background-color: #f2f0dc;
}
.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(../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;
}
.depth1_ul li{margin-top:5px;}

/******* download ****/
#list5 h3{
	height: 39px;
    margin-top: 5px;
    padding: 9px 0px 10px 42px;
    /*background: url(../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:20px;
}
.nav{
	/*background-image: url(../images/cloud.png);
	background-repeat: repeat-x;
	height:50px;*/
	background-color: #30a4a9;
}
.nav > li > a {
    padding: 3px 7px!important;
}
.nav-tabs > li > a{
	color: #fff;
	text-align: center;	/*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
	border:hidden; 
	border-radius: 8px 8px 0 0;
}
.nav-tabs > li > a:hover{
	background-color:#00726c;
	color:#fff;
}
.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: #15918f;
	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;*/
	margin-bottom: 0px;
	margin-top: 1px;
}
.nav-tabs{
	border:hidden;
}
.tab-content > .active img{
	height:auto!important;
}

.Wrap01_img{
	width:100%;
	height: 794px;
	background: url("../images/ad_sample_01.png") no-repeat center top;
}
.Wrap02_img{
	width:100%;
	height: 794px;
	background: url("../images/ad_sample_02.png") no-repeat center top;
}
.Wrap03_img{
	width:100%;
	height: 794px;
	background: url("../images/ad_sample_03.png") no-repeat center top;
}
.Wrap04_img{
	width:100%;
	height: 794px;
	background: url("../images/ad_sample_04.png") no-repeat center top;
}
.Wrap05_img{
	width:100%;
	height: 794px;
	background: url("../images/ad_sample_05.png") no-repeat center top;
}

#main-l .table{
    table-layout: fixed;
    width: 90% !important;
    max-width: 90%;
    margin:20px auto 10px;

}
#main-l .table tr td:first-child{
    text-overflow:ellipsis;
	overflow:hidden;
}
.col-md-12{
    padding-right: 10px!important;
    padding-left: 10px!important;
   }

 .people01 {
    background-image: url(../images/people01.png);
    background-repeat: no-repeat;
    height: 736px;
    width: 553px;
    position: absolute;
    left: 50%;
    top: -285px;
    margin-left: -720px;
    background-size: 80%;
}
 .people02 {
    background-image: url(../images/people02.png);
    background-repeat: no-repeat;
    height: 711px;
    width: 908px;
    position: absolute;
    left: 50%;
    top: -385px;
    margin-left: -820px;
    background-size: 80%;
}
 .people03 {
    background-image: url(../images/people03.png);
    background-repeat: no-repeat;
    height: 673px;
    width: 998px;
    position: absolute;
    left: 50%;
    top: -270px;
    margin-left: -820px;
    background-size: 80%;
}
 .people04 {
 	background-image: url(../images/people04.png);
    background-repeat: no-repeat;
    height: 793px;
    width: 629px;
    position: absolute;
    left: 50%;
    top: -270px;
    margin-left: -750px;
    background-size: 80%;
}
 .people05 {
    background-image: url(../images/people05.png);
    background-repeat: no-repeat;
    height: 793px;
    width: 629px;
    position: absolute;
    left: 50%;
    top: -270px;
    margin-left: -720px;
    background-size: 80%;
}

/*newItemList*/
#list_x .date {
    color: #30a4a9!important;
    background: rgba(0, 0, 0, 0)!important;
    font-size: 20px!important;
    font-weight: 900;
    width: 100%;
    float: left;
    height: 20px;
    display: block;
    line-height: 20px;
    text-align: center;
    margin: 15px 0 15px 0;
}

#list_x table {
    margin: 20px;
    width: 95%;
    background: #5bad3b!important;
}

#list_x table tr td {
    border: 1px solid #80c84a!important;
    padding-left: 5px;
    padding-right: 5px;
}

#list_x table tbody tr td {
    background: #fff5d6;
}

#list_x table tr td p {
    padding: 5px 10px;
}

#list_x table tr td:nth-child(2) {
    white-space: nowrap;
    font-weight: 900;
}

#list_x li a {
    display: block;
}