@charset "utf-8";
@media only screen and (max-width: 479px) {
.C20 {
	clear: none;
	float: left;
	margin: 0 0 0 0;
	width:100%;
	display:none;	
}	
.C80 {
	clear: none;
	float: left;
	margin: 0 0 0 10px;
	width: calc(100% - 20px);	
	display: block;
}
.bannerBox{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(98%/1);
	margin: 5px 0.5% 5px 0.5%;
}
.iVBox{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(98%/1);
	margin: 55px 0.5% 5px 0.5%;
}
.PH_box{
	clear: none;
	float: left;
	width: calc(95%/3);
	display: inline-block;
	margin:0.5%;
}
.Box2-1{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(100%);
	margin: 0px;
	line-height:30px;
	font-size:90%;letter-spacing: 0px;
}
.Bx2{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/1);
	margin: 0px;
	*height : 1%; 	
}
.Bx4{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/1);
	margin: 0px;
	*height : 1%; 
}
.Winput4{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(97% - 4px);
	margin: 2px 1%;
	*height : 1%; 
}
.BANNER {
	clear: none;
	float: left;	
    width: 100%;
    height: 0;
    padding-bottom: 32%;
	overflow: hidden;
    background-repeat: no-repeat;
	background-position:center top;
	background-size: cover;
	
}
.iVBox .WINGOLD{
	position: absolute;
	text-align: center;
	top: 5px;
	left: 5px;
	letter-spacing: 0;
	width: 170px;
	z-index: 2;	
transform-origin:left top;
transform:rotate(0deg);	
}
.iVBox .Vnumintro{
	clear: none;
	float: left;
	width: calc(100% - 20px);
	font-size: 12pt;
	font-weight: bold;
	color: #666;
	padding: 5px 10px;
	line-height:18px;
	height:120px;
}
}
@media only screen and (min-width: 480px) {
.C20 {
	clear: none;
	float: left;
	margin: 0 0 0 0;
	width:100%;
	display:none;	
}	
.C80 {
	clear: none;
	float: left;
	margin: 0 0 0 10px;
	width: calc(100% - 20px);	
	display: block;
}
.bannerBox{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(98%/1);
	margin: 5px 0.5% 5px 0.5%;
}
.iVBox{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(98%/1);
	margin: 55px 0.5% 5px 0.5%;
}

.PH_box{
	clear: none;
	float: left;
	width: calc(93%/4);
	display: inline-block;
	margin:0.5%;
}

.Box2-1{
	clear: none;		
	float:left;
	display: inline-block;
	width: calc(100%);
	margin: 0px;
	line-height:30px;
	font-size:90%;letter-spacing: 0px;
}
.Bx2{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/1);
	margin: 0px;
	*height : 1%; 	
}
.Bx4{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/1);
	margin: 0px;
	*height : 1%; 
}
.Winput4{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(97% - 4px);
	margin: 2px 1%;
	*height : 1%; 
}
.BANNER {
	clear: none;
	float: left;	
    width: 100%;
    height: 0;
    padding-bottom: 22%;
	overflow: hidden;
    background-repeat: no-repeat;
	background-position:center top;
	background-size: cover;
	
}
.iVBox .WINGOLD{
	position: absolute;
	text-align: center;
	top: 5px;
	left: 5px;
	letter-spacing: 0;
	width: 170px;
	z-index: 2;	
transform-origin:left top;
transform:rotate(0deg);	
}
.iVBox .Vnumintro{
	clear: none;
	float: left;
	width: calc(100% - 20px);
	font-size: 12pt;
	font-weight: bold;
	color: #666;
	padding: 5px 10px;
	line-height:18px;
	height:70px;
}
}	

@media only screen and (min-width: 768px) {
.C20 {
	clear: none;
	float: left;
	margin: 0 0 0 0;
	width:100%;
	display:none;
}
.C80 {
	clear: none;
	float: left;
	margin: 0 0 0 10px;
	width: calc(100% - 20px);
    display: block;
}

.bannerBox{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(97%/2);
	margin: 5px 0.5% 5px 0.5%;
}

.iVBox{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(97%/2);
	margin: 55px 0.5% 5px 0.5%;
}

.PH_box{
	clear: none;
	float: left;
	width: calc(93%/5);
	display: inline-block;
	margin:0.5%;
}

.Box2-1{
	clear: none;		
	float:left;
	display: inline-block;
	width: calc(99%/2);
	margin: 0px;
	line-height:30px;
	font-size:90%;letter-spacing: 0px;	
}
.Bx2{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/1);
	margin: 0px;
	*height : 1%; 	
}
.Bx4{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/1);
	margin: 0px;
	*height : 1%; 
}
.Winput4{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(92%/2 - 4px);
	margin: 2px;
	*height : 1%; 
}
.BANNER {
	clear: none;
	float: left;	
    width: 100%;
    height: 0;
    padding-bottom: 22%;
	overflow: hidden;
    background-repeat: no-repeat;
	background-position:center top;
	background-size: cover;
	
}
.iVBox .WINGOLD{
	position: absolute;
	text-align: center;
	top: 5px;
	left: -5px;
	letter-spacing: 0;
	width: 170px;
	z-index: 2;	
transform-origin:left top;
transform:rotate(-20deg);	
}
.iVBox .Vnumintro{
	clear: none;
	float: left;
	width: calc(100% - 20px);
	font-size: 12pt;
	font-weight: bold;
	color: #666;
	padding: 5px 10px;
	line-height:18px;
	height:110px;
}
}

@media only screen and (min-width: 1024px) {
.C20 {
	clear: none;
	float: left;
	margin: 0 0 0 5px;
	width:220px;
	display: none;
}	
.C80 {
	clear: none;
	float: left;
	margin: 0 0 0 10px;
	width: calc(100% - 20px);	
	display: block;
}
.bannerBox{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(97%/2);
	margin: 5px 0.5% 5px 0.5%;
}

.iVBox{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(96%/3);
	margin: 55px 0.5% 5px 0.5%;
}

.PH_box{
	clear: none;
	float: left;
	width: calc(93%/5);
	display: inline-block;
	margin:0.5%;
}
.intro{
	clear: none;
	float: left;
	width: calc(100% - 22px);
	display: block;
	padding: 5px;
	margin: 0;
	line-height:30px;
background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 1%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 1%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 1%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faffffff', endColorstr='#b3ffffff',GradientType=0 ); /* IE6-9 */
	
}	

.Box2-1{
	clear: none;		
	float:left;
	display: inline-block;
	width: calc(99%/2);
	margin: 0px;
	line-height:30px;
	font-size:90%;letter-spacing: 0px;	
}
.Bx2{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/2);
	margin: 0px;
	*height : 1%; 	
}
.Bx4{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/2);
	margin: 0px;
	*height : 1%; 
}
.Winput4{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(92%/2 - 4px);
	margin: 2px;
	*height : 1%; 
}
.BANNER {
	clear: none;
	float: left;	
    width: 100%;
    height: 0;
    padding-bottom: 18%;
	overflow: hidden;
    background-repeat: no-repeat;
	background-position:center top;
	background-size: cover;
	
}
.iVBox .WINGOLD{
	position: absolute;
	text-align: center;
	top: 0px;
	left: -10px;
	letter-spacing: 0;
	width: 170px;
	z-index: 2;	
transform-origin:left top;
transform:rotate(-20deg);	
}
.iVBox .Vnumintro{
	clear: none;
	float: left;
	width: calc(100% - 20px);
	font-size: 12pt;
	font-weight: bold;
	color: #666;
	padding: 5px 10px;
	line-height:18px;
	height:120px;
}
}
@media only screen and (min-width: 1280px) {
.C20 {
	clear: none;
	float: left;
	margin: 0 0 0 5px;
	width:295px;
	display: block;
}	
.C80 {
	clear: none;
	float: left;
	margin: 0 5px 0 10px;
	width: calc(100% - 315px);	
	/*display: block;*	margin-left: 280px;	*/
}

.bannerBox{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(96%/3);
	margin: 5px 0.5% 5px 0.5%;
}

.iVBox{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(96%/3);
	margin: 55px 0.5% 5px 0.5%;
}

.PH_box{
	clear: none;
	float: left;
	width: calc(92.5%/6);
	display: inline-block;
	margin:0.5%;
}

.Box2-1{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/2);
	margin: 0px;
	line-height:30px;
	font-size:90%;letter-spacing: 0px;	
}

.Bx2{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/2);
	margin: 0px;
	*height : 1%; 	
}
.Bx4{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/2);
	margin: 0px;
	*height : 1%; 
}
.Winput4{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(94%/2 - 4px);
	margin: 2px;
	*height : 1%; 
}
.BANNER {
	clear: none;
	float: left;	
    width: 100%;
    height: 0;
    padding-bottom: 14.5%;
	overflow: hidden;
    background-repeat: no-repeat;
	background-position:center top;
	background-size: cover;
	
}
.iVBox .WINGOLD{
	position: absolute;
	text-align: center;
	top: 5px;
	left: 5px;
	letter-spacing: 0;
	width: 170px;
	z-index: 2;	
transform-origin:left top;
transform:rotate(-20deg);	
}
.iVBox .Vnumintro{
	clear: none;
	float: left;
	width: calc(100% - 20px);
	font-size: 12pt;
	font-weight: bold;
	color: #666;
	padding: 5px 10px;
	line-height:18px;
	height:90px;
}
}

@media only screen and (min-width: 1600px) {
.Bx2{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/2);
	margin: 0px;
	*height : 1%; 	
}
.Bx4{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/4);
	margin: 0px;
	*height : 1%; 
}
.Winput4{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(90%/4 - 4px);
	margin: 2px;
	*height : 1%; 
}
.BANNER {
	clear: none;
	float: left;	
    width: 100%;
    height: 0;
    padding-bottom: 14.5%;
	overflow: hidden;
    background-repeat: no-repeat;
	background-position:center top;
	background-size: cover;
	
}
.iVBox{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(96%/4);
	margin: 55px 0.5% 5px 0.5%;
}
.iVBox .WINGOLD{
	position: absolute;
	text-align: center;
	top: 0px;
	left: -10px;
	letter-spacing: 0;
	width: 170px;
	z-index: 2;	
transform-origin:left top;
transform:rotate(-20deg);	
}
.iVBox .Vnumintro{
	clear: none;
	float: left;
	width: calc(100% - 20px);
	font-size: 12pt;
	font-weight: bold;
	color: #666;
	padding: 5px 10px;
	line-height:18px;
	height:128px;
}
}
@media only screen and (min-width: 1920px) {
.Bx2{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/2);
	margin: 0px;
	*height : 1%; 
}
.Bx4{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/4);
	margin: 0px;
	*height : 1%; 
}
.Winput4{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(90%/4 - 4px);
	margin: 2px;
	*height : 1%; 
}
.BANNER {
	clear: none;
	float: left;	
    width: 100%;
    height: 0;
    padding-bottom: 14.5%;
	overflow: hidden;
    background-repeat: no-repeat;
	background-position:center top;
	background-size: cover;
	
}
.iVBox{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(96%/4);
	margin: 55px 0.5% 5px 0.5%;
}
.iVBox .WINGOLD{
	position: absolute;
	text-align: center;
	top: 0px;
	left: -10px;
	letter-spacing: 0;
	width: 170px;
	z-index: 2;	
transform-origin:left top;
transform:rotate(-20deg);	
}
.iVBox .Vnumintro{
	clear: none;
	float: left;
	width: calc(100% - 20px);
	font-size: 12pt;
	font-weight: bold;
	color: #666;
	padding: 5px 10px;
	line-height:18px;
	height:128px;
}
}
Bx4:after{
  content : '';
  height : 0;
  clear : both;
  display : block;
  visibility: hidden;
}
.bannerBox{
	background-color: #F2F2F2;
	border: #ccc 1px solid;
	padding: 5px 0 5px 0;
}
.iVBox{
	position: relative;	
	background-color: #EAEAEA;
	border: #ccc 0px solid;
	padding:0px 0 8px 0;
}

.VnumTT{
	position: relative;		
	clear: none;
	float: left;	
	width: calc(100% - 20px);
	font-size: 18pt;
	font-weight:bold;
	color:#FFF;
	text-align:right;
	background-color: #c8a062;
	height:55px;
	/*border: #ccc 0px solid;*/
	padding:10px 10px 0 10px;
	/*border-bottom-left-radius: 65px;*/
}
.VUtime{
	position: absolute;
	text-align: right;
	bottom: 0px;
	font-size: 8pt;
	font-weight: normal;
	right: 0px;
	color: #FFF;
	letter-spacing: 0;
	line-height:15px;	
	padding:5px 10px;
	z-index: 2;
}
.iVBox .VnumName{
	clear: both;
	float: left;
	display: block;	
	width: calc(100% - 20px);
	font-size: 13pt;
	font-weight: bold;
	color: #666;
	text-align: center;
	padding: 15px 10px;
	border-bottom: #c8a062 3px solid;
	*height : 1%;	
}
.iVBox .VnumName:after{
  content : ' ';
  height : 0;
  clear : both;
  display : block;
  visibility: hidden;
}

.iVBox .VWinner{
	clear: none;
	float: left;
	width: calc(100% - 20px);
	font-size: 14pt;
	font-weight: bold;
	color: #666;
	text-align:center;
	padding: 10px 10px;
}
.iVBox .circleO{
	position: absolute;
	text-align: center;
	line-height: 100px;
	top: -50px;
	left: 10px;
	color: #FFF;
	letter-spacing: 0;
	width: 100px;
	height: 100px;
	border-radius: 999em;
	background-color: #57aab2;
	z-index: 2;
}

.Gbtm{
	clear: none;
	float: left;
	width: calc(100% - 20px);
	padding: 5px 10px;	
	color:#039;
	line-height:22px;
	text-align: center;
    letter-spacing: 1px;
	word-break: break-all;
}

.LoginBox{
	clear: both;
	float:center;
	display: block;
	margin: 0 auto;_margin:0px auto;*margin:0px auto;
	width: 96%;
	max-width: 800px;	
	border:1px solid #eee;
	border-radius:10px;
	box-shadow:0 0 8px rgba(0,0,0,.3);
	background-color:rgba(255,255,255,1.0);
	*height : 1%;
}

.LoBoxNo{
	clear: both;
	float:center;
	display: block;
	margin:0px auto;
	width: 96%;
	max-width: 800px;	
	border:0px solid #eee;
	*height : 1%;
}

.TT{
	clear: both;
	float: left;	
	width: 100%;
	margin-bottom:0px;
	line-height: 26px;	
}
.TT TMARK{
	padding: 4px 30px 4px 30px;
	line-height: 26px;
	text-align: center;
	background-color: rgba(0,102,153,1);
	font-weight: bolder;
	font-size: 110%;
	color: #FFF;
	letter-spacing: 0px;
	text-shadow: 3px 3px 3px #999;
	border-radius: 5px;
	}
.TT NUMTITLE{
	padding: 0 0 0 5px;
	line-height: 26px;	
	font-size: 120%;	
	font-weight: bold;
	color: #036;
	letter-spacing: 0px;
}
	
.BTline{
	clear: both;
	float: left;
	width: 100%;
	margin-bottom:10px;	
	height: 1px;
    background: -moz-linear-gradient(left,  rgba(124,124,124,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(124,124,124,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(124,124,124,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    margin-top:0px;
	}

.PHSHOW{
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	height: 0;
	padding-bottom: 66%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;	
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	background-color: rgba(204,204,204,0.3);
	overflow: hidden;
	*height : 1%; 	
}


/*.PHSHOW .Winners{
	position: absolute;
	width:170x;
	text-align:center;
	top: 20px;
	left: 20px;
	color: #FFF;
	letter-spacing: 0;
	padding:1px 3px 1px 3px;
	z-index: 2;
	}		
.PHSHOW .GBTitle{
	position: absolute;
	width: 100%;
	bottom: 0%;
	font-size: 170%;
	font-family: DFKai-sb;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
	padding: 15px 3px 15px 3px;
	background-color: rgba(0,0,0,0.5);
	z-index: 1;
}*/
.BANNER img,.PHSHOW img{
    width: 100%;
    height: auto;
}
	
.PH_box{
	color: #353535;
	text-align: center;
	border:#ccc 1px solid; 
	position: relative;
	*height : 1%; 
}

.linetital{
	clear: both;
	float: left;
	width: 100%;
	display: block;
	padding: 1px 0 1px 0;
	margin: 1px 0 0 0;
	color:#069;
	font-size:115%;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	text-align: center;
	line-height:30px;
	*height : 1%; 	
}
.linetital2{
	clear: both;
	float: left;
	width: 98%;
	display: block;
	padding: 1px 0 1px 1%;
	margin: 0 0 15px 0;
	color: #7a6a53;
	font-size: 160%;
	font-weight:bold;
    border-bottom:#cd9f63 3px solid;
	/*border-bottom-style: solid;
	border-bottom-color: #cd9f63;*/
	text-align: left;
	line-height: 40px;
	*height : 1%; 	
}

.pd20{
	padding: 20px;	
	
}

.InShow{
	clear: both;
	width: calc(100% - 20px);
	display: block;
	padding: 10px;
	margin: 0px 0 10px 0;
	background-color: rgba(238,238,238,0.6);
	line-height: 180%;
	letter-spacing: 2px;　
	color:#333;	
	*height : 1%;
}
.ADnum_BOX{
	display: none;
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px solid #ccc;
	background-color:rgba(0,0,0,0.8);
	z-index:9999;
	overflow: auto;
	*height : 1%;	
   }


.Down_list{
	clear: none;
	float: left;
	width: calc(100% - 5px);
	padding:5px 0 5px 5px;
	color: #333;
	font-size: 105%;
	text-decoration: none;
	border-bottom:1px #ccc dashed;
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	*height : 1%;
}
.Down_list:hover{
	background-color: #DFDFDF;
	color: #036;
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}
.listPHOTO {
	clear: none;
	float: left;	
    width: 100%;
    height: 0;
    padding-bottom: 66%;
	background-repeat: no-repeat;
	background-position:center center;
	background-size:100% auto;	
	border:0px #ccc solid;	
}


.LoginBox:after,.LoBoxNo:after,.PH_box:after,.linetital:after,.InShow:after,.ADnum_BOX:after,.Down_list:after{
  content : ' ';
  height : 0;
  clear : both;
  display : block;
  visibility: hidden;
}
.PH_box .Del_icon img{
   width: 30px;
   width: 30px;   
   position: absolute;
   TOP: 10px;
   right: 10px;
   z-index: 4;	
	}


.ListICON{
	float: left;
	color: #333;
	margin: 10px;
	padding:5px 12px 5px 12px;	
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	text-decoration: none;
	border:#ccc 1px solid;
	}
.ListICON:hover{
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	background-color: #666666;
	color: #FFF;
	-moz-box-shadow:3px 3px 5px rgba(20%,20%,40%,0.5);
	-webkit-box-shadow:3px 3px 5px rgba(20%,20%,40%,0.5);
	box-shadow:3px 3px 5px  rgba(20%,20%,40%,0.5);		
	}	

.ListICON date{
    font-size: 90%;
	}
	
HN{
	padding: 2px 8px;
	margin: 0 5px;
	background-color: #DDDDDD;
	color: #666
	}
PSimp{
	padding: 2px 5px;
	margin: 0 0 0 5px;	
	color: #666;
	font-size: 0.4cm;
	}	
.prkshow{
	clear: none;
	float: left;
	width:100%;
	font-size:95%;
	text-align:right;
	color:#999;
	margin-bottom: 10px;	
}
.prkshow a{
	color:#999;
	text-decoration:none;
}
.prkshow a:hover{
	color: #F90;
}		

	
PSINT{
	clear: both;
	float: left;
	width: 100%;
	display: block;
	color: #666;
	padding-left: 5px;
	line-height: 28px;
	}
/*頁碼 左右鍵*/
.panext{
	margin: 0 1px 0 1px;
	padding: 1px;
	text-align: center;
}
.pacon{
    line-height:29px;
	padding: 0 6px;
	margin: 2px;
    background-color: rgba(0,0,0,0.05);
	color: #06080A;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999;	
}
.pacon:hover{
	color: #fff;
    background-color: #06C;	
} 
.paconthis{
    line-height:29px;
	padding: 0 6px;
	margin: 2px;
	color: #06080A;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #E0E0E0;
}

.button {
 display: block;
 position: relative;
 color: #fff;
 text-decoration: none;
 border-radius: 2px;
 overflow: hidden;
 -webkit-transition: all 0.15s ease-in;
 transition: all 0.15s ease-in;
}
.button:before {
 content: ' ';
 position: absolute;
 background: #fff;
 width: 25px;
 height: 100px;
 top: 0;
 left: -50px;
 opacity: 0.3;
 -webkit-transition: all 0.25s ease-out;
 transition: all 0.25s ease-out;
 -webkit-transform: skewX(-25deg);
         transform: skewX(-25deg);
}
.button:hover:before {
 width: 10%;
 left: 120%;
}




/*橫分割---------------------------*/
.L3box{
	float:left;
	display: inline-block;
	width: 47%;
	margin: 3px 1% 3px 1%;
	text-align:center;
}
@media only screen and (min-width: 480px) {
.L3box{
	float:left;
	display: inline-block;
	width: 47%;
	margin: 3px 1% 3px 1%;
	text-align:center;
}
}
@media only screen and (min-width: 768px) {
.L3box{
	float:left;
	display: inline-block;
	width: 47%;
	margin: 3px 1% 3px 1%;
	text-align:center;
}

}
@media only screen and (min-width: 1024px) {
.L3box{
	float:left;
	display: inline-block;
	width: 31%;
	margin: 3px 1% 3px 1%;
	text-align:center;
}
}
@media only screen and (min-width: 1280px) {
.L3box{
	float:left;
	display: inline-block;
	width: 31%;
	margin: 3px 1% 3px 1%;
	text-align:center;
}
	
}
.L3box .Title{
	clear: both;
	float: left;
	width: 99%;
	display: block;
	padding: 1px 0 1px 1%;
	margin: 15px 0 15px 0;
	color: #7a6a53;
	font-size: 150%;
	font-weight:bold;
	line-height: 40px;
	*height : 1%; 	
}
/* 橫分割------------------------------*/