@charset "utf-8";
/* CSS Document */

html {
  font-size: 62.5% !important;
}
@media screen and (max-width: 980px) {
  html {
    font-size: 58% !important;
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: 54% !important;
  }
}


a,input[type=submit],input[type=button],input[type=reset]{
	cursor: pointer;
}

body {
	margin: 0;
	padding: 0;
	-webkit-appearance: none !important;
	outline: none !important;
	overflow-x: hidden;
	font-family: "微軟正黑體", Arial;
	
}


h1, h2, h3, h4, h5, h6, ul, ol, li, form {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-weight: normal;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

/*--------------------------------------*/
#main {
	width: 1440px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	margin-right: auto;
	margin-left: auto;
		background-image: url(../images/bg.jpg);
	background-repeat: repeat;

}

/*--------------------------------------*/
#footer {
	background-color: #00ae7c;
	height: 46px;
	width: 100%;
	postition:relative;
	z-index:1500;
}
#footer>.sq {
	max-width: 1440px;
	font-size: 1.2rem;
	line-height: 30px;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 2000;
}

#main .index {
	position: relative;
	text-align: center;
	height: 954px;
	width: 100%;
	background-image: url(../images/index_01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#main .index>.sq {
		width: 1280px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	height:100%;
	
}


#main .index>.sq .sigin{
	width: 298px;
	height: 288px;
	position: absolute;
	bottom: 34px;
	left: 516px;
	display: block;
	z-index:100;
	
}

#main .index>.sq .update{
	width: 180px;
	height: 236px;
	position: absolute;
	top: 29px;
	left: 0px;
	display: block;
	z-index:100;
	
}
#main .index>.sq .video{
	width: 180px;
	height: 236px;
	position: absolute;
	top: 140px;
	left: 198px;
	display: block;
	z-index:100;
	
}

#main .index>.sq .rule{
	width: 184px;
	height: 220px;
	position: absolute;
	bottom: 218px;
	left: 186px;
	display: block;
	z-index:100;
	
}


#main .index>.sq .result{
	width: 180px;
	height: 219px;
	position: absolute;
	top: 157px;
	right: 49px;
	display: block;
	z-index:100;
	
}


#main .index>.sq .newsbt{
	width: 187px;
	height: 65px;
	position: absolute;
	bottom: 11px;
	right: 33px;
	display: block;
	z-index:100;
	
}

#main .index>.sq .aboutus{
	width: 187px;
	height: 65px;
	position: absolute;
	bottom: 50px;
	right: 33px;
	display: block;
	z-index:100;
	
}
#main .index>.sq .rule a,#main .index>.sq .sigin a,#main .index>.sq .update a,#main .index>.sq .video a,#main .index>.sq .result a,#main .index>.sq .newsbt a{
	width: 100%;
	height: 100%;
	display: block;
	font-size: 0;
	line-height: 0px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index:900;
	cursor: pointer;	
}




#main .index>.sq .aboutus  img, #main .index>.sq .rule  img,#main .index>.sq .sigin img,#main .index>.sq .update img,#main .index>.sq .video img,#main .index>.sq .result img,#main .index>.sq .newsbt img{
	transform:scale(0.95);
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#main .index>.sq .aboutus:hover  img, #main .index>.sq .rule:hover  img,#main .index>.sq .sigin:hover img,#main .index>.sq .update:hover img,#main .index>.sq .video:hover img,#main .index>.sq .result:hover img,#main .index>.sq .newsbt:hover img{
	transform:scale(1);
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#footer .sq .cmmunity {
	position: absolute;
	height: 55px;
	width: auto;
	top: -27px;
	right: 255px;
	z-index: 1500;
}
#footer .sq .cmmunity .youtube {
	background-image: url(../images/youtube_bt.png);
	display: block;
	float: left;
	height: 55px;
	width: 73px;
	margin-left: 10px;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	transform:scale(0.95);
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#footer .sq .cmmunity .fb {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-image: url(../images/fb_bt.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 55px;
	width: 57px;
	display: block;
	float: left;
	transform:scale(0.95);
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#footer .sq .cmmunity a:hover{
		transform:scale(1);
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


#main .logo{
	width:340px;
	height:70px;
	position:absolute;
	right:12px;
	top:32px;
}
#main .logo img{
	width:340px;
	height:70px;
}

#main .logo a{
	width: 100%;
	height: 100%;
	display: block;
	font-size: 0;
	line-height: 0px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;	
}

#main .news{
	width: 420px;
	left: 380px;
	top: 465px;
	font-size: 2.4rem;
	line-height: 36px;
	color: #298A6B;
	font-weight: bold;
	position: absolute;
}

#main .news>div{
	display:block;
	text-align:left;
}

/*--------------------------------------*/


#main .inpage>.sq {
		width: 1280px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	height:100%;
	
}
#main .inpage {
	background-image: url(../images/bg2.png);
	position: relative;
	text-align: center;
	height: 954px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}


#main .inpage .logopost {
	width: 220px;
	height: 68px;
	font-size: 1.2rem;
	line-height: 24px;
	color: #298A6B;
	position: absolute;
	left: 354px;
	top: 35px;
}

#main .inpage .logopost>div{
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
}
#slidearea {
	height: 727px;
	width: 100%;
	margin-top: 180px;
	padding-left: 0px;
	overflow: auto;
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	overflow-x:hidden;
}
#slidearea h1 {
	font-size: 2.4rem;
	line-height: 36px;
	color: #298A6B;
	text-align: left;
	font-weight: bold;
}
#slidearea .pancel {
	background-image: url(../images/h1_1.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 48px;
	width: 100%;
}
#slidearea .read {
	background-image: url(../images/h1_2.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 48px;
	width: 100%;
}
#slidearea .success {
	background-image: url(../images/h1_3.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 48px;
	width: 100%;
}

#slidearea .fall {
	background-image: url(../images/h1_4.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 48px;
	width: 100%;
}

#slidearea .rule {
	background-image: url(../images/h1_5.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 48px;
	width: 100%;
}

#slidearea .aboutus {
	background-image: url(../images/h1_5.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 48px;
	width: 100%;
}
#slidearea>div.two {
	height: auto;
	width: 100%;
	margin-top: 20px;
	display:table
}
#slidearea .two .left {
	width: 360px;
	padding-right: 36px;
	padding-left: 36px;
	float:left;
	text-align:left;
}
#slidearea .two .right {
	width: calc(100% - 472px);
	float:left;
	text-align:left;
}
#slidearea .two .left .title div {
	font-size: 2.6rem;
	line-height: 36px;
	color: #00ae7c;
	font-weight: bold;
}
#slidearea .two .left .title .gray {
	font-size: 1.8rem;
	color: #999;
}
#slidearea .two .left .title div span {
	font-size: 1.7rem;
}
#slidearea .two .left ul li {
	font-size: 2.6rem;
	line-height: 37px;
	color: #00AE7C;
	padding-top: 15px;
	padding-bottom: 5px;
	position: relative;
	font-weight: bold;
	margin-bottom: 15px;
}
#slidearea .two .left ul{
	margin-top:0px;
}
#slidearea .two .left ul li span {
	display: inline-block;
	position:relative;
}


#slidearea .two .left ul li.full{
		color: #999;
		
}

#slidearea .two .left ul li.mustfull span:after{
content:"";
width:71px;
height:67px;
	display: inline-block;
	background-image:url(../images/mustfull.png);
	background-repeat:no-repeat;
	background-position:center center;
	left:calc(100% + 20px);
	position:absolute;
	top:-15px;

}
#slidearea .two .right form ,#windowsq .slide.serach form{
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#slidearea .two .right form fieldset,#windowsq .slide.serach form fieldset{
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:table;

}
#slidearea .two .right form fieldset>div,#slidearea .two .right form fieldset,#windowsq .slide.serach form fieldset>div {
	width:100%;
	float:left;
}
#slidearea .two .right form fieldset.twox>div {
	width:50%;
	float:left;
}
#slidearea .two .right form fieldset.twox>div:nth-child(2) {
	width:calc(50% - 5px);
	float:left;
	margin-left:5px;
}

#slidearea .two .right form fieldset input[type="text"],#windowsq .slide.serach form fieldset input[type="text"] {
	padding: 10px;
	height: 65px;
	border: 3px solid #8bdbc3;
	background-color: rgba(77,180,149,0.1);
	outline: none;
	border-radius: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.6rem;
	font-family: "微軟正黑體", Arial;
	color: #4DB495;
}

#slidearea .two .right form fieldset div>.sel{
	height: 65px;
	border: 3px solid #8bdbc3;
	background-color: rgba(77,180,149,0.1);
	outline: none;
	border-radius: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/select_bg.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#slidearea .two .right form fieldset div>.sel select{
	background-color: transparent;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 65px;
	border: none;
	outline: none;
	color: #0FB37F;
	appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
font-size:1.4rem;
}




#slidearea .two .right form h2 {
	font-size: 2.2rem;
	line-height: 28px;
	font-weight: bold;
	color: #53635e;
	display: block;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 20px;
}

#slidearea .two .right form h2:first-child {
	margin-top: 0px;
}

#slidearea .right form.two>div:nth-child(2n){
	width: calc(50% - 5px);
	margin-left:5px;
}

#slidearea .right form  div .w60 {
	width: 60%;
}
#slidearea .right form  div .w100 {
	width: 100%;
}
,#windowsq .slide.serach form fieldset div .w50 {
	width: 50%;
}

#slidearea .right form  div .w33 {
	width: 33.3333%;
}

#slidearea .right form  div .w33:nth-child(2),#slidearea .right form  div .w33:nth-child(3) {
	width: calc(33% - 5px);
	margin-left:5px;
}


#slidearea .right form .twox div .w40 {
	width: calc(40% - 5px);
	margin-left:5px;
}

#slidearea .right form  div>div.w33 {
	float:left;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: #0FB37F;
}
 
::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #0FB37F;
}
 
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
        color: #0FB37F;
}
 
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #0FB37F;
}

#slidearea .note {
	font-size: 1.6rem;
	line-height: 28px;
	color: #53635e;
	display:block;
}
#slidearea .note.red {
	color: #E7161A;
}
#slidearea .two .right form fieldset .btline {
	display: table;
	margin-right: auto;
	margin-left: auto;
	float:none;
	width:auto;
}
#slidearea .two .right form fieldset .btline .nextstep {
	background-image: url(../images/next_step.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 82px;
	width: 200px;
	background-color: transparent;
	outline: none;
	border: none;
	display: block;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	cursor: pointer;
}
#baba{
	width: 317px;
	height: 136px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 1.6rem;
	line-height: 24px;
	color: #00AE7C;
	background-image: url(../images/baba.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	padding-top: 30px;
	padding-right: 150px;
	padding-bottom: 30px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	pointer-events:none;
	display: flex;
justify-content: center;
align-items: center;

	}
#goindex {
    height: 15%;
    width: 17%;
    position: absolute;
    left: 5%;
    top: 3%;
}

#goindex a{
	width:100%;
	height:100%;
	display:block;
	font-size:0px;
	color:#fff;
}
#menubar {
	height: 172px;
	width: 490px;
	position: absolute;
	z-index: 300;
	top: 0px;
	right: 50px;
}
#menubar div a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	height: 125px;
	width: 101px;
	position: absolute;
	top: 18px;
	transform:scale(0.95);

	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#menubar div:hover a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	height: 125px;
	width: 101px;
	position: absolute;
	top: 20px;
	transform:scale(1);
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#menubar div .update {
	background-image: url(../images/updatein.png);
	left: 0px;
}
#menubar div .video {
	background-image: url(../images/videoin.png);
	left: 113px;
}
#menubar div .rule {
	background-image: url(../images/rulein.png);
	left: 220px;
}

#menubar div .aboutus {
	background-image: url(../images/rulein.png);
	left: 220px;
}
#menubar div a.sign {
	background-image: url(../images/signin.png);
	height: 172px!important;
	width: 165px!important;
	top: 0px;
	right: 0px;
	transform:scale(0.95);
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#menubar div:hover a.sign {
	transform:scale(1);
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#readx {
	height: calc(100% - 70px);
	margin-top:20px;
	width: 100%;
}

#readx .leftpart{
	width:800px;
	margin-left:40px;
	float:left;
}

#readx .rightpart{
	width:366px;
	margin-left:40px;
	float:left;
}
#readx .leftpart .ss {
	height: 566px;
	width: 100%;
	overflow: visible;
	overflow-x: none;
	padding-right: 40px;
	padding-left: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.8rem;
	line-height: 26px;
	color: #666;
	text-align: left;
	    overflow: scroll;
    overflow-x: hidden;

}

#readx .leftpart .ss ol{
	width: 100%;
	list-style-type: decimal;
}

#readx .leftpart .ss ol li{
	margin-left: 30px;
	list-style-type: decimal;
	text-align: left;
	margin-bottom:10px;
}
#readx .leftpart .ss h2 {
	font-size: 2.2rem;
	line-height: 28px;
	font-weight: bold;
	color: #53635e;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 30px rgba(185,233,218,1); 
    border-radius: 2px;

}
 
::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 30px rgba(0,174,124,1); 
	
}#readx .leftpart .ss .check {
	display: table;
	float: right;
}
#readx .leftpart .ss .check input {
	display: inline-block;
	margin: 5px;
	float: left;
	height: 18px;
	width: 18px;
	border: 1px solid #F60;
	background-color:transparent;
}
#readx .leftpart .ss .check span {
	display: inline-block;
	color:#f60;
	margin-left:5px;
}

#readx .leftpart .btline {
	display:table;
	margin-left:auto;
}
#readx .leftpart .btline input,#readx .leftpart .btline a {
	background-image: url(../images/next_submit.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 82px;
	width: 200px;
	background-color: transparent;
	outline: none;
	border: none;
	display: block;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	cursor: pointer;
	margin-right:40px;

}

#readx .rightpart h3 {
	font-size: 1.8rem;
	line-height: 24px;
	color: #5C5C5C;
	text-align: left;
	margin-bottom: 20px;
	font-weight:blod;
}
#readx .rightpart ul {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
#readx .rightpart ul li {
	margin-bottom: 12px;

}
#readx .rightpart ul li a {
	font-family: "微軟正黑體", Arial;
	font-size: 2.8rem;
	line-height: 50px;
	font-weight: bold;
	color: #00AE7C;
	display: block;
	padding: 10px;
	height: 75px;
	width: 366px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	background-image: url(../images/normal.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

#readx .rightpart ul li.mustfull a:after {
	background-image: url(../images/mustfull.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 67px;
	width: 71px;
	position: absolute;
	top: 1px;
	right: 5px;
	content:"";
}

#readx .rightpart ul li.stay a {
	color: #f7ab00;
	background-image: url(../images/stay.png);
	background-repeat: no-repeat;
	background-position: center center;
}


#readx .rightpart ul li.gray a {
	color: #999999;
	background-image: url(../images/unset.png);
	background-position: center center;
	cursor: pointer;
}
#slidearea.success {
	background-image: url(../images/success.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#slidearea.fall {
	background-image: url(../images/fall_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#successinpage ,#fall{
	float: left;
	width: 55%;
	margin-top: 20px;
}
#successinpage p,#fall p {
	font-size: 2.2rem;
	line-height: 36px;
	font-weight: bold;
	color: #666;
	text-align: left;
	padding-left: 50px;
	margin-top: 0px;
}
#successinpage .singinfo {
	margin-left: 50px;
}
#successinpage .singinfo>div {
	height: 65px;
	border: 3px solid #8bdbc3;
	background-color: rgba(77,180,149,0.1);
	outline: none;
	border-radius: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.8rem;
	line-height: 42px;
	font-family: "微軟正黑體", Arial;
	color: #4DB495;
	width: 435px;
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#successinpage .singinfo>div span {
	margin-left:20px;
}

#slidearea.success .btline {
	position:absolute;
	bottom:0;
	height: 82px;
	width: 200px;
	left:50%;
	margin-left:-100px;


}


#slidearea.fall .btline {
	position:absolute;
	bottom:0;
	height: 82px;
	width: 256px;
	left:50%;
	margin-left:-128px;


}


#slidearea.fall .btline a {
	background-image: url(../images/fall.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 82px;
	width: 256px;
	background-color: transparent;
	outline: none;
	border: none;
	display: block;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	cursor: pointer;
	margin-right:40px;
	margin-top:-82px;

}


#slidearea.success .btline a {
	background-image: url(../images/gohome.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 82px;
	width: 200px;
	background-color: transparent;
	outline: none;
	border: none;
	display: block;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	cursor: pointer;
	margin-right:40px;
	margin-top:-82px;

}
#rule .btline {
	width: 100%;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

#aboutus .btline {
	width: 100%;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
#rule .btline a {
	background-image: url(../images/other_but.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 82px;
	width: 256px;
	background-color: transparent;
	outline: none;
	border: none;
	display: block;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	cursor: pointer;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#aboutus .btline a {
	background-image: url(../images/other_but.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 82px;
	width: 256px;
	background-color: transparent;
	outline: none;
	border: none;
	display: block;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	cursor: pointer;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

#rule .left {
	float: left;
	width: 420px;
	padding-left: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#aboutus .left {
	float: left;
	width: 420px;
	padding-left: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#rule .right {
	float: left;
	width: 784px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 30px;
}

#aboutus .right {
	float: left;
	width: 784px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 30px;
}
#rule {
	margin-top: 20px;
}

#aboutus {
	margin-top: 20px;
}

#rule .left .title {
	font-size: 2rem;
	line-height: 28px;
	color: #00ae7c;
	text-align: justify;
	display: block;
	font-weight: bold;
}

#aboutus .left .title {
	font-size: 2rem;
	line-height: 28px;
	color: #00ae7c;
	text-align: justify;
	display: block;
	font-weight: bold;
}

#rule .left .list{
	font-size: 1.8rem;
	line-height: 32px;
	color: #666;
	margin-top: 50px;
}

#aboutus .left .list{
	font-size: 1.8rem;
	line-height: 32px;
	color: #666;
	margin-top: 50px;
}

#aboutus .right .list {
	font-size: 1.8rem;
	line-height: 32px;
	color: #666;
	margin-top: 0px;
}
#rule .right .list {
	font-size: 1.8rem;
	line-height: 32px;
	color: #666;
	margin-top: 0px;
}
#rule .left .list div h3,#rule .right .list div h3 {
	text-align: left;
	font-size: 2.2rem;
	font-weight: bold;
	color: #53635e;
	line-height: 32px;
	margin-bottom: 5px;
}
#rule .left .list div p,#rule .right .list div p {
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#rule .left .list>div ,#rule .right .list>div {
	margin-bottom: 15px;
}
#rule .right .list div .picbg1 {
	background-image: url(../images/pic_bg1.png);
	height: 152px;
	width: 784px;
}
#rule .right .list div .picbg2 {
	background-image: url(../images/pic_bg2.png);
	height: 250px;
	width: 784px;
	margin-bottom: 30px;
}
#rule .right .list div h3 {
	margin-bottom: 5px;
}
#rule .right .list div .picbg1 li,#rule .right .list div .picbg2 li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	line-height:28px;
	font-size:1.6rem;
}


#rule .right .list div .picbg1 li:last-child,#rule .right .list div .picbg2 li:last-child{
	margin-right: 0%;
	
}
#rule .right .list div .picbg2 li span {
	color: #0FB37F;
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	height: 52px;
	line-height: 26px;
	text-align: left;
}
#rule .right .list div .picbg2 li {
	text-align: left;
}
#windowsq {
	background-image: url(../images/s_box_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 70px;
	height: 716px;
	width: 1000px;
	position: relative;
	padding:70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#windowsq:after {
	background-image: url(../images/pup1.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 229px;
	width: 137px;
	position: absolute;
	left: -68px;
	top: -37px;
	content:"";
}
#windowsq:before {
	background-image: url(../images/pup2.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 113px;
	width: 207px;
	position: absolute;
	right: -40px;
	bottom: -37px;
	content: "";
}
#windowsq .close {
	position: absolute;
	height: 45px;
	width: 45px;
	top: -20px;
	right: -20px;
}
#windowsq .close a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-image: url(../images/close_but.png);
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 45px;
	width: 45px;
}
#windowsq div.title{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00AE7C;
	padding-bottom:10px;
}

#windowsq div h2 {
	font-size: 2.2rem;
	line-height: 30px;
	font-weight: bold;
	color: #00ae7c;
	float: left;
}
#windowsq div.title> div {
	font-size: 1.6rem;
	line-height: 30px;
	color: #00AE7C;
	margin-top: 5px;
	margin-left: 15px;
}

#windowsq div.slide{
	font-size: 1.8rem;
	line-height: 32px;
	color: #5C5C5C;
	width: 100%;
	height: calc(100% - 36px);
	overflow-y: auto;
	padding-top: 20px;
}
#windowsq .slide .video {
	height: auto;
	width: 100%;
	margin-top: 0px;
}
#windowsq .slide .video iframe {
	height: 450px;
	width: 100%;
}
#windowsq .slide.serach {
	background-image: url(../images/success.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 50% auto;
	position: relative;
}
#windowsq .slide.serach form {
	margin-top: 50px;
}
#windowsq .slide.serach form fieldset div .w50 {
	width: 50%;
}
#windowsq .slide.serach form fieldset div {
	margin-bottom: 15px;
}
#windowsq .slide.serach form .butline {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
}
#windowsq .slide.serach form .butline input {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-image: url(../images/next_submit.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 82px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
	border: none;
	cursor: pointer;
}
#windowsq .slide .video img {
	width: 100%;
	border: 2px solid #6ED085;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#windowsq .slide .step{
	font-size: 1.8rem;
	line-height: 32px;
	color: #5C5C5C;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#jump {
	background-color:rgba(0,174,124,0.9);
	position: fixed;
	height: 100%;
	width: 100%;
	z-index:1000;
	display: flex;
align-items: stretch;
flex-wrap: wrap;
transform:scale(0);
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#jump.stay {
transform:scale(1);
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#jump #iframesq {
	height: 860px;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}