@charset "utf-8";
@import url(main.css);
/*  global  */
	body{ font-family: "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "メイリオ", "맑은 고딕", sans-serif; font-size:100%; }
	.wrap{ width: 100%; }
	.container{ width:1800px; margin: 0 auto;}
	.rwd-img { width:100%;}
	.rwd-maximg { max-width:100%;}
	.imgbox { overflow:hidden;}
	a{ color:#3c3a3b; text-decoration:none;}
	a:focus, a:hover { text-decoration:none; }
	h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal;}
	ul, section, div, h3 { position: relative;}
	* {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
		}
	ul:after, section:after, div:after, li:after { content: ""; display: block; clear: both;}
	ul{ list-style:none; margin:0; padding:0; }
	body,div,p { margin: 0;padding: 0;}
/*	* { touch-action: none; }*/
/*	==========================================	*/
	/*  icon  */
	.footericon { padding-left:28px; }
	.icon-date { background:url(/assets/img/index/date.png) no-repeat left; min-height: 22px; line-height: 22px; }

/*  onscrolling  */
	/*.wrap.onscrolling header.headerbox { background-color:rgba(0,0,0,0.8); padding-top:0;  }*/

	/*  header  */
	.headerbox { position: fixed; left:0; top:0; z-index: 999; width: 100%;
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
	}

	.head-top-flex { display: flex; align-items: center; justify-content: space-around; }
	.head-menubtnbox,.head-logo,.head-linkbox { width: 33%; }
	.head-menubtnbox { z-index: 999; }

	.head-top-flex a { display: inline-block; }

	.head-top { background-color: #f7f9f8; display: flex; padding: 10px 0; }
	.head-link { margin-left: 15px; }
	.head-link  li { display: inline-block; line-height: 22px; position: relative; padding: 0 5px; }
	.head-link  li:before { content:""; position: absolute; left:-4px; top:3px; height: 15px; border-left:2px solid #3c3a3b; }
	.head-link  li:first-child:before  { display: none; }

	.head-mid { background-color: #efefef; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
	.head-bot { background-color: #036EB8; border-top:1px solid #85b4de; border-bottom:1px solid #85b4de; }

	.menu { margin-top: 12px; }
	.menu li { text-align: center; display: inline-block; width: calc(100%/5  - 4px); }
	.menu li a { color: #016bbf; font-weight: bold; font-size: 1.2rem; display: block; margin:0 auto; background:url(/assets/img/index/btn_b.png) no-repeat center; width: 281px; min-height: 73px; line-height: 57px; background-size: contain;  }
	.menu li a.noopen { color:#676767; }

	.slogin { position: absolute; top:28px; left:300px; font-size: 20pt; font-weight: bold; color: #f00; }

		/*  rwd menu  */
		.rwdmenuopenbtn { color:#3c3a3b; font-size:1.6rem; }
		.rwdmenuclosebtn { display: none; color:#3c3a3b; font-size:1.6rem; }
		.head-menubtn.active .rwdmenuopenbtn { display: none; }
		.head-menubtn.active .rwdmenuclosebtn { display: block; }

		.rwdmenubox { position:fixed; top:0; left:0; width:300px; height:100%; z-index:99; opacity:0; background-color: #fff; padding-top: 80px;
			-moz-transform:translateX(-100%);
			-webkit-transform:translateX(-100%);
			-o-transform:translateX(-100%);
			-ms-transform:translateX(-100%);
			transform:translateX(-100%);
			-webkit-transition: all 0.52s ease;
			 	 -moz-transition: all 0.52s ease;
							transition: all 0.52s ease;
		}
		.rwdmenubox.in { opacity:1;
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			-o-transform:translateX(0);
			-ms-transform:translateX(0);
			transform:translateX(0);
			-webkit-transition: all 0.52s ease;
			 	 -moz-transition: all 0.52s ease;
							transition: all 0.52s ease;
		}

/*	  .rwdmenumask { display:none; position:fixed; top:0; left:0; height:100%; width:100%; background-color:rgba(0,0,0,0.6); z-index:9;
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
	  }
	  .rwdmenumask.in { display:block; }*/

		.rwdmenu { padding:15px; }
		.rwdmenu li a { padding:15px 0; margin: 0 30px;  display:block; border-bottom: 1px dashed #eaeaea; }
		.rwdmenu li:first-child a { border-top: 1px dashed #eaeaea; }

	/*	footer	*/

	.footerbox { position: relative; }
	.foot-top { background-color: #f7f9f8; border-top:1px solid #dcdedd; padding: 10px 0; }
	.foot-logo { float: left; margin:13px 0; }
	.foot-qrcode { float: right; }
	.foot-bot { background-color: #efefef; border-top:1px solid #e4e4e4; padding: 10px 0; }
	.foot-link {float: left; }
	.foot-link  li { display: inline-block; line-height: 22px; position: relative; padding: 0 5px; }
	.foot-link  li:before { content:""; position: absolute; left:-4px; top:3px; height: 15px; border-left:2px solid #3c3a3b; }
	.foot-link  li:first-child:before  { display: none; }
	.foot-url { float:right; }
	.foot-url a { color: #0f69a7;}
	.foot-infolinkbox { float: left; margin-left: 333px; }
	.foot-infolink { list-style-type:unset; display: inline-block;  width: 200px; vertical-align: top; }
	.foot-infolink li { padding-bottom: 5px; }

/*	.gotop { position: fixed; right:100px; bottom: 45%; opacity: 0; z-index: 9;
								-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
	}
	.gotop.active {  opacity: 1; }*/

	/*  index  */
	.fy168-title { padding:10px 0; border-bottom: 1px dashed #b7b7b7; }
	.fy168-title2 { padding:10px 0; border-bottom: 1px dashed #b7b7b7; width: 280px; margin:0 auto;  }
	.fy168-title h3,.fy168-title2 h3 { display: inline-block; color: #00679e; font-weight: bold; font-size: 1.6rem; }
	.fy168-sub { font-size: 1.2rem; color: #383735; letter-spacing: 3px; margin-bottom: 10px; }



	.wrap { padding-top: 219px; }
	.lotteryall li { float: left; width: calc(100%/3 - 11px); margin:0.3%;  }
	.lotteryallbor { border-radius: 15px; border:1px solid #e1e1e1; background-color: #efefef; padding: 10px; margin-top: 5px; margin-bottom: 5px; }
	.lotteryallcell { border-bottom:1px solid #e1e1e1; padding: 5px 0; color: #3c3a3b; }
	.lotteryallcell:last-child { border:0; }
	.lotteryall .body { min-height: 243px; }
	.lotteryall .title {display: block; border-radius: 15px; padding: 3px 0; text-align: center; }
	.lotteryall .more { display: block; border-radius: 15px; color: #fff; padding: 3px 0; text-align: center; text-decoration:underline; width: 95%; margin:0 auto;
		background: rgb(3,109,183); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(3,109,183,1) 0%, rgba(3,80,160,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(3,109,183,1) 0%,rgba(3,80,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(3,109,183,1) 0%,rgba(3,80,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036db7', endColorstr='#0350a0',GradientType=0 ); /* IE6-9 */
	}

	.advbox { padding: 0.3% 0; }
	.advlist li { float: left; margin:0.3%; width: calc(100% / 4 - 11px); border-radius: 10px; }

	.index-area { text-align: center; }
	.index-area li { display: inline-block; }
	.index-area li a { color: #016bbf; font-weight: bold;  font-size: 1.2rem;  display: block;  margin: 0 auto; border:1px solid #ccc; border-radius: 30px;
	    background: #ededed;
	    width: 281px;
	    padding: 15px 0;
	    background-size: contain;
	}
	.index-area li a.active { background: #d0cece; }
	.rwd.index-area { display: none; }

	/* content */
	.contentbox { padding: 15px 0 40px 0px;  }

	.contmenubox { text-align: center;  }
	.contmenubox a { border:1px solid #a8a8a8; border-radius: 15px; padding: 3px 12px; color: #3c3a3b; display: inline-block; margin:10px;}
	.contmenubox a.active { background-color: #ee7a01; border:1px solid #ee7a01; color: #fff;  }

	.def-w-900 { width: 900px; margin:0 auto; }
	.def-w-700 { width: 700px; margin:0 auto; }
	.def-w-670 { width: 670px; margin:0 auto; }

	.submitbtn { color: #0065b8; font-weight: bold; font-size: 1rem; margin:0 10px; background:url(/assets/img/index/btn_s.png) no-repeat center; background-position-y: 6px; width: 256px; min-height: 61px;border:0; background-size: contain; }
	.noticebtn { color: #fff; border-radius: 5px; padding: 5px 12px;
		background: rgb(3,109,183); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(3,109,183,1) 0%, rgba(3,80,160,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(3,109,183,1) 0%,rgba(3,80,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(3,109,183,1) 0%,rgba(3,80,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036db7', endColorstr='#0350a0',GradientType=0 ); /* IE6-9 */
	}
	.normalbluebtn {color: #fff; border-radius: 5px; padding: 5px 12px; display: inline-block; margin: 1px;
		background: rgb(3,109,183); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(3,109,183,1) 0%, rgba(3,80,160,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(3,109,183,1) 0%,rgba(3,80,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(3,109,183,1) 0%,rgba(3,80,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036db7', endColorstr='#0350a0',GradientType=0 ); /* IE6-9 */
	}
	.normalredbtn {color: #fff; border-radius: 5px; padding: 5px 12px; display: inline-block; margin: 1px;
		background: rgb(255,0,0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(165,0,0,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(165,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,0,0,1) 0%,rgba(165,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#a50000',GradientType=0 ); /* IE6-9 */
	}
	.normalorangebtn {color: #fff; border-radius: 5px; padding: 5px 12px; display: inline-block; margin: 1px;
		background: rgb(255,173,0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,173,0,1) 0%, rgba(255,111,0,1) 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,173,0,1) 0%,rgba(255,111,0,1) 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,173,0,1) 0%,rgba(255,111,0,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffad00', endColorstr='#ff6f00',GradientType=0 ); /* IE6-9 */
	}
	.normalgreenbtn {color: #fff; border-radius: 5px; padding: 5px 12px; display: inline-block; margin: 1px;
		background: rgb(3,220,107); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(3,220,107,1) 0%, rgba(0,165,99,1) 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(3,220,107,1) 0%,rgba(0,165,99,1) 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(3,220,107,1) 0%,rgba(0,165,99,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03dc6b', endColorstr='#00a563',GradientType=0 ); /* IE6-9 */
	}
	.normalgraybtn {color: #fff; border-radius: 5px; padding: 5px 12px; display: inline-block; margin: 1px;
		background: rgb(168,168,168); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(78,74,73,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(78,74,73,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(168,168,168,1) 0%,rgba(78,74,73,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#4e4a49',GradientType=0 ); /* IE6-9 */
	}
	.droplistbtn img {
		-moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
	}
	.droplistbtn .fa-angle-double-up { display: none; }
	.droplistbtn.active .fa-angle-double-down { display: none; }
	.droplistbtn.active .fa-angle-double-up { display: block; }

	.pager li a { color: #016bbf; padding: 1px 7px; border-radius: 50px; margin:5px; }
	.pager li a.nb { color: #3c3a3b; }
	.pager li a.nb.active{ background-color: #076ebd; color: #fff; }

	.row_date_hide { display: none; }
	.row_date_hide.active { display: table-row; }

	#ppbox { display: none; }
	#ppbox.active { display: table; }
	.pp-title { background-color: #046eb8; padding: 5px 15px; font-size: 1.2rem; font-weight: bold; border-radius: 8px 8px 0 0; }
	.pp-cont { background-color: #000; padding: 10px; border-radius: 0 0 8px 8px; }
	.ppform .grid-4 { width: 120px; }
	.ppform .grid-8 { width: calc(100% - 120px); }

	.conditionbarbox { border-top: 1px dashed #b7b7b7; padding-top: 15px; }

	.advabsleftbox { padding-right: 15px; padding-top: 10px; width: calc((100% - 900px; )/2); }
	.advabsrightbox { padding-left: 15px; padding-top: 10px; width: calc((100% - 900px; )/2);  }

		/* news */
		.news-table { min-width: 100%; border-width:0 0 1px 1px; margin:10px auto; }
		.news-table { overflow: hidden; }
		.news-table thead tr th { background-color: #ee7a01; color: #fff; border: 1px solid #DDD; padding: 0.2em !important; border-width:1px 1px 0 0; word-break: break-word; }
		.news-table thead tr td { border: 1px solid #fff; padding: 0.5em !important;  position: relative; background-color: #dcdedd; border-width:1px 1px 0 0; word-break: break-word;  }
		.news-table tbody tr th { background-color: #ee7a01; color: #fff; border: 1px solid #DDD; padding: 0.2em !important; border-width:1px 1px 0 0; word-break: break-word; }
		.news-table tbody tr td { border: 1px solid #fff; padding: 0.5em !important;  position: relative; background-color: #dcdedd; border-width:1px 1px 0 0; word-break: break-word;  }
		.newsdetailbox { display: flex; }

		/* product */
		.productlist li { border-radius: 13px; padding: 5px; position: relative;
			background: rgb(3,173,251); /* Old browsers */
			background: -moz-linear-gradient(top, rgba(3,173,251,1) 0%, rgba(4,112,184,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(3,173,251,1) 0%,rgba(4,112,184,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(3,173,251,1) 0%,rgba(4,112,184,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03adfb', endColorstr='#0470b8',GradientType=0 ); /* IE6-9 */
		}
		.productlist li { float: left; width: calc(100%/4 - 11px); margin:0.3%; position: relative; }
		.productlist .imgbg { padding: 10px; border-radius: 13px;  background:url(/assets/img/index/pic_01.png) no-repeat center; background-size: cover;  }
		.productlist .point { color: #3c3a3b; text-align: center; font-size: 1.5rem; font-weight: bold; margin: 15px 0; height: 101px; overflow:hidden; align-items: center; justify-content: center; display: flex;  }
		.productlist .buy { display: block; color: #fff; border-radius: 8px; text-align: center; padding: 5px 0;
			background: rgb(255,0,0); /* Old browsers */
			background: -moz-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(165,0,0,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(165,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(255,0,0,1) 0%,rgba(165,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#a50000',GradientType=0 ); /* IE6-9 */
		 }

		 .mshover { position: absolute; left:0; top:218px; width: 100%; background-color: #767474; border-radius: 6px; color: #fff; padding: 5px; opacity: 0; z-index: 1;
			-webkit-transition: all 0.52s ease;
			 	 -moz-transition: all 0.52s ease;
							transition: all 0.52s ease;

		 }
		 a:hover .mshover { opacity: 1; }
		.pdhover { width: 260px; min-height: 40px; height: auto;
		    padding: 5px;
		    background: #03acfa;
		    position: absolute;
		    margin-top: 0px;
		    border: 1px solid #fff;
		    opacity: 1;
		    color: #fff;
		    font-size: 16px;
		    z-index: 9;
		    border-radius: 8px;
		}

		 /* hotservice */
		 .hotservicelist .point { padding: 5px 0; }
		 .hotservicelist .imgbg { background:url(/assets/img/index/btn_02.png) no-repeat center; background-size: cover;  }

		 /* lifeaide */
		 .lifeaidelistbox { display: flex; }
		 .lifeaidelist { width: 33%; padding:0 5px; }
		 .lifeaidelist li { margin:15px 0;  }
		 .lifeaidelist li a { color: #0f69a7; text-decoration: underline; font-weight: bold; }

		 /* pk */
		 .pkballitem { float: left; width: calc(100%/6 - 12px); margin:1%; }
		 .pkball { background-color: #3e3a39; border-radius: 50%; text-align: center; color: #fff; display:inline-block; width: 32px; height: 32px; line-height: 32px; }
		 .pkbox .float-left { width: calc(100% - 600px); padding-right: 5px; }
		 .pkbox .float-right { width: 600px; }

		 /* computer2 */
		 .computer2box .float-left { width: 50%; }
		 .computer2box .float-right { width: 50%; }

		 /* pof */
		.pof-table {min-width: 100%;}
		.pof-table th { border:1px solid #b8b8b8; padding: 0.7em 0; }
		.pof-table td { border:1px solid #b8b8b8; padding: 0.7em 0; }
		.pof-table tbody td { background-color: #dcdedd; }
		.pof-table.pof-bg-black tbody td { background-color: #000; }


		/* member */
		.memberbox .login { width: 50%; float: left; }
		.memberbox .otherlogin { width: 50%; float: right; }
		.otherlogin { padding-left: 15px; }
		.serviceclause { background-color: #fff;  border: 1px solid #e1e1e1; border-radius: 5px; height: 547px; padding: 15px; }
		.memberform { background-color: #f7f9f8; border: 1px solid #e1e1e1; border-radius: 10px; padding: 10px; }
		.memberform .grid-4 { width: 120px; }
		.memberform .grid-8 { width: calc(100% - 120px); }
		.memberform.editor { width: 700px; margin:0 auto; }


			/* pointsrecord */
			.pointsrecordbox .lsub { float: left; width: 150px; text-align: right; }
			.pointsrecordbox .rsub { float: left; }


		/* hack  */
		.bx-controls-direction { display: none; }
		.bx-wrapper .bx-pager.bx-default-pager a { border: 1px solid #005CA1; }
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 75px; }
		.owl-pagination { display: none; }
		.owlbtnbox { position: absolute; left: 0; top:45%; width: 100%; }
		.owlprev{ position: absolute; left: 5px; }
		.owlnext{ position: absolute; right: 5px; }
		.articlebox { word-break: break-word; line-height: 1.6; }
		.articlebox img { max-width:100%; }
		.fancybox-content { width: 1200px; background-color: transparent; }
		.fancybox-inner { width: 80%; margin:0 auto;  }
		.fancybox-button { border-radius: 50%; width: 40px; height: 40px;
			background: rgb(201,6,36); /* Old browsers */
			background: -moz-linear-gradient(top, rgba(201,6,36,1) 0%, rgba(131,11,36,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(201,6,36,1) 0%,rgba(131,11,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(201,6,36,1) 0%,rgba(131,11,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90624', endColorstr='#830b24',GradientType=0 ); /* IE6-9 */
		}
		.fancybox-button svg path{ stroke: white; stroke-linecap: square; stroke-width: 9.5px; }
		.fancybox-close-small svg { stroke: white; stroke-linecap: square; stroke-width: 4.5px; }
		.fancybox-toolbar { right: 30px; top:30px; }
		.fancybox-close-small { border-radius: 50%; width: 40px; height: 40px; background-color: #005CA1; }
		 #rwdsearch.fancybox-content,#rwdmenu.fancybox-content { width: 300px; }

/*    .classbox .owl-carousel .owl-wrapper-outer { height: 60px; line-height: 60px; }
		.owlclassbtnbox { position: absolute; left:0; top:0; width: 100%; display: none; }
		.owlclassbtnbox .owlprev { position: absolute; left:-20px; top:14px; z-index: 2; }
		.owlclassbtnbox .owlnext { position: absolute; right:-20px; top:14px; z-index: 2; }*/
		/*.fancybox-navigation { top: 50%; }*/
		.mCSB_inside>.mCSB_container { margin-right: 15px; }


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

	.container{ width:100%;}

	/* header */
	.head-top { padding: 10px 15px; }
	.rwdmenu li a { margin:0; }

	/* footer */
	.foot-top,.foot-bot { padding: 10px 15px; }
	.foot-infolinkbox { margin-left:133px; }

	/* index */
	.advbox,.lotteryallbox { padding: 0 15px; }

	/* content */
	.contentbox { padding: 15px 15px 40px 15px; }

	/* product */
	.productlist li{ width: calc(100% / 4 - 9px); }

}

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

	/* heedaer */
	.rwdmenubox { padding-top: 50px; }
	.head-top { padding: 5px 15px; }
	.head-mid,.head-bot { display: none; }
	.head-logo img { width: 130px; }
	.head-link { display: none; }
	.slogin {  top:4px; left:60px; }

	/* footer */
	.foot-logo,.foot-qrcode,.foot-link,.foot-url { /*float: none;*/ width: 100%; }
	.foot-qrcode img { margin:0 auto; }
	.foot-url,.foot-link { text-align: center; }
	.foot-link { margin-bottom: 10px; }
	.foot-infolinkbox { margin:15px 0; margin-left: 273px; }

	/* index */
	.wrap { padding-top: 52.09px; }
	.lotteryall .body { min-height: 227px; }
	.lotteryallcell { font-size: 0.9rem; }
	.index-area { display: none; }
	.rwd.index-area { display: block; }
	.rwd.index-area li { display: block; margin-bottom: 10px; }
	.rwd.index-area ~ div { display: none; }

	/* content */
	.noticebtn { font-size: 0.7rem; padding: 5px; }
	.def-w-900 { width:calc(100%); }
	.newsdetailbox { display: block; }
	.advabsleftbox { text-align: center; width: 100%; min-width:initial; }
	.advabsrightbox { text-align: center;  width: 100%; min-width:initial; }

	/* product */
	.productlist li{ width: calc(100% / 4 - 6px); }

}

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



}

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

	/* index */
	.lotteryall li,.advlist li { width: calc(100%/2 - 5px); }
	.lotteryall li { margin-bottom: 15px; }

	/* footer */
	.foot-infolink { display: block; }
	.foot-infolinkbox{ margin-left: 254px; }

	/* conter */
	.memberbox .login, .memberbox .otherlogin { float: none; width: 100%; }
	.memberbox .otherlogin { margin-bottom: 15px; }
	.memberbox .otherlogin { padding-left: 0; }
	.memberform.editor { width: 100%; }
	.advabsleftbox { padding-right: 0; }
	.advabsrightbox { padding-left: 0; }

	/* news */
	.newsdetailbox { display: block; }

	/* product */
	.productlist li{ width: calc(100% / 2 - 5px); }

	/* PK */
	.pkbox .float-left { float: none; width:100%; padding-right: 0; }
	.pkbox .float-right {  float: none; width: 100%;; }
	.pkballitem { width: calc(100%/6 - 15px); }
}

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


}

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

	/* contet */
	.def-w-670 { width:calc(100% - 30px); }
	.def-w-700 { width:calc(100%); }
	.pointsrecordbox .lsub { float: none; width: auto; text-align: left; }
	.pointsrecordbox .rsub { float: none; }
	.pointsrecordbox .float-left,.pointsrecordbox .float-right { float: none; }
}

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


}

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


	.slogin {  top:12px; left:39px;  font-size: 8pt; }
	/* index */
	.lotteryall li,.advlist li { width:100%; }
	.lotteryall .body { min-height: initial; }

	/* footer */

	.foot-infolinkbox{ margin-left: 43px; }

	/* conter */
	.pager { display: block; text-align: center; }
	.pager li { display: inline-block; }
	.memberform .grid-4,.memberform .grid-8 { width: 100%; text-align: left; margin-bottom: 5px; }
	.contmenubox { text-align: left; }
	.contmenubox a { font-size: 0.7rem; margin:5px 1px; }
	.form-group.form-inline { width: 100%; }
	.ppform .grid-4,.ppform .grid-8 { width: 100%; text-align: left; margin-bottom: 5px; }

	/* product */
	.productlist li{ width:100%; }

	/* lifeaaide */
	.lifeaidelistbox { display: block; }
	.lifeaidelist { width: 100%; }

	/* pk */
	.pkballitem { width: calc(100%/6 - 8px); }

}

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

	/* content */
	.ppform { max-height: calc(100vh - 200px); overflow-y: auto; }

}

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

	/* header */
	.footericon.icon-date  { background: initial; font-size: 0.7rem;  }

	.slogin {  top:22px; left:34px; }
	/* index */
	.wrap { padding-top: 42.03px; }

	/* pk */
	.pkballitem { width: calc(100%/5 - 7px); }


}

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

	/* pk */
	.pkballitem { width: calc(100%/5 - 6px); }

}