img {
	_behavior: url(images/iepngfix.htc); border:0px;
}
p{margin:0;padding:0;}


div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin: 0;padding: 0;border: 0;outline: 0;}
ol,ul{list-style:none;}blockquote,q{quotes:none;}:active{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}


body{
    margin:0px;
}
a{ 
    text-decoration:none; color:#333333;
}
a:hover{ 
    text-decoration: none; color:#000000; -webkit-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -o-transition:all 1.0s ease; -ms-transition:all 1.0s ease; transition:all 1.0s ease;
}


.maincontainer{ width:1280px; margin:0 auto; overflow:hidden; position:relative;background-image:url(images/bg.png); background-repeat:repeat-y;}
.maincontainer_bg{ width:1244px;min-height:400px; margin-left:9px; overflow:hidden; float:left; position:relative;background-image:url(images/rightbg.png); background-repeat:repeat-y; background-position:left; }
.col_left{ width:880px; min-height:800px; margin:0; float:left; }
.col_right{ width:355px; float:left;}


.top {
	width:880px; height:135px; overflow:hidden; margin: 0; float:left; background-color:#a2d668; 
}
.top_website {
	width:670px; height:135px; overflow:hidden; margin: 0; float:left; background-color:#a2d668; 
}
.top_btns {
	width:210px; overflow:hidden; margin-top:20px; float:left; background-color:#a2d668; 
}
.top_btns a{
	float:left;
}
.logo {
	width:355px; float:left;
}



/* menu */
#menu{width:355px; min-height:474px; background-image:url(images/menubg.png); background-repeat:no-repeat; overflow:hidden; }
#menu_l{width:229px; overflow:hidden; float:left; }
#menu_r{width:126px; overflow:hidden; float:left; padding-top:400px; }


#menu ul,li{margin:0 auto;}
#menu .m_li{float:left; line-height:50px;text-align:center; }
#menu .m_li a{display:block;color:#FFFFFF;float:left;}

#menu .m01 a{ background-image: url(images/images/menu1_01.png); width:229px; cursor:pointer;}
#menu .m02 a{ background-image: url(images/images/menu1_03.png); width:229px; cursor:pointer;}
#menu .m03 a{ background-image: url(images/images/menu1_04.png); width:229px; cursor:pointer;}
#menu .m04 a{ background-image: url(images/images/menu1_05.png); width:229px; cursor:pointer;}
#menu .m05 a{ background-image: url(images/images/menu1_06.png); width:229px; cursor:pointer;}
#menu .m06 a{ background-image: url(images/images/menu1_07.png); width:229px; cursor:pointer;}
#menu .m07 a{ background-image: url(images/images/menu1_08.png); width:229px; cursor:pointer;}
#menu .m08 a{ background-image: url(images/images/menu1_09.png); width:229px; cursor:pointer;}
#menu .m09 a{ background-image: url(images/images/menu1_10.png); width:229px; cursor:pointer;}
#menu .m10 a{ background-image: url(images/images/menu1_11.png); width:126px; height:150px; cursor:pointer;}

#menu .m01 a:hover{ background-image: url(images/images/menu2_01.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m02 a:hover{ background-image: url(images/images/menu2_03.png); width:229px;  cursor:pointer; text-decoration:none;}
#menu .m03 a:hover{ background-image: url(images/images/menu2_04.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m04 a:hover{ background-image: url(images/images/menu2_05.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m05 a:hover{ background-image: url(images/images/menu2_06.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m06 a:hover{ background-image: url(images/images/menu2_07.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m07 a:hover{ background-image: url(images/images/menu2_08.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m08 a:hover{ background-image: url(images/images/menu2_09.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m09 a:hover{ background-image: url(images/images/menu2_10.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m10 a:hover{ background-image: url(images/images/menu2_11.png); width:126px; cursor:pointer;}

#menu .m01.select a{ background-image: url(images/images/menu2_01.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m02.select a{ background-image: url(images/images/menu2_03.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m03.select a{ background-image: url(images/images/menu2_04.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m04.select a{ background-image: url(images/images/menu2_05.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m05.select a{ background-image: url(images/images/menu2_06.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m06.select a{ background-image: url(images/images/menu2_07.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m07.select a{ background-image: url(images/images/menu2_08.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m08.select a{ background-image: url(images/images/menu2_09.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m09.select a{ background-image: url(images/images/menu2_10.png); width:229px; cursor:pointer; text-decoration:none;}
#menu .m10.select a{ background-image: url(images/images/menu2_11.png); width:126px; cursor:pointer;}


/*banner*/
.homebanner{
	width:981px; height:398px; padding-top:3px; padding-left:19px; position: relative; float:left; background-image:url(images/h_bannerbg.png); background-repeat:no-repeat;
}
#featured { 
	width: 981px; height: 343px; background: #ffffff url('HomeBanner/loading.gif') no-repeat center center; overflow: hidden; 
}

.neibanner{
	width:1000px; margin: auto; position: relative; float:left;
}



/*neicontent*/
.contentarea{
	width:765px; min-height:550px; margin-top:30px; float:left; margin-left:30px; position: relative; border:2px #000 solid; padding:30px;
}

#vv table td{ 
	border-top:0px solid #CCC; 
	font-family: "微軟正黑體","微软雅黑", "Microsoft YaHei UI", "Microsoft JhengHei Light",arial; text-align:left; 
}
#vv table{
	border-bottom:0px solid #CCC; 
	font-family: "微軟正黑體","微软雅黑", "Microsoft YaHei UI", "Microsoft JhengHei Light",arial; text-align:left; 
}


#ff table td{ 
	border-top:0px solid #CCC; 
	font-family: "微軟正黑體","微软雅黑", "Microsoft YaHei UI", "Microsoft JhengHei Light",arial; text-align:left; 
}
#ff table{
	border-bottom:0px solid #CCC; 
	font-family: "微軟正黑體","微软雅黑", "Microsoft YaHei UI", "Microsoft JhengHei Light",arial; text-align:left; 
}



.cff{ border:1px solid #036; }

.cff td{ border:1px solid #999; position:relative;}

.cff .fft{ background:#CCC; }

.cff input[type=text]{ width:100%; height:65px; background:#FFF; color:#000; border:0; text-align:center; font-size:45px; line-height:65px;}

.cff .fft input[type=text]{ background:#CCC; }

.cff input[type=checkbox]{ position:absolute; top:0; right:0;display: none }







.fontYahei{
	font-family: "微軟正黑體","微软雅黑", "Microsoft YaHei UI", "Microsoft JhengHei Light",arial; text-align:left; 
}
.font12{
	font-size:12px; 
}
.font13{
	font-size:13px; 
}
.font14{
	font-size:14px;
}
.font15{
	font-size:17px; 
}
.font16{
	font-size:16px;
}
.font18{
	font-size:18px;
}
.font20{
	font-size:20px;
}
.font22{
	font-size:22px;
}


.lineheight18{
	line-height:18px;
}
.lineheight20{
	line-height:20px;
}
.lineheight22{
	line-height:22px;
}
.lineheight24{
	line-height:24px;
}
.lineheight25{
	line-height:25px;
}
.lineheight26{
	line-height:26px;
}
.lineheight27{
	line-height:27px;
}
.lineheight28{
	line-height:28px;
}
.lineheight30{
	line-height:30px;
}
.lineheight32{
	line-height:32px;
}
.lineheight34{
	line-height:34px;
}



.forminput{
	width:90%; float:left; padding-left:5px; height:20px; line-height:20px; margin:3px 0;
}
.neicon_r{
	width:740px; float:left;
}







#memberinfo { 
	background-color:#f3f2f1; width:40%; min-height:80px; margin-bottom:20px; padding:15px;
}
#memberinfo a{ 
	color:#333; text-decoration:underline;
}
#memberinfo a:hover{ 
	color:#333; text-decoration:underline;
}

#memberarea_bar > ul > li > a{font-size:12.66px}
#memberarea { 
	background-color:#ffffff; width:100%; min-height:180px; margin-bottom:0px;/*min-width:770px; */
}
#memberarea_bar { 
	width:100%; height:30px; background-image:url(images/member_tbg.jpg); background-repeat:repeat-x; border-bottom:1px #c8c8c8 solid;
}
#memberarea_bar ul,li{ 
	list-style:none; padding:0; margin:0;
}
#memberarea_bar li a{ 
	height:30px; background-image:url(images/member_line.jpg); background-repeat:no-repeat; background-position:right; padding:0 28px; float:left;
	text-transform:uppercase; font-weight:bold; color:#333; line-height:30px;
}
#memberarea_bar .select{ 
	height:32px; background-color:#fff; padding:0 ; float:left; border-left:1px #c8c8c8 solid; border-right:1px #c8c8c8 solid; border-top:1px #c8c8c8 solid; border-bottom:1px #ffffff solid;
	text-transform:uppercase; font-weight:bold; color:#333; line-height:32px;
}
#memberarea_con{ 
	width:100%; padding:20px 10px; float:left;max-height: 330px;overflow: auto;
}

#memberarea_overviewcon{ 
	width:28%; height:400px; overflow:hidden; padding:10px 15px; float:left; margin-right:2%; margin-bottom:10px; background-color:#f3f2f1; 
}
#memberarea_overviewcon_t{ 
	width:150px; height:30px; float:left; 
	font-size:12px; color:#808182; line-height:30px; font-weight:bold;
}
#memberarea_overviewcon_t_more{ 
	margin-left:150px;
	font-size:12px; color:#333333; line-height:30px; text-align:right; font-weight:normal;
}
#memberarea_overviewcon_t_more a{ 
	font-size:12px; color:#333333; line-height:30px; text-align:right; font-weight:normal; text-decoration:underline;
}

#memberarea_overviewcon_c{ 
	width:100%; float:left; margin-top:10px;
	font-size:12px; color:#333333; line-height:20px; font-weight:normal;
}
#memberarea_overviewcon_c a{ 
	font-size:12px; color:#333333; line-height:20px; font-weight:normal;
}
#memberarea_overviewcon_c a:hover{ 
	font-size:12px; color:#333333; line-height:20px; font-weight:normal; text-decoration:underline;
}
#memberarea_overviewcon_c span{ 
	float:right;
	font-size:12px; color:#666666; line-height:20px; font-weight:normal;
}



#memberarea_order_t{ 
	width:96%; height:40px; overflow:hidden; padding-left:2%; float:left; margin-bottom:10px; background-color:#f3f2f1; border-bottom:1px #c8c8c8 solid;
	font-weight:bold; line-height:40px;
}
#memberarea_order_con{ 
	width:96%; float:left; margin-bottom:10px; 
}
#memberarea_order_con td{ 
	 padding:10px;
}






















.bottom {
	width:800px; height:30px; margin:15px; position: relative; float:left;
	FONT-SIZE: 13px;COLOR: #333333;FONT-FAMILY: "Arial";font-weight: normal;line-height: 22px;text-align: justify;TEXT-DECORATION: none;
}
.bottom  A{
	FONT-SIZE: 13px;COLOR: #333333;FONT-FAMILY: "Arial";font-weight: normal;line-height: 22px;text-align: justify;TEXT-DECORATION: none;
}
.bottom A:hover{
	FONT-SIZE: 13px;COLOR: #333333;FONT-FAMILY: "Arial";font-weight: normal;line-height: 22px;text-align: justify;TEXT-DECORATION: underline;
}




.table03px {
	FONT-SIZE: 5px;line-height: 3px; height:3px;
}
.table05px {
	FONT-SIZE: 5px;line-height: 5px; height:5px;
}
.table07px {
	FONT-SIZE: 7px;line-height: 7px; height:7px;
}
.table10px {
	FONT-SIZE: 10px;line-height: 10px; height:10px;
}
.table15px {
	FONT-SIZE: 15px;line-height: 15px; height:15px;
}
.table20px {
	FONT-SIZE: 15px;line-height: 20px; height:20px;
}




.spaceline{
	width:98%; border-bottom:2px #ECECEC solid; margin-left:10px; padding-top:10px; padding-bottom:5px; float:left; position:relative;
}
.space10px {
	width:98%; height:10px; float:left; 
}
.space15px {
	width:98%; height:15px; float:left; 
}
.space20px {
	width:98%; height:20px; float:left; 
}

#menu.share-section li.m_li a:hover{color: #FFA850;}
/* Custom for Responsive */
.close-mobile,.mobile-menu{
	display:none;
}
.top{
	padding-right: 10px;
}
@media(max-width:1244px) {
	.maincontainer,.maincontainer_bg{
		background:none;
		max-width:100%;
	}
	.maincontainer_bg{
		max-width: 99%;
		margin: 0 auto;
		float: none;
	}
	.col_left,.col_right,.contentarea,.top,.logo,.logo img,
	.top_website img,
	.top_btns img,
	.bottom{
		max-width:100%;
	}
	.col_left{
		width:70%;
	}
	.col_right{
		width:30%;
	}
	#menu_r{
		position:absolute;
		right:0px;
	}
	.top,.contentarea{
		float: none;
	}
	.contentarea{
		margin: 30px auto 0px;
		padding: 0px;

	}
	.contentarea table{
		width: 100%;
		padding: 0 20px;
	}
	.top_website{
		width: 70%;
	}
	.top_btns{
		width: 30%;
	}
	#menu .m10 a {
	  background-image: url(images/images/menu1_11.png);
	  width: 126px;
	  height: 150px;
	  cursor: pointer;
	  position: absolute;
	  right: 0px;
	  top: -50px;
	}
	#menu #menu_l{
		float: none;
		overflow: initial;
	}
	#menu_r {
	  background-image: url(images/bg-right-c.jpg);
	  max-width: 100%;
	  position: relative;
	  display: block;
	  min-height: 198px;
	  background-position: 1px 0px;
	  background-repeat: repeat-y;
	  padding-top: 0px;
	  width: 100%;
	  overflow: initial;
	}
	.contentarea{
		max-width: 98%;
	}
}
@media (max-width: 1024px){
	#menu .m10 a {
	  background-image: url(images/images/menu1_11_c.png);
	 
	  left: 75px;
	  top: 0px;
	}
	
	#menu .m10 a:hover {
	  background-image: url(images/images/menu2_11_c.png);
	  
	}
	.contentarea img{
		max-width: 100%;
		height: auto;
	}
}

@media(max-width:767px) {
	.mobile-menu{
		display:block;
		position: absolute;
		  top: 10px;
		  width: 38px;
		  right: 10px;
	}
	.mobile-menu img,.close-mobile img{
		width:38px;
	}
	.close-mobile{
		position: absolute;
	  top: 10px;
	  right: 10px;
	  display: block;
	   width: 38px;
	}
	.col_left{
		width:100%;
		float: none;
	}
	.col_right{
		  width: 100%;
		  float: none;
		  position: absolute;
		  top: 0px;
		  max-width: 300px;
		  right: -355px;
		  z-index:3;
	}
	.contentarea{
		max-width: 99%;
	}
	.over-lay{
	  background-color: #fff;
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  z-index: 2;
	  opacity: 0.9;
	  top: 0px;
	  left: 0px;
	  display: none;
	}
	.top_btns{
		margin-top: 30px;
	}
	.contentarea {overflow:hidden;}
	.contentarea table  {width:100%;padding:0;}
	.cff input[type="text"] {
		height:40px;
	}	
}

@media(max-width:480px) {
	.top{
		height: auto;
	}
	.top_website,.top_btns{
		width: 100%;
		float: none;
		height: auto;
	}
	.top_btns a{
		width: 50%;
	}
	.top_btns{
		margin-top: 0px;
	}
	.top_website{
		margin-top:15px;
	}
	.cff input[type="text"] {
		height:38px;
	}	
}


/* Pagination */
.pagination-list{
	text-align: right;
}
.pagination-list .page-item{
	display: inline;
    border: 2px solid #ccc;
    border-radius: 8px;
    width: 28px;
    padding: 3px 8px;
    font-size: 12px;
}
.pagination-list .page-item.active{
	color: #fff;
	background-color: #666;
	border-color: #666;
}

.contentarea table img{
	max-width: 100%;
	height: auto!important;
}

#game3 .pt {
	display:none;
}
#game3 .pt.pt1 {
	display:table-row;
}
#game3 .addmore {text-align:left;cursor:pointer;}


/* sudoku table */