@charset "utf-8";
@media only screen and (max-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%;
	background-color: #CCCCCC;
}
.PH_box{
	clear: none;
	float: left;
	width: calc(95%/2);
	display: inline-block;
	margin:0.5%;
}

.BoxL{
	clear: both;
	float: left;
	color: #333;
	width: 80%;
	margin: 0 2% 0px 0;
	padding:0;
}
.BoxR{
	clear: none;
	float: left;
	color: #333;
	width: calc(96% - 20px);
	margin:  20px 2% 20px 2%;
	padding:10px;
	border-radius: 10px;
	line-height: 180%;
	letter-spacing: 2px;
	background-color: rgba(255,255,255,0.6);	
}
.Tops{
	clear: both;
	float: left;
	width: 40%;
	margin: 30px 2% 0px 0;
}
.BGtitle{
	clear: none;
	float: left;
	width: 100%;
	padding-left: 5%;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 150%;
	letter-spacing: 2px;
	line-height: 50px;
	background-color: #006699;
	-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);
}
.Wtitle{
	clear: none;
	float: left;
	width: 95%;
	padding-left:5%;
	font-weight: bold;
	font-size: 150%;
	letter-spacing: 2px;
	line-height: 50px;
	color: #006699;
	border-bottom: #ccc 2px dashed;
}

.TopsTIL{
	clear: none;
	float: left;
	width: 100%;
	padding-left: 7%;
	color: #FFFFFF;
	font-size: 140%;
	font-weight: bold;
	line-height: 40px;
	height: 40px;
}
.Box2-1{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(100%);
	margin: 0px;
	line-height:30px;
	font-size:90%;letter-spacing: 0px;
}
.U_box{
	float:left;
	display: inline-block;
	width: calc(96%/1);
	margin: 5px 1% 5px 1%;
}
.S3box:nth-child(1){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(98%);
	margin: 15px 1% 5px 1%;	
	text-align:left;
	letter-spacing:0;	
}
.S3box:nth-child(2){
	clear: none;
	float:left;
	display:none;
	width: calc(98%);
	margin: 10px 1% 10px 1%;	
	text-align:center;
	letter-spacing:0;	
}
.S3box:nth-child(3){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(98%);
	margin: 10px 1% 5px 1%;		
	text-align:right;
	letter-spacing:0;	
}
}
@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(97%/2);
	margin: 5px 0.5% 5px 0.5%;
	background-color: #CCCCCC;
}

.PH_box{
	clear: none;
	float: left;
	width: calc(95%/2);
	display: inline-block;
	margin:0.5%;
}
.Tops{
	clear: both;
	float: left;
	width: 70%;
	margin: 30px 0 0px 0;
}
.BoxL{
	clear: both;
	float: left;
	color: #333;
	width: 70%;
	margin: 0 0 0 0;
	padding:0;
}

.BoxR{
	clear: none;
	float: left;
	color: #333;
	width: calc(96% - 20px);
	margin:  20px 2% 20px 2%;
	padding: 10px;
	border-radius: 10px;
	line-height: 180%;
	letter-spacing: 2px;
	background-color: rgba(255,255,255,0.6);	
}

.TopsTIL{
	clear: none;
	float: left;
	width: 100%;
	padding-left: 7%;
	color: #FFFFFF;
	font-size: 140%;
	font-weight: bold;
	line-height: 40px;
	height: 40px;
}
.BGtitle{
	clear: none;
	float: left;
	width: 95%;
	padding-left: 5%;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 150%;
	letter-spacing: 2px;
	line-height: 50px;
	background-color: #006699;
	-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);
}

.Wtitle{
	clear: none;
	float: left;
	width: 95%;
	padding-left:5%;
	font-weight: bold;
	font-size: 150%;
	letter-spacing: 2px;
	line-height: 50px;
	color: #006699;
	border-bottom: #ccc 2px dashed;
}
.Box2-1{
	clear: none;		
	float:left;
	display: inline-block;
	width: calc(100%);
	margin: 0px;
	line-height:30px;
	font-size:90%;letter-spacing: 0px;
}
.U_box{
	display: inline-block;
	width: calc(95%/2);
	margin: 5px 1% 5px 1%;
}
.S3box:nth-child(1){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(98%);
	margin: 15px 1% 5px 1%;	
	text-align:left;
	letter-spacing:0;	
}
.S3box:nth-child(2){
	clear: none;
	float:left;
	display:none;
	width: calc(98%);
	margin: 10px 1% 10px 1%;	
	text-align:center;
	letter-spacing:0;	
}
.S3box:nth-child(3){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(98%);
	margin: 10px 1% 5px 1%;		
	text-align:right;
	letter-spacing:0;	
}
}	

@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%;
	background-color: #CCCCCC;
}

.PH_box{
	clear: none;
	float: left;
	width: calc(94%/4);
	display: inline-block;
	margin:0.5%;
}
.BoxL{
	clear: both;
	float: left;
	color: #333;
	width: 60%;
	margin: 0 2% 0px 0;
	padding:0;
	border-radius: 10px;
	line-height: 180%;
	letter-spacing: 2px;

}

.BoxR{
	clear: none;
	float: left;
	color: #333;
	width: calc(96% - 20px);
	margin:  20px 2% 20px 2%;
	padding:10px;
	border-radius: 10px;
	line-height: 180%;
	letter-spacing: 2px;
	background-color: rgba(255,255,255,0.6);	
}

.Tops{
	clear: both;
	float: left;
	width: 40%;
	margin: 30px 2% 0px 0;
}
.TopsTIL{
	clear: none;
	float: left;
	width: 100%;
	padding-left: 7%;
	color: #FFFFFF;
	font-size: 140%;
	font-weight: bold;
	line-height: 40px;
	height: 40px;
}
.BGtitle{
	clear: none;
	float: left;
	width: 95%;
	padding-left: 5%;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 150%;
	letter-spacing: 2px;
	line-height: 50px;
	background-color: #006699;
	-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);
}

.Wtitle{
	clear: none;
	float: left;
	width: 95%;
	padding-left:5%;
	font-weight: bold;
	font-size: 150%;
	letter-spacing: 2px;
	line-height: 50px;
	color: #006699;
	border-bottom: #ccc 2px dashed;
}
.Box2-1{
	clear: none;		
	float:left;
	display: inline-block;
	width: calc(99%/2);
	margin: 0px;
	line-height:30px;
	font-size:90%;letter-spacing: 0px;	
}
.U_box{
	display: inline-block;
	width: calc(96%/3);
	margin: 5px 0.5% 5px 0.5%;
}
.S3box:nth-child(1){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(98%);
	margin: 15px 1% 5px 1%;	
	text-align:left;
	letter-spacing:0;	
}
.S3box:nth-child(2){
	clear: none;
	float:left;
	display: none;
	width: calc(98%);
	margin: 10px 1% 3px 1%;	
	text-align:center;
	letter-spacing:0;	
}
.S3box:nth-child(3){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(98%);
	margin: 10px 1% 5px 1%;		
	text-align:right;
	letter-spacing:0;	
}
}

@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(96%/3);
	margin: 5px 0.5% 5px 0.5%;
	background-color: #CCCCCC;
}

.PH_box{
	clear: none;
	float: left;
	width: calc(94%/4);
	display: inline-block;
	margin:0.5%;
}
.Tops{
	clear: both;
	float: left;
	width: calc(100% * 0.3);	
	margin: 70px 0 0 0;
}
.BoxL{
	clear: both;
	float: left;
	color: #333;
	width: calc(100% * 0.3);	
	margin: 0;
	padding:0;
}
.BoxR{
	clear: none;
	float: left;
	color: #333;
	width: calc((100% * 0.67) - 2% - 20px);	
	margin-left: 2%;
	padding:10px;
	border-radius: 10px;
	line-height: 180%;
	letter-spacing: 2px;
	background-color: rgba(255,255,255,0.6);	
}

.TopsTIL{
	clear: none;
	float: left;
	width: 100%;
	padding-left: 10%;
	color: #FFFFFF;
	font-size: 140%;
	font-weight: bold;
	line-height: 40px;
	height: 40px;
}
.BGtitle{
	clear: none;
	float: left;
	width: 90%;
	padding-left: 10%;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 150%;
	letter-spacing: 3px;
	line-height: 50px;
	background-color: #006699;
	-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);
}

.Wtitle{
	clear: none;
	float: left;
	width: 90%;
	padding-left:10%;
	font-weight: bold;
	font-size: 150%;
	letter-spacing: 3px;
	line-height: 50px;
	color: #006699;
	border-bottom: #ccc 2px dashed;
}

.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;	
}
.U_box{
	display: inline-block;
	width: calc(95%/4);
	margin: 5px 0.5% 5px 0.5%;
}
.S3box:nth-child(1){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(98%);
	margin: 15px 1% 5px 1%;	
	text-align:left;
	letter-spacing:0;	
}
.S3box:nth-child(2){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(98%);
	margin: 10px 1% 3px 1%;	
	text-align:center;
	letter-spacing:0;	
}
.S3box:nth-child(3){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(98%);
	margin: 10px 1% 5px 1%;		
	text-align:right;
	letter-spacing:0;	
}
}
@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%;
	background-color: #CCCCCC;
}

.PH_box{
	clear: none;
	float: left;
	width: calc(92.5%/6);
	display: inline-block;
	margin:0.5%;
}
.Tops{
	clear: both;
	float: left;
	width: calc(1280px * 0.45);	
	margin: 100px 0 0 0;
}
.BoxL{
	clear: both;
	float: left;
	color: #333;
	width: calc(1280px * 0.45);	
	margin: 0;
	padding:0;
}
.BoxR{
	clear: none;
	float: left;
	color: #333;
	width: calc((1280px * 0.51) - 2% - 20px);
	margin-left: 2%;
	padding:10px;
	border-radius: 10px;
	line-height: 180%;
	letter-spacing: 2px;
	background-color: rgba(255,255,255,0.6);
}
.TopsTIL{
	clear: none;
	float: left;
	width: 50%;
	padding-left: 50%;
	color: #FFFFFF;
	font-size: 140%;
	font-weight: bold;
	line-height: 40px;
	height: 40px;
}
.BGtitle{
	clear: none;
	float: left;
	width: 50%;
	padding-left: 50%;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 150%;
	letter-spacing: 3px;
	line-height: 50px;
	background-color: #006699;
	-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);		
}
.Wtitle{
	clear: both;
	float: left;
	display: block;
	width: 50%;
	padding-left: 50%;
	font-weight: bold;
	font-size: 150%;
	letter-spacing: 3px;
	line-height: 50px;
	color: #006699;
	border-bottom: #ccc 2px dashed;
}
.Box2-1{
	clear: none;	
	float:left;
	display: inline-block;
	width: calc(99%/2);
	margin: 0px;
	line-height:30px;
	font-size:90%;letter-spacing: 0px;	
}
.U_box{
	display: inline-block;
	width: calc(95%/4);
	margin: 5px 0.5% 5px 0.5%;
}
.S3box:nth-child(1){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(98%);
	margin: 15px 1% 5px 1%;	
	text-align:left;
	letter-spacing:0;	
}
.S3box:nth-child(2){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(98%);
	margin: 10px 1% 3px 1%;	
	text-align:center;
	letter-spacing:0;	
}
.S3box:nth-child(3){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(98%);
	margin: 10px 1% 5px 1%;		
	text-align:right;
	letter-spacing:0;	
}
}

@media only screen and (min-width: 1600px) {
.Tops{
	clear: both;
	float: left;
	width: calc((100% - 1280px) / 2 + (1280px * 0.3));	
	margin: 100px 0 0 0;
}
.BoxL{
	clear: both;
	float: left;
	color: #333;
	width: calc((100% - 1280px) / 2 + (1280px * 0.3));	
	margin: 0;
	padding:0;
}
.BoxR{
	clear: none;
	float: left;
	color: #333;
	width: calc((1280px * 0.7) - 2% - 20px);	
	margin-left: 2%;
	padding:10px;
	border-radius: 10px;
	line-height: 180%;
	letter-spacing: 2px;
	background-color: rgba(255,255,255,0.6);
}
.U_box{
	display: inline-block;
	width: calc(94%/5);
	margin: 5px 0.5% 5px 0.5%;
}
.S3box:nth-child(1){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(38%);	
	text-align:left;
	margin: 15px 1% 3px 1%;
	letter-spacing:0;	
}
.S3box:nth-child(2){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(18%);
	text-align:center;
	margin: 15px 1% 3px 1%;	
	letter-spacing:0;	
}
.S3box:nth-child(3){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(38%);	
	text-align:right;
	margin: 15px 1% 3px 1%;	
	letter-spacing:0;		
}
}
@media only screen and (min-width: 1920px) {
.Tops{
	clear: both;
	float: left;
	width: calc((100% - 1280px) / 2 + (1280px * 0.3));	
	margin: 100px 0 0 0;
}	
.BoxL{
	clear: both;
	float: left;
	color: #333;
	width: calc((100% - 1280px) / 2 + (1280px * 0.3));	
	margin: 0;
	padding:0;
}
.BoxR{
	clear: none;
	float: left;
	color: #333;
	width: calc((1280px * 0.7) - 2% -20px);	
	margin-left: 2%;
	padding:10px;
	border-radius: 10px;
	line-height: 180%;
	letter-spacing: 2px;
	background-color: rgba(255,255,255,0.6);	
}
.U_box{
	display: inline-block;
	width: calc(94%/5);
	margin: 5px 0.5% 5px 0.5%;
}
.S3box:nth-child(1){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(38%);	
	text-align:left;
	margin: 15px 1% 3px 1%;
	letter-spacing:0;	
}
.S3box:nth-child(2){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(18%);
	text-align:center;
	margin: 15px 1% 3px 1%;	
	letter-spacing:0;	
}
.S3box:nth-child(3){
	clear: none;
	float:left;
	display: inline-block;
	width: calc(38%);	
	text-align:right;
	margin: 15px 1% 3px 1%;	
	letter-spacing:0;		
}
}
.LoginBox{
	clear: both;
	float:center;
	display: block;
	margin:0px auto;
	width: 96%;
	max-width: 700px;	
	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%;
}
.U_box{
	clear: none;	
	float:left;
	display: inline-block;	
	padding: 0;
	background-color:#fff;
	border: 1px #E6E6E6 solid;
	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;	
}
.U_box: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;	
	-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);	
}
.U_box .Utitle{
	clear: none;
	float: left;
	width: 99%;
	margin: 5px 0.5% 2px 0.5%;	
	padding: 0;	
	color:#039;
	height:45px;
	line-height:22px;
	text-align: center;
    letter-spacing: 1px;
	word-break: break-all;
	overflow: hidden;
	}
.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;
	}

.BANNER {
	clear: none;
	float: left;	
    width: 100%;
    height: 0;
    padding-bottom: 31%;
	overflow: hidden;
}

.PHSHOW{
	position: relative;
	clear: none;
	float: left;
	width: 100%;
	height: 0;
	padding-bottom: 66%;
	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(0,0,0,1);
	overflow: hidden;
}
.PHSHOW .HIT{
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size:90%;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0;
	background-color: rgba(51,51,51,0.6);
	padding:1px 3px 1px 3px;
	z-index: 1;
	}
.BANNER img,.PHSHOW img{
    width: 100%;
    height: auto;
}

.linebox{
	clear: both;
	float: left;
	color: #333;
	width: 100%;
	padding:0;
	*height : 1%; 	
	margin: 20px 0px 20px 0px;	
	}	
.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%; 	
}
.c1280 {
	clear: both;
	float: center;
	display: block;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
	*height : 1%; 	
	
}
.BX128 {
	clear: both;
	display: block;
	margin:0px auto;	
	width: 98%;
	max-width: 1280px;
	background-color: #FFFFFF;
	color: #333;
	margin-top: 20px;
	margin-bottom: 20px;
	-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);	
	border-left:#ccc 1px solid;		
	border-radius: 10px;
	*height : 1%; 
}
.BX1024 {
	clear: both;
	display: block;
	margin:0px auto;	
	width: 98%;
	max-width: 1024px;
	background-color: #FFFFFF;
	color: #333;
	margin-top: 20px;
	margin-bottom: 20px;
	-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);	
	border-left:#ccc 1px solid;		
	border-radius: 10px;
	*height : 1%; 
}
.InShow{
	clear: both;
	float: left;	
	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%;
}
.LoginBox:after,.PH_box:after,.linetital:after,.c1280:after,.linebox:after,.BX128:after,.InShow:after{
  clear : both;
  content : '';
  display : block;
  height : 0;
  overflow : hidden;
}
.PH_box .Del_icon img{
   width: 20px;
   width: 20px;   
   position: absolute;
   bottom: 10px;
   right: 10px;
   z-index: 4;	
	}
.N_BICON,.N_BICON a{
	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;
	background-color: #006699;
	color: #FFF;
	text-decoration: none;
	border: #ccc 1px solid;
	}
.N_BICON:hover,.N_BICON a: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{
	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
	}	
.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;
	}

.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%;
}

/*footer---------------------------*/
.Box3:nth-child(1){
	float:left;
	display: inline-block;
	width: 90%;
	margin: 3px 5% 3px 5%;
	text-align:left;	
}	
.Box3:nth-child(2),.Box3:nth-child(3){
	float:left;
	display: inline-block;
	width: 90%;
	margin: 1px 5% 1px 5%;
	text-align:center;	
}
@media only screen and (min-width: 480px) {
.Box3:nth-child(1){
	float:left;
	display: inline-block;
	width: 90%;
	margin: 3px 5% 3px 5%;
	text-align:left;	
}	
.Box3:nth-child(2),.Box3:nth-child(3){
	float:left;
	display: inline-block;
	width: 90%;
	margin: 1px 5% 1px 5%;
	text-align:center;	
}
}
@media only screen and (min-width: 768px) {
.Box3:nth-child(1){
	float:left;
	display: inline-block;
	width: 98%;
	margin: 3px 1% 3px 1%;
	text-align:left;	
}
.Box3:nth-child(2),.Box3:nth-child(3){
	float:left;
	display: inline-block;
	width: 47.5%;
	margin: 1px 1% 1px 1%;
	text-align:center;	
}
}
@media only screen and (min-width: 1024px) {

.Box3:nth-child(1){
	float:left;
	display: inline-block;
	width: 98%;
	margin: 3px 1% 3px 1%;
	text-align:left;	
}
.Box3:nth-child(2),.Box3:nth-child(3){
	float:left;
	display: inline-block;
	width: 47.5%;
	margin: 1px 1% 1px 1%;
	text-align:center;	
}
}
@media only screen and (min-width: 1280px) {
.Box3:nth-child(1){
	float:left;
	display: inline-block;
	width: 32%;
	margin: 3px 1% 3px 1%;
	text-align:left;
}
	
.Box3:nth-child(2),.Box3:nth-child(3){
	float:left;
	display: inline-block;
	width: 31%;
	margin: 3px 1% 3px 1%;
	text-align:center;
}
}
/* footer------------------------------*/
.Fname{
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	border: 1px inset #4F4F4F;	
	width: 100px;
	font-size:90%;
	text-align: center;
	background-color: #003A57;
	height: 30px;
	line-height: 30px;	
}
.Fin{
	clear: none;
	float: left;
	display: block;
	margin-left: 0%;
	border: 1px inset #4F4F4F;	
	width: 160px;
	font-size:90%;
	text-align: center;
	background-color: #002540;
	height: 30px;
	line-height: 30px;		
}

.fotline{
	clear: both;
	float: left;
	width: 100%;
	display: block;
	padding: 1px 0 1px 0;
	margin: 1px 0 0 0;
	background-color: #00365E;
	*height : 1%; 	
}
.fotline:after{
  clear : both;
  content : '';
  display : block;
  height : 0;
  overflow : hidden;
}

.fotin{
	width: calc(100% - 10px);
	max-width: calc(1680px - 10px);		
	padding: 30px 0px 10px 10px;
	margin: auto;
	margin-top: 0px;
	line-height:25px;
	clear: both;
	color:#fff;
	letter-spacing:1px;
	}
.fotin a{
	color:#fff;
text-decoration:none;	
	}
.Fbtm{
    clear : both;
	width: calc(100%);
	line-height:20px;
	color:#fff;
	font-size:90%;
	text-align: center;	
	}
#RBACK{
	position: fixed;
	bottom: 90px;
	right: 23px;
	background-color: #ff6b24;
	padding: 0px;
	color: #fff;
	z-index: 99;
	border-radius: 99em;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
}
#RBACK:hover{
	background-color: #006699;
}

#lineiocn{
	position: fixed;
	bottom: 90px;
	right: 25px;
	padding: 0px;
	z-index: 99;
	border-radius: 99em;
	width: 60px;
	height: 60px;
	line-height:60px;
	text-align: center;	
}