/*header浮動選單*/
#menu {
}
.default {
}
/*.fixed {
	position: fixed;
	top: -5px;
	left: 0;
	box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
	background:#fff;
	z-index:999;
}*/

.container{
	width:1200px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

header,section,footer{
	width:100%;
	float:left;
}
header{
	background:#eee;
}
header .top{
	padding:8px 0;
	font-size:13px;
	z-index:30;
	position:relative;
}
header .top .container > div{
	width:50%;
	float:left;
	color:#999;
	text-align:right;
	
}
header .top .container > div > a{
	color:#999;
}
header .top .container > div > a:hover{
	color:#091e0b;
}
header .top .container > div:first-child{
	text-align:left;
}
header .top .container > div:first-child > a{
	color:#ea7050;
}
header .top .container > div:first-child > a:hover{
	color:#091e0b;
}

header nav,header .marquee{
	width:100%;
	float:left;
}

header nav ul{
	width:100%;
	float:left;
	display:table;
}
header nav li{
	width:88px;
	display:table-cell;
	border-right:1px dotted #aaa;
	text-align:center;
	font-size:18px;
	vertical-align:middle;
	position:relative;
}
header nav li a span{
	display:block;
	width:100%;
	font-size:12px;
	color:#8dc21f;
}
header nav li a:hover span{
	color:#091e0b;
}
header nav li:first-child{
	border-left:1px dotted #aaa;
}
header nav li:nth-child(6){
	width:320px;
	background:#091e0b;
	height:70px;
}
header nav li:nth-child(6) p {
	position:absolute;
	left:0;
	right:0;
	top:-20px;	
}
header .marquee{
	border-top:1px solid #aaa;
	border-bottom:2px solid #dadf00;
	background:#fff;
	
}
header .marquee .container{
	display:table;
}
header .marquee .container > div{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:440px;
}
header .marquee .container > div:first-child{
	width:440px;
}
/* 僅 IE 11 以上 */
_:-ms-fullscreen, :root header .marquee .container > div:first-child {width:440px;}

/* Microsoft Edge Browser 12+ (All) - @supports method */

@supports (-ms-accelerator:true) {
  header .marquee .container > div:first-child{
	width:440px;
}
}

header .marquee .container > div:nth-child(2){
	width:320px;
	width:322px\9;
	background:#dadf00;
	padding-top:2px;
}
/* 僅 IE 11 以上 */
_:-ms-fullscreen, :root header .marquee .container > div:nth-child(2) {width:322px;}

/* Microsoft Edge Browser 12+ (All) - @supports method */

@supports (-ms-accelerator:true) {
  header .marquee .container > div:nth-child(2){
	width:321px;
}
}

header input{
	border:1px solid #a2a601;
	background:none;
	width:50%;
	font-size:15px;
	color:#091e0b;
}
header button{
	border:0;
	background:none;
	font-size:15px;
	cursor:pointer;
}
header select{
	border:1px solid #a2a601;
	background:none;
	font-size:15px;
	color:#091e0b;
	padding:1px 2px 2px;
}
.navbar{
	z-index:20;
    position: relative;
	border-top:5px solid #091e0b;
	background:#fff;
}

section{
	padding-top:30px;
}



/*底部*/
footer{
	position:absolute;
	bottom:0;
	left:0;
}
footer .bottom{
	background:#f5f5f5;
	padding:20px 0;
	color:#888;
	font-size:12px;
	line-height:30px;
	width:100%;
	float:left;
}
footer .bottom a{
	display:inline-block;
	padding:0 5px;
	color:#999;
}
footer .bottom a:hover,footer .bottom a:hover i{
	color:#4fb133;
}
footer .bottom a i{
	font-size:24px !important;
	color:#444;
}
footer .bottom .text{
	text-align:right;
}
footer .bottom span{
	display:inline-block;
	padding-left:5px;
}
footer .top{
	background:#888;
	width:100%;
	float:left;
}
footer .top ul{
	width:80%;
	margin:0 auto;
}
footer .top li{
	width:25%;
	float:left;
	text-align:center;
}
footer .top a{
	width:100%;
	display:block;
	font-size:16px;
	color:#fff;
	padding:15px 0;
}
footer .top a i{
	padding-right:5px;
}
footer .top a:hover{
	background:#000;
}
footer .warning{
	background:#000;
	width:100%;
	float:left;
	padding:10px 0;
}
footer .warning ul{
	width:auto;
	float:left;
	margin:0 25px;
}
footer .warning li{
	list-style:decimal;
	color:#fff;
	font-size:12px;
}
footer .warning p{
	width:70px;
	height:70px;
	line-height:70px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	background:#c30d23;
	float:left;
	color:#fff;
	font-size:38px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-align:center;
	letter-spacing:-2px;
}

/*會員登入*/
.login h3,.master h3,.buylist h3{
	width:100%;
	float:left;
	padding:5px 5px 10px;
	margin-bottom:15px;
	border-bottom:1px solid #dbdbdb;
	font-size:24px;
	color:#00ad00;
}

.login ul{
	width:80%;
	margin:15px auto;
}
.login li{
	width:100%;
	float:left;
	padding:5px;
	line-height:28px;
}
.login li label{
	width:20%;
	float:left;
	font-size:15px;
}
.login li input[type="text"],.login li input[type="password"]{
	width:70%;
	float:left;
	font-size:15px;
}
.login li input[type="button"]{
	margin-left:20%;
	font-size:15px;
}
.login li input[type="checkbox"]{
	margin-left:20%;
}
.login li a{
	display:inline-block;
	margin-left:10px;
	line-height:20px;
}
.login div{
	border-top:1px dotted #aaa;
	width:100%;
	float:left;
	padding:20px 0;
	text-align:center;
	margin-top:10px;
}
.login div a{
	margin:5px;
	width:40%;
	display:inline-block;
}
.login div a.btn{
	padding:10px 0;
}

/*登入後使用*/
.thRelative.select-login{
	padding:0;
}
.select-login .boxSearch,.select-login .boxSearchHover{
	border:1px solid #aaa;
	height: 26px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.select-login .boxSearch .key_word{
	line-height:18px;
	color:#444;
}
.select-login img{
	width:18px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin-bottom:-4px;
}
.select-login .boxSearch .btn_search,.select-login .boxSearch .btn_search_current{
	border-left: 1px solid #aaa;
	height: 25px;
	background:url(../images/sicon_v4a.png) center no-repeat;
}
.select-login .boxSearch .btn_search_current{
	background:url(../images/sicon_v5a.png) center no-repeat;
}
.select-login .search_form_suggest{
	padding:0;
	top:25px;
	border:1px solid #dbdbdb;
	border-bottom:0;
	border-right:0;
	text-align:center;
}
.select-login .search_form_suggest ul{
	padding-top:0;
}
.select-login .search_form_suggest li{
	width:50%;
	margin:0;
	padding:0;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
}
.select-login .search_form_suggest li a{
	width:100%;
	display:block;
	padding:8px;
	color:#091e0b;
}
.select-login .search_form_suggest li a:hover{
	background:#A3DA93;
	color:#fff;	
}

/*預測高手用*/
.master ul{
	width:90%;
	margin:15px auto;
}
.master li{
	width:50%;
	float:left;
	padding:5px 0;
}
.master div{
	border-top:1px dotted #aaa;
	width:100%;
	float:left;
	padding:10px 0;
	text-align:center;
	margin-top:10px;
}
.master div a{
	margin:0;
	margin-top:5px;
	width:60%;
	display:inline-block;
}
.master div a.btn{
	padding:5px 0;
}

/*購買清單*/
.buylist h3{
	margin-bottom:0;
}
.buylist h3 a{
	float:right;
	line-height:33px;
	font-size:13px;
}
.buylist ul,.buylist li{
	width:100%;
	float:left;
}
.buylist li{
	width:100%;
	float:left;
	padding:10px;
	border-bottom:1px dotted #dbdbdb;
	font-size:16px;
}
.buylist li:first-child{
	background:#eee;
	border-bottom:1px solid #dbdbdb;
}
.buylist li p{
	font-size:14px;
	color:#00ad00;
}
.buylist li:first-child p{
	width:35%;
	float:left;
	text-align:right;
	color:#091e0b;
}
.buylist li:first-child p:first-child{
	width:65%;
	text-align:left;
	font-size:18px;
}
.buylist div{
	width:100%;
	float:left;
	padding:10px 0;
	text-align:center;
	margin-top:10px;
}
.buylist div a{
	display:inline-block;
}
.buylist div a.btn{
	padding:5px 15px;
}
.buylist.ok li:first-child{
	background: none;
	border-bottom:1px dotted #dbdbdb;
}
.buylist.ok li p{
	width: auto;
	float:right
}


/*內頁開始*/
.main-title{
	background:url(../images/banner.jpg) center top no-repeat;
	height:100px;
	width:100%;
	margin:0 auto;
}
.king .main-title{
	background:url(../images/banner-king.jpg) center top no-repeat;
}
.main-title .text{
	text-align:center;
	padding-top:23px;
}
.main-title .text h1,.main-title .text p{
	width:100%;
	float:left;
	text-align:center;
	color:#fff;
	font-size:24px;
}
.main-title .text h1 span{
	font-size:20px;
	display:inline-block;
	padding-left:5px;
}
.main-title .text p{
	font-size:14px;
}
.main-title .text p a{
	color:#fff;
}
.main-title .text p a:hover{
	color:#dadf00;
}

.left{
	width:15%;
	float:left;
	padding:30px 30px 30px 0;
}

.right{
	width:85%;
	float:left;
	padding:30px 0;
}
.article .right,.news .right,.activity-list .right{
	width:100%;
	float:left;
	padding:30px 0;
}
.right .title{
	width:100%;
	float:left;
	padding:7px 10px;
	background:#4fb133;
	color:#fff;
	line-height:30px;
	position:relative;
}
.gg .right .title{
	background:#95c51c;
}
.king .right .title{
	background:#0fb19c;
}
.right .title a{
	display:inline-block;
	padding-left:20px;
	color:#fff;
}
.right .title a.current{
	color:#fffeb7;
}
.right .title a:hover.current,.right .title a:hover{
	color:#091e0b;
}
/*.right .explanation{
	padding:5px 20px;
	color:#44962D;
	border:1px solid #44962D;
	margin:0;
	background:#e5fbde;
}*/
.right .explanation{
	padding:8px 20px;
	color:#fff;
	border:1px solid #44962D;
	margin:0;
	background:#44962D;
}
.gg .right .explanation{
	border:1px solid #508200;
	background:#508200;
}
.king .right .explanation{
	border:1px solid #0a7466;
	background:#0a7466;
}
.right .explanation p{
	width:100%;
	float:left;
	padding:2px 0;
}

.page a{
	border:1px solid #ccc;
	color:#999;
	display:inline-block;
	padding:2px 5px;
	margin:2px 2px;
	width:auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.top-text01 .page a{
	border:1px solid #fff;
	background:#fff;
}
.page input{
	border:1px solid #ccc;
	color:#999;
	font-size:14px;
	background:none;
	width:40px;
	margin:2px 0 2px 2px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.top-text01 input[type="text"]{
	border:1px solid #fff;
	background:#fff;
}
.page a:hover,.page .current{
	background:#444;
	color:#fff;
}
.top-text01 .page a:hover,.top-text01 .page .current{
	border:1px solid #444;
	background:#444;
	color:#fff;
}
[class^='tag-'] {
	font-size:13px;
	display: inline-block;
	width:auto;
	padding:5px 15px;
	background:#e1975c;
	color:#fff;
	margin-right:10px;
}
.tag-2{
	background:#e16f5c;
}
.tag-3{
	background:#e16f5c;
}
.tag-4{
	background:#d9bf2e;
}
.tag-5{
	background:#71d06f;
}
.tag-6{
	background:#58cdbb;
}
.tag-7{
	background:#64c5d7;
}
.tag-8{
	background:#709ed3;
}
.tag-9{
	background:#9e8ecb;
}

.banner-c{
	width:50%;
	float:right;
}
.banner-c img{
	width:100%;
}


/*RWD*/

@media only screen and (max-width: 1380px){

.container{
	width:996px;
}
header nav li:nth-child(6){
	width:266px;
	height:60px;
}
header nav li:nth-child(6) p{
	padding:0 5px;
}
.navbar .pic{
	text-align:center;
	background:#091e0b;
}
.navbar .pic img{
	width:200px;
	margin-bottom:5px;
}
header nav li{
	width:73px;
}
header .marquee .container > div:first-child,header .marquee .container > div{
	width:365px;
}
header .marquee .container > div:nth-child(2){
	width:266px;
}
header input{
	width:48%;
	font-size:12px;
}
header select{
	font-size:12px;
	color:#091e0b;
	padding:1px 2px 2px;
}
.left{
	width:18%;
}

.right{
	width:82%;
}



}

@media only screen and (max-width: 1100px){

.container{
	width:750px;
}
nav li:nth-child(6),header .marquee .container > div:last-child{
	display:none;
}

.smarticker .smarticker-news ul li{
	text-align:left;
}
header{
	padding-top:46px;
}
header .marquee .container > div:first-child{
	width:470px;
}
header .marquee .container > div:nth-child(2){
	background:none;
	border-left:2px solid #dadf00;
	padding-left:10px;
	width:270px;
}
footer,footer .bottom .text{
	text-align: center;
}
footer .top ul{
	width:100%;
}
footer .warning li{
	text-align:left;
}
header input{
	font-size:15px;
}
header select{
	font-size:15px;
}
.left{
	width:100%;
	padding:30px 0 0 0;
}
.left .ui-accordion > div{
	width:16.6%;
	float:left;
	position:relative;
}
.left .ui-accordion .ui-accordion-header.ui-state-active{
	width:100%;
	float:left;
	border-radius:0;
}
.left .ui-accordion .ui-accordion-content{

	left:0;
	width:100%;
	z-index:999;
}
.left .ui-accordion i{
	display:none;
}
.left .ui-accordion .ui-accordion-header{
	border-left: 0;
	border-radius:0;
}
.left .ui-accordion > div:first-child > .ui-accordion-header{
	margin-top:-1px;
	border-left: 1px solid #ECEAEA;
}

.right{
	width:100%;
	padding: 10px 0 30px;
}
.right .title .align-right{
	text-align:left !important;
}
.right .title a{
	padding-left:0;
}
.top-text01 .page{
	padding:10px 0 0;
}
.over{
	overflow-y:hidden;
}
.over table,.top-text.over table{
	width:1000px;
}
.banner-c{
	width:100%;
	float: left;
	padding:10px 0 15px;
}
footer{
	position: relative;
}
}

@media only screen and (max-width: 767px){
.container{
	width:95%;
}
footer div div,footer div div:last-child{
	text-align: center;
}
header .marquee .container > div,header .marquee .container > div:first-child,header .marquee .container > div:nth-child(2){
	width:100%;
	float:left;
}
header .marquee .container > div:first-child{
	background:#dadf00;
}
header .marquee .container > div:nth-child(2){
	border-left:0 solid #dadf00;
	padding:5px 0;
	
}
.smarticker .smarticker-news ul li{
	text-align: center;
}
.theme1 .smarticker-news a{
	font-size:14px;
}
header input{
	width:50%;
	font-size:14px;
}
.marquee .container{
	width:100%;
}




}
@media only screen and (max-width: 700px){
.left .ui-accordion .ui-accordion-header{
	text-align:center;
	padding: 10px 0 20px;
}
.left .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before{
	width:100%;
	display:block;
	padding:5px;
	left:0;
	top:20px;
	right:0;
	text-align:center;
}
.left .ui-accordion .ui-accordion-content{
	top:50px;
}
}
@media only screen and (max-width: 540px){
.buylist.ok li p{
	width:100%;
	float:left;
	text-align:left;
	padding-top:5px;
}
.buylist div a.btn{
	margin-bottom:6px;
}
}
@media only screen and (max-width: 480px){
.login li input[type="button"]{
	width:50%;
}
.login li a{
	display:block;
	margin:10px 0 0 20%;
	width:50%;
	text-align:center;
}
.login div{
	border-top:1px dotted #aaa;
	width:100%;
	float:left;
	padding:20px 0;
	text-align:center;
	margin-top:10px;
}
footer .warning p{
	width:95%;
	height: auto;
	line-height:50px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background:#c30d23;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:10px 0 0 2%;
}

}
@media only screen and (max-width: 430px){
header .marquee .container > div:first-child{
	padding:0 10px;
}
.login ul{
	width:95%;
	margin:15px auto;
}
footer .top a{
	font-size:13px;
}
footer .top a i{
	padding-right:0;
	display:block;
	font-size:20px;
}
.left .ui-accordion .ui-accordion-header,.left .ui-accordion .ui-accordion-content{
	font-size:13px;
	word-break: break-all;
}
[class^='tag-'] {
	padding:3px 8px;
	margin-right:5px;
}

}
@media only screen and (max-width: 380px){
.login li input[type="button"]{
	width:70%;
}
.login li a{
	width:70%;
}
.login div{
	padding-top:10px;
}
.login div a{
	margin:20px 0;
	width:100%;
	display:block;
}


}