@charset "UTF-8";
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
body{background: #eae9e7;}

/* layout */
.header, .nav, .content, .footer,
.headerInfo, .nav{ width: 100%; display: block;}
.content{
	position: relative;
	overflow: hidden;
	background: #fff;
}

/* header */
.header{ 
	min-height: 50px; max-height: 100px;
	background: #f6c047;
}
.headerInfo{
	position:relative;
	min-height: 50px; text-align: center;
	background: url(../images/header_bg.jpg) repeat-y center;
}
.logobtn{ 
	display: inline-block; 
	padding-top: 6px; 
	width: 25%; max-width: 154px;
}
.logobtn img{ width: 100%; }
.logoutbtn{
	position: absolute; display: block;
	top: 5%; right:2%;
	float: right;
	height:45px; min-height: 45px;
}
.logoutbtn img{ height: 100%; width:auto;}

/*nav*/
.nav { position:relative; float: left; z-index:5;}
.nav li{
	position: relative;
	padding:0px; margin:0px; float: left;  
	display: block;
	width: 25%; max-height: 85px;
	background: url(../images/nav_bg.jpg) repeat-x center;
}
.nav li.on{
	background: url(../images/nav_on_bg.jpg) repeat-x center;
}
.nav a{ 
	display: block;
	text-align: center; 
	height: 100%; width: 99.3%; max-height: 85px;
	border-right:1px #fff solid; 
}
.nav span{ 
	width: 30%; 
	display: inline-block; padding: 3px 0px;
}
.nav img{ width: 100%; max-width: 49px;}
.nav li:nth-last-child(1) a{border-right:0px #fff solid;}


/*bannerBox*/
.bannerbox{ 
  width: 100%;
  position: relative; overflow: hidden;
}
.bannerbox img{ width:  100%;}


/* footer */
.footer{
	float: left;
	width: 100%;
	text-align: center;
	background: #eae9e7;
	border-top: 2px solid #fea526;
}
.footer span{ vertical-align: top; display: inline-block;}

@media (min-width: 641px){
	.footer{ 
		padding: 20px 0px; line-height:36px;
	}
	.footer img{ height:36px;}
}

@media screen and (max-width:640px) and (min-width: 415px){
	.footer{
		padding: 15px 0px; line-height:36px;
	}
	.footer img{ height:36px;}
}

@media screen and (max-width:414px) and (min-width: 1px){
	.footer{
		padding: 10px 0px; line-height:20px;
	}
	.footer img{ height:20px;}
}





/*title*/
body {
	font-size: 100%;
	font-family: "微軟正黑體";
}
.title, .titleh{
	position: relative;
	display: block; float: left;
	border-bottom: #af9b7e 1px solid; width: 100%;
	background: #fae491; /* Old browsers */
	background: -moz-linear-gradient(top, #fae491 0%, #f8cc54 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fae491), color-stop(100%,#f8cc54)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fae491 0%,#f8cc54 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fae491 0%,#f8cc54 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fae491 0%,#f8cc54 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fae491 0%,#f8cc54 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae491', endColorstr='#f8cc54',GradientType=0 ); /* IE6-9 */
}
.title .icon{
	max-width: 10%; 
	display: inline-block; float: left;
}
.title .icon img{
	width:90%; max-width: 75px; 
	vertical-align: middle;
}
.title .txt, .title2 .txt, .title3 .txt{
	position: relative;  float: left;
	font-size: 3.2em; color: #fff; font-weight: bold;
	padding: 2px 5px;
}

.title3 .txt{
	color: #7d7d7d;
}

.title .txt-w, .title2 .txt-w{font-size: 2.4em;}
.title .btn{
	position: relative;
	display: block; float: right;
	width: 18%; height: 100%;
	text-align: center;
}
.title .backbtn{
	position: relative;
	display: block; float: right;
	width: 25%; height: 100%;
	text-align: right;
}
.title .btn img{
	width:25%; max-width: 38px; 
	vertical-align: middle; 
}
.title .backbtn img{
	width:65%;  max-width: 100px; 
	vertical-align: middle;
}
.title .btn .line{
	position: absolute; 
	top:0px; left: 0px;
	width: 1px; height: 100%;
	background: #fff; 
	border-left: 1px solid #af9b7e;
}

.titleh{ text-align: center; font-size: 1.6em; color:#3c3c3c; line-height:1.6em;}

.title2{
	position: relative;
	display: block; float: left;
	border-bottom: #af9b7e 1px solid; width: 100%;
	background: #ffcd9d; /* Old browsers */
	background: -moz-linear-gradient(top, #ffcd9d 1%, #ff7e00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffcd9d), color-stop(100%,#ff7e00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffcd9d 1%,#ff7e00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffcd9d 1%,#ff7e00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffcd9d 1%,#ff7e00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffcd9d 1%,#ff7e00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd9d', endColorstr='#ff7e00',GradientType=0 ); /* IE6-9 */    
}
.title4{
	position: relative;
	display: block; float: left;
	width: 100%;
}
.title3{
	position: relative;
	display: block; float: left;
	border-bottom: #af9b7e 1px solid; width: 100%;
	background: #ffffff; /* Old browsers */ display: block;
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */  
}
.title3 .txt{
	position: relative;  float: left;
	font-size: 2.2em; color: #ff7e00; font-weight: bold;
	padding: 2px 5px;
}
.title4 .txt{
	position: relative;  float: left;
	font-size: 2.2em; color: #7d7d7d; font-weight: bold;
}
.selsectresults { 
	float: right; margin-right: 2%;

}
.selsectresults select{ 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: none;
	font-size: 2em;
}


@media (min-width: 641px){
	body {
		font-size: 100%;
	}
	.title, .title2, .title3, .title4{
		padding: 0px 0px 0px 5% ;
		width: 95%; 
	}
	.title, .title2{
		height: 90px;
		line-height: 90px;
	}
	.title3, .title4{
		height: 70px;
		line-height: 70px;
	}
	.titleh{ padding: 20px 0px;}
	
	.selsectresults select{ 
		height: 60px;
		line-height: 60px;
	}
	.title .btn{
		width: 10%;
	}
}

@media screen and (max-width:640px) and (min-width: 415px){
	body {
		font-size: 75%;
	}
	.title, .title2, .title3, .title4{
		padding: 0px 0px 0px 3%;
		width: 97%; 
	}
	.title, .title2{
		height: 80px;
		line-height: 80px;
	}
	.title3, .title4{
		height: 60px;
		line-height: 60px;
	}  
	.titleh{ padding: 15px 0px;}
	.selsectresults select{ 
		height: 50px;
		line-height: 50px;
	}
	.title .btn{
		width: 15%;
	}    
}

@media screen and (max-width:414px) and (min-width: 1px){
	body {
		font-size: 40%;
	}
	.title, .title2, .title3, .title4{
		padding: 0px 0px 0px 1%;
		width: 99%; 
	}
	.title, .title2{
		height: 40px;
		line-height: 40px;
	}
	.title3, .title4{
		height: 30px;
		line-height: 30px;
	}    
	.titleh{ padding: 10px 0px;}  
	.title .btn{
		width: 18%;
	}
}

/*btn*/
.rowbtn{ 
	width: 100%; 
	text-align: center; margin: 10px 0px; 
	float: left;
}
.rowbtn2{ text-align: center; margin: 10px 0px 30px 0px; float: left;}
.rowbtnmb{ margin-bottom:50px;}
.rowbtn .btn, .rowbtn2 .btn{
	width: 100%;
	display: inline-block; font-weight:bold; letter-spacing:2px;
	font-size: 2.8em; color: #fff;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: #c19600 1px solid;
	background: #ffd13b; /* Old browsers */
	background: -moz-linear-gradient(top, #ffd13b 0%, #ffd13b 48%, #ffd13b 48%, #fabf00 50%, #fabf00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd13b), color-stop(48%,#ffd13b), color-stop(48%,#ffd13b), color-stop(50%,#fabf00), color-stop(100%,#fabf00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffd13b 0%,#ffd13b 48%,#ffd13b 48%,#fabf00 50%,#fabf00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffd13b 0%,#ffd13b 48%,#ffd13b 48%,#fabf00 50%,#fabf00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffd13b 0%,#ffd13b 48%,#ffd13b 48%,#fabf00 50%,#fabf00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffd13b 0%,#ffd13b 48%,#ffd13b 48%,#fabf00 50%,#fabf00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd13b', endColorstr='#fabf00',GradientType=0 ); /* IE6-9 */
}
.rowbtn .btn3{
	background: #ffac4c; /* Old browsers */
	background: -moz-linear-gradient(top, #ffac4c 0%, #ff924c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffac4c), color-stop(100%,#ff924c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffac4c 0%,#ff924c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffac4c 0%,#ff924c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffac4c 0%,#ff924c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffac4c 0%,#ff924c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffac4c', endColorstr='#ff924c',GradientType=0 ); /* IE6-9 */
}
.rowbtn .fbbtn{
	border: #1c3f8b 1px solid;
	background: #627bad; /* Old browsers */
	background: -moz-linear-gradient(top, #627bad 0%, #627bad 50%, #3b5999 52%, #3b5999 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#627bad), color-stop(50%,#627bad), color-stop(52%,#3b5999), color-stop(100%,#3b5999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #627bad 0%,#627bad 50%,#3b5999 52%,#3b5999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #627bad 0%,#627bad 50%,#3b5999 52%,#3b5999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #627bad 0%,#627bad 50%,#3b5999 52%,#3b5999 100%); /* IE10+ */
	background: linear-gradient(to bottom, #627bad 0%,#627bad 50%,#3b5999 52%,#3b5999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627bad', endColorstr='#3b5999',GradientType=0 ); /* IE6-9 */
}
.rowbtn .blackbtn{ width: 35%; margin: 20px 10px;}
@media (min-width: 641px){
	.rowbtn .btn, .rowbtn2 .btn{
		height: 85px;
		line-height: 85px;
	}
	.rowbtn2{
		padding: 0px 5%;
		width: 90%;
	}
}

@media screen and (max-width:640px) and (min-width: 415px){
	.rowbtn .btn, .rowbtn2 .btn{
		height: 70px;
		line-height: 70px;
	}
	.rowbtn2{
		padding: 0px 3%;
		width: 94%;
	}  
}

@media screen and (max-width:414px) and (min-width: 1px){
	.rowbtn .btn, .rowbtn2 .btn{
		height: 45px;
		line-height: 45px;
	}
	.rowbtn2{
		padding: 0px 1%;
		width: 98%;
	}  
}





/*newsnav*/
.newsnav {
	width: 100%; 
	position: relative; display: block; overflow: hidden; float: left; 
	border-top: solid 1px #fec723;
}
.newsnav li{
	position: relative;
	padding:0px; margin:0px; float: left;  
	display: block;
	width: 25%;
	background: #fda600; /* Old browsers */
	background: -moz-linear-gradient(top, #fda600 1%, #eb7105 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fda600), color-stop(100%,#eb7105)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fda600 1%,#eb7105 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fda600 1%,#eb7105 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fda600 1%,#eb7105 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fda600 1%,#eb7105 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda600', endColorstr='#eb7105',GradientType=0 ); /* IE6-9 */
}
.newsnav-li-set2 li{ width: 50%;}
.newsnav li.action{ background: #fff; }
.newsnav a{ 
	display: block; cursor:pointer;
	text-align: center; 
	height: 100%; width: 99.2%; max-height: 85px;
	border-right:1px #fff solid; 
	font-size: 2.5em; font-weight: bold; text-decoration: none; color: #fff;
}
.newsnav-li-set2 a{width: 99.9%;}
.newsnav li.action a{ color: #f83815;}
.newsnav span{ width: 30%; display: inline-block; padding: 3px 0px;}
.newsnav li:nth-last-child(1) a{border-right:0px #fff solid;}

@media (min-width: 641px){
	.newsnav li{
		height: 85px;
		line-height: 85px;
	}
}

@media screen and (max-width:640px) and (min-width: 415px){
	.newsnav li{
		height: 80px;
		line-height: 80px;
	}  
}

@media screen and (max-width:414px) and (min-width: 1px){
	.newsnav li{
		height: 40px;
		line-height: 40px;
	}  
}

/*listnav*/
.listnav {
	margin-top: 15px;
	width: 100%; 
	position: relative; display: block; overflow: hidden; float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #bbc0c8;
	-webkit-box-shadow: inset 1px 1px 3px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 1px 1px 3px 1px rgba(0,0,0,0.75);
	box-shadow: inset 1px 1px 3px 1px rgba(0,0,0,0.75); 
}
.listnav li{
	position: relative; display: block; float: left;
	padding:0px; margin:0px;   
	width: 25%;
	border-top: 1px solid #9699a0; border-bottom: 1px solid #9699a0; 
}
.listnav-li-set2 li{ width: 50%;}
.listnav li.action{ background: #ffa84c; }
.listnav a{ 
	display: block; cursor:pointer;
	text-align: center; 
	height: 100%; width: 99.3%; max-height: 85px;
	border-right:1px #fff solid; 
	font-size: 2.5em; font-weight: bold; text-decoration: none; color: #fff;
}
.listnav li:nth-child(1) a{border-left:1px solid #9699a0; }
.listnav li:nth-last-child(1) a{border-right:1px solid #9699a0; }
@media (min-width: 641px){
	.listnav li{
		height: 85px;
		line-height: 85px;
	}
}

@media screen and (max-width:640px) and (min-width: 415px){
	.listnav li{
		height: 65px;
		line-height: 65px;
	}  
}

@media screen and (max-width:414px) and (min-width: 1px){
	.listnav li{
		height: 35px;
		line-height: 35px;
	}  
}



/*pagenav*/
.pagenav{
	width: 100%;
	text-align: center; float: left;
	font-family:Arial, Helvetica, sans-serif;
}
.pagenavbox{
	display: table;
	margin: 1% auto;
	width: auto;
}
.pagenavbox a{
	color:#fff; font-size: 2em; 
	cursor: pointer; text-decoration: none;
	display: inline-block; 
	font-weight: bold; background: #9699a0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	 
}
.pagenav .leftBtn{
	display: block; float: left;
}
.pagenav .rightBtn{
	display: block;	float: right;
}
.pagenavbox a:hover, .pagenavbox a.current{ /*color:#fdc500;*/ background: #ffa84c;}
.pagenavbox a.current{ /*color:#fdc500;*/ cursor: auto; background: #ffa84c;}
.pagenav .num{
	float: left;
	margin: auto 5px;
}
@media (min-width: 641px){
	.pagenavbox a{
		line-height: 60px; 
		width: 60px; height: 60px; 
		margin: 10px 10px;
	}
}

@media screen and (max-width:640px) and (min-width: 415px){
	.pagenavbox a{
		line-height: 47px; 
		width: 47px; height: 47px; 
		margin: 5px 5px;
	}
}

@media screen and (max-width:414px) and (min-width: 1px){
	.pagenavbox a{
		line-height: 24px; 
		width: 24px; height: 24px; 
		margin: 5px 2px;
	}
}

/*newscont*/
.newscont{
  padding: 10px;
}
.newscont .time{
   font-size: 1.5em; line-height: 5em; color:#7c7c7c;
}
.newscont p{ font-size: 1.5em; line-height: 1.5em; color:#3c3c3c;}

/*newslist*/
.newslist{ 
	overflow: hidden; float: left;
	list-style: none; width: 100%;
}
.newslist li{
	float: left; min-width: 100%; width: 100%;
	background: #ffffff; /* Old browsers */ display: block;
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.newslist li a{ display: block; text-decoration: none;}
.newslist li .icon{
	max-width: 20%; 
	display: inline-block; float: left;
	color: #fff; font-size: 1.2em;
}
.newslist li .txt{
	position: relative;  float: left;
	font-size: 1.8em; color:#3c3c3c;
	padding: 2px 5px; width: 70%;
	word-break: break-all;
	text-overflow:ellipsis;
	white-space: nowrap;
	-o-text-overflow:ellipsis;
	overflow: hidden;  
}
.newslist li .time{
	text-align: right; width: 10%; 
	max-width: 10%;   
	float: left; font-size: 1.2em; color: #626262; 
}
.iconb, .iconr, .icong{  padding: 2px 3px;}
.iconb{
	background: #a0cbfe; /* Old browsers */
	background: -moz-linear-gradient(top, #a0cbfe 0%, #7fb8fd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0cbfe), color-stop(100%,#7fb8fd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a0cbfe 0%,#7fb8fd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a0cbfe 0%,#7fb8fd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a0cbfe 0%,#7fb8fd 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a0cbfe 0%,#7fb8fd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0cbfe', endColorstr='#7fb8fd',GradientType=0 ); /* IE6-9 */
}
.icong{
	background: #fbb382; /* Old browsers */
	background: -moz-linear-gradient(top, #fbb382 0%, #f99958 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbb382), color-stop(100%,#f99958)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbb382 0%,#f99958 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbb382 0%,#f99958 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbb382 0%,#f99958 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fbb382 0%,#f99958 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb382', endColorstr='#f99958',GradientType=0 ); /* IE6-9 */
}
.iconr{
	background: #fb8484; /* Old browsers */
	background: -moz-linear-gradient(top, #fb8484 0%, #f95959 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb8484), color-stop(100%,#f95959)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fb8484 0%,#f95959 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fb8484 0%,#f95959 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fb8484 0%,#f95959 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fb8484 0%,#f95959 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb8484', endColorstr='#f95959',GradientType=0 ); /* IE6-9 */ 
}
@media (min-width: 641px){
	.newslist li{
		padding: 0px 5%; 
		height: 90px;
		line-height: 90px;
	}
}

@media screen and (max-width:640px) and (min-width: 415px){
	.newslist li{
		padding: 0px 3%; 
		height: 80px;
		line-height: 80px;
	}  
}

@media screen and (max-width:414px) and (min-width: 1px){
	.newslist li{
		padding: 0px 2%; 
		height: 50px;
		line-height: 50px;
	}  

}

/*gamebox*/
.gamebox{}
.gamebox .row{
	float: left;
	width: 90%; display: block;
	padding: 10px 5%;
}
.gamebox .list{
	width: 29%;  float: left;
	padding: 0px 2%;
	text-align: center;
}
.gamebox .list a{ text-decoration: none;}
.gamebox .list img{ width: 100%;}
.gamebox .list span{ 
	font-size: 1.8em; line-height: 1.5em; font-weight: bold; color: #2c2c2c;
}


/*gamelist*/
.gamelist{ 
	overflow: hidden; float: left;
	list-style: none; width: 100%;
}
.gamelist .row{ float: left;}
.gamelist .pic{ width: 20%; float: left; max-width: 140px; margin-right:10px;}
.gamelist .pic img{ width: 100%;}
.gamelist .name{ width: 60%; float: left; padding: 10px 0px;}
.gamelist .gamename{ font-size: 2.5em; line-height: 1.5em; font-weight:bold; color:#3c3c3c;}
.gamelist .gamerole{font-size: 1.8em; color: #7c7c7c;}
.gamelist .gamename, .gamelist .gamerole{ width: 100%; display: block;}
.entergamebtn{
	float: right;
	padding: 15px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none; color: #fff;
	font-size: 1.8em;
	background: #fae491; /* Old browsers */
	background: -moz-linear-gradient(top, #fae491 0%, #f8cc54 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fae491), color-stop(100%,#f8cc54)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fae491 0%,#f8cc54 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fae491 0%,#f8cc54 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fae491 0%,#f8cc54 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fae491 0%,#f8cc54 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae491', endColorstr='#f8cc54',GradientType=0 ); /* IE6-9 */
}
.gamelist li{
	padding: 15px 0px; 
	float: left; min-width: 100%; width: 100%;
	background: #ffffff; /* Old browsers */ display: block;
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.downloadbtn{
	position: relative;
	display:  inline-block;
	margin-bottom: 5px;
}
.downloadbtn img{ width: 100%;}  
@media (min-width: 641px){
	.gamelist .pic{ width: 20%; float: left; max-width: 140px; margin-right:10px;}
	.gamelist .row{
		padding: 10px 5%;
		width:  90%; 
	}	
	.downloadbtn{
		max-height: 70px;
	}
}

@media screen and (max-width:640px) and (min-width: 415px){
	.gamelist .row{
		padding: 5px 3%;
		width:  94%;  
	}
	.gamelist .name{ width: 52%; float: left; padding: 10px 0px;} 
	.downloadbtn{
		max-height: 40px;
		width: 30%; 
	} 
}

@media screen and (max-width:414px) and (min-width: 1px){
	.gamelist .row{
		padding: 2px 2%;
		width:  96%;  
	}
	.gamelist .name{ width: 50%; float: left; padding: 2px 0px;} 
	.downloadbtn{
		max-height: 20px; width: 30%;
	}    

}


/*treasurelist*/
.treasurelist{ 
	overflow: hidden; float: left;
	list-style: none; width: 100%;
	color:#3c3c3c;
}
.treasurelist .row{ float: left; width: 98%; margin: 2px 1%;}
.treasurelist .info{ float: left; width: 48%; margin: 0px 1%;}
.treasurelist .info span{ width: 100%; display: inline-block;}
.treasurelist .pic{ width: 20%; float: left;}
.treasurelist .pic img{ width: 100%;}
.treasurelist .giftcont, .treasurelist .txt, .treasurelist .time{ color:#7c7c7c;}
.treasurelist .number{ 
	color: #fff; 
	padding: 5px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:  #ffa84c;
}
.row-lg-2, .row-lb-2{
	min-width: 48%; margin: 1px 0px;
}
.row-lg-1, .row-lb-1{ 
	width: 98%;
}
.row-lg-2, .row-lb-2, .row-lg-1, .row-lb-1{ 
	color: #fff; 
	padding: 5px 0px 5px 1%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.row-lg-2, .row-lg-1{
	background:  #ffa84c;
}
.row-lb-2, .row-lb-1{
	background:  #c0c0c0;
}
.treasurelist .gamename{ font-size: 2.8em; line-height: 1.5em;}
.treasurelist .giftname, .treasurelist .casenumber{ font-size: 2.2em; line-height: 1.2em; color: #ff7e00; display:inline-block;}
.treasurelist .giftcont, .treasurelist .txt, .treasurelist .time, .treasurelist .amount, .treasurelist .number, .row-lg-2, .row-lb-2, .row-lg-1, .row-lb-1, .treasurelist .results{ font-size: 1.8em; line-height: 1.8em; }
.treasurelist .txt, .treasurelist .time, .treasurelist .amount, .row-lg-2, .row-lb-2, .row-lg-1, .row-lb-1, .treasurelist .results{ display: inline-block;}
.treasurelist .btn{
	float: right; display: inline-block; text-align: center;
	padding: 10px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none; color: #fff;
	font-size: 2.5em;
	background: #ffac4c; /* Old browsers */
	background: -moz-linear-gradient(top, #ffac4c 0%, #ff924c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffac4c), color-stop(100%,#ff924c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffac4c 0%,#ff924c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffac4c 0%,#ff924c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffac4c 0%,#ff924c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffac4c 0%,#ff924c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffac4c', endColorstr='#ff924c',GradientType=0 ); /* IE6-9 */
}
.treasurelist .results{ color: #ff7e00; float: right;}
.row-sp-set .time{ width: 48%; margin: 0px 1%;}
.row-sp-set .amount{ width: 23%; float: right;}
.treasurelist li{
	padding: 15px 0px; 
	float: left; min-width: 100%; width: 100%;
	background: #ffffff; /* Old browsers */ display: block;
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
@media (min-width: 641px){
	.treasurelist .btn{
		max-height: 70px; line-height: 70px;
		width: 23%; 
	} 
}

@media screen and (max-width:640px) and (min-width: 415px){
	.treasurelist .btn{
		max-height: 50px; line-height: 50px;
		width: 22%; 
	} 
}

@media screen and (max-width:414px) and (min-width: 1px){  
	.treasurelist .btn{
		max-height: 30px; line-height: 30px;
		width: 20%; 
	} 
}

/*resultslist*/
.resultslist{ 
	overflow: hidden; float: left;
	list-style: none; width: 100%;
	color:#3c3c3c;
}
.resultslist li{
	float: left; min-width: 100%; width: 100%;
	background: #ffffff; /* Old browsers */ display: block;
}
.resultslist li:nth-child(odd) {
	background: #ffffff;
}
.resultslist li:nth-child(even) {
	background: #efefef;
}
.resultslist .row{ 
	float: left; 
	width: 98%; 
	margin: 2px 1%; 
	font-size: 1.8em; line-height: 1.8em;
}


/*rule*/
.rulecont{ float: left;}
.rulecont p{ font-size: 1.5em; line-height: 1.5em; color:#3c3c3c;}
.rulecont ul{ list-style: cjk-ideographic; padding-left: 40px;}
.rulecont ol{ padding-left: 40px;}
.rulecont ul li, .rulecont ol li{ font-size: 1.5em; line-height: 1.5em;}
.rulecont li li, .rulecont li p{ font-size: 1em; line-height: 1.5em;}
.rulecont h3{ font-size: 2em; color: #ffa800;}

@media (min-width: 641px){
	.rulecont{
		padding: 15px 5% ;
	}
}

@media screen and (max-width:640px) and (min-width: 415px){
	.rulecont{
		padding: 10px 5% ;
	}
	.rulecont ul{ padding-left: 30px;}
	.rulecont ol{ padding-left: 30px;}  
}

@media screen and (max-width:414px) and (min-width: 1px){
	.rulecont{
		padding: 10px 5% ;
	}
	.rulecont ul{ padding-left: 20px;}
	.rulecont ol{ padding-left: 20px;}  
}


	.formbox{
		float: left;  width: 100%;
		padding-bottom: 50px; 
	}
	.formbox .txt{ color: #ff4800; font-size: 1.8em; line-height: 2em;}
	.formbox .rowinput{ margin-bottom: 15px; float:left; width:100%; position: relative;}
	.form .inputname{ font-size: 2.2em; padding: 5px 0px; color:#7c7c7c;}
	.form{
		padding: 5%;
		position: relative; display: block;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 1em;
		float: left;
		width: 100%;
	}
	.form:focus {
		z-index: 2;
	}
	.rowinput .inputfile{ margin: 5px 0px; height: 50px;}
	.rowinput .inputtxt, .rowinput select, .rowinput textarea{ 
		font-size: 2em; color: #555;
		/*margin-bottom: 5px;*/
		display: block; 
		/*border: 1px solid #ffaa00;*/
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	.rowinput textarea{ width: 98%; min-height: 200px; padding: 1%;}
	.inputicon01{
		background: url(../images/input_03_icon.png)no-repeat center left;
		padding-left: 1.75em;

	}
	.inputicon02{
		background: url(../images/input_02_icon.png)no-repeat center left; 

	}
	.inputicon03{
		background: url(../images/input_01_icon.png)no-repeat center left; 

	}


	.ui-input-text .inputicon{ padding-left: 1.75em;}

	.row2{ display: inline-block; width: 30%;}
	.row2 span{ padding-left: 35px;}

@media (min-width: 641px){

	.usericon01, .usericon02, .usericon03{
		position: absolute;
		left: 7px; top: 50%; content: "";
		width: 42px; height: 42px;
	}
	.usericon01{
		background: url(../images/input_03_icon.png) no-repeat;
	}
	.usericon02{
		background: url(../images/input_01_icon.png) no-repeat;
	}
	.usericon03{
		background: url(../images/input_02_icon.png) no-repeat;
	}
}

@media screen and (max-width:640px) and (min-width: 415px){

	.usericon01, .usericon02, .usericon03{
		position: absolute;
		left: 7px; top: 50%; content: "";
		width: 30px; height: 30px;
	}
	.usericon01{
		background: url(../images/input_03_02_icon.png) no-repeat;
	}
	.usericon02{
		background: url(../images/input_01_02_icon.png) no-repeat;
	}
	.usericon03{
		background: url(../images/input_02_02_icon.png) no-repeat;
	}
}

@media screen and (max-width:414px) and (min-width: 1px){
	.usericon01, .usericon02, .usericon03{
		position: absolute;
		left: 1px; top: 50%; content: "";
		width: 25px; height: 25px;
	}
	.usericon01{
		background: url(../images/input_03_03_icon.png) no-repeat;
	}
	.usericon02{
		background: url(../images/input_01_03_icon.png) no-repeat;
	}
	.usericon03{
		background: url(../images/input_02_03_icon.png) no-repeat;
	}      
}

.joinbtn, .forgetbtn{
	text-decoration: none;  
	float: right; 
	font-size: 2em; color: #606060; 
	margin-left:5px; line-height:40px;
	vertical-align:top;
}
.joinbtn img, .forgetbtn img{
	vertical-align: bottom;
}
.aligntxt{ font-size: 2em; color:#3c3c3c; float: left; width: 100%; text-align:center;}
.aligntxt a{ color: #ff8400;}
.aligntxt span{ display: inline-block;}

@media (min-width: 641px){
	.joinbtn img, .forgetbtn img{ height: 35px;}
	.aligntxt .agreetxt, .litm span{ padding-left: 55px; display: inline-block;}
	.litm span{ padding-left: 35px; }
	.row2 span{ padding-left: 55px;}
}
@media screen and (max-width:640px) and (min-width: 415px){
	.joinbtn, .forgetbtn{
		line-height:30px;
	}
 	.joinbtn img, .forgetbtn img{ height: 30px;}
	.aligntxt .agreetxt, .litm span{ padding-left: 45px; display: inline-block;}
	.litm span{ padding-left: 25px; }
	.row2 span{ padding-left: 45px;}
}

@media screen and (max-width:414px) and (min-width: 1px){
	.joinbtn, .forgetbtn{
		line-height:20px;
	}
  .joinbtn img, .forgetbtn img{ height: 20px;}
  .aligntxt .agreetxt, .litm span{ padding-left: 30px; display: inline-block;}   
.litm span{ padding-left: 25px; }    
}


/*memberinfobox*/
.memberinfobox{ float: left; margin-bottom:  15px;}
.memberinfobox .row{ float: left;}
.memberinfobox .row-s-1{
	width: 100%; 
}
.memberinfobox .row-s-2{
	width: 65%; margin-right: 1%; 
}
.memberinfobox .row-s-4{
	width: 49%; margin-right: 1%; 
}
.memberinfobox .row-s-3{
	width: 32%; margin-right: 1.333%; 
}
.memberinfobox .showinfo{
	width: 96%; padding: 0px 2%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff5d1;
	font-size: 2em; color:#7c7c7c;
}
.memberinfobox .txt{
	color: #ff7e00; font-weight: bold;
	font-size: 2em;
} 


@media (min-width: 641px){
	.memberinfobox{
		width: 90%; padding: 0px 5%;
	}
	.memberinfobox .showinfo, .memberinfobox .txt{
		height: 80px;
		line-height: 80px; 
	}
}

@media screen and (max-width:640px) and (min-width: 415px){
	.memberinfobox{
		width: 94%; padding: 0px 3%;
	}
	.memberinfobox .showinfo, .memberinfobox .txt{
		height: 70px;
		line-height: 70px;
	}    
}

@media screen and (max-width:414px) and (min-width: 1px){
	.memberinfobox{
		width: 96%; padding: 0px 2%;
	}
	.memberinfobox .showinfo, .memberinfobox .txt{
		height: 30px;
		line-height: 30px;
	}    
}

/*billnavlist*/
.billnavlist{ 
	overflow: hidden; float: left;
	list-style: none; width: 100%; 
}
.billnavlist-sp-set{
	border-top: 1px solid #ff7e00;
	border-bottom: 1px solid #ff7e00;
	margin: 10px 0px;
}
.billnavlist li{
	float: left;
	background: #ffffff; /* Old browsers */ display: block;
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.billnavlist li a{ 
	display: block; text-decoration: none; 
	padding: 0px 0px 0px 2%;
	width: 98%;
	float: left; color:#3c3c3c; font-size:2.5em;
}
.billnavlist .icon{max-width: 10%; display: inline-block; float: left;}
.billnavlist .icon img{width:90%; vertical-align: middle; max-width: 75px;}
.billnavlist .phone{max-width: 35%; display: inline-block; float: left;}
.billnavlist .phone img{width:90%; vertical-align: middle; max-width: 150px;}
.billnavlist li .txt{
	position: relative;  float: left;
	width: 65%;
}
.billnavlist li .txt1{
	width: 21%;
}
.billnavlist li .txt3{
	width: 30%;
	color: #ff4e00;
}

.billnavlist li .phonename{
	position: relative;  float: left;
	padding: 2px 5px; width: 35%;
	word-break: break-all;
	text-overflow:ellipsis;
	white-space: nowrap;
	-o-text-overflow:ellipsis;
	overflow: hidden;  
}
.billnavlist .btn{
	position: relative;
	display: block;
	float: right;
	width: 15%; height: 100%;
	text-align: center;
}
.billnavlist .btn img{width:25%; vertical-align: middle; max-width: 38px;}
.billnavlist .btn .line{
	position: absolute; 
	top:0px; left: 0px;
	width: 1px; height: 100%;
	background: #fff; 
	border-left: 1px solid #af9b7e;
}

@media (min-width: 641px){
	.billnavlist li{
		padding: 0px 0px 0px 5% ;
		width: 95%; height: 90px;
		line-height: 90px;
	}
	.billnavlist .btn{
		width: 10%; 
	}  
}

@media screen and (max-width:640px) and (min-width: 415px){
	.billnavlist li{
		padding: 0px 0px 0px 3%;
		width: 97%; height: 80px;
		line-height: 80px;
	}
	.billnavlist .btn{
		width: 15%; 
	}     
}

@media screen and (max-width:414px) and (min-width: 1px){
	.billnavlist li{
		padding: 0px 0px 0px 2%;
		width: 98%; height: 45px;
		line-height: 45px;
	}
	.billnavlist .btn{
		width: 18%; 
	}   

}

.gameselectlist{ float: left; width: 100%;}
.gameselectlist select{ border: none; width: 100%; font-size: 2em;  border-bottom: solid 1px #c6c6c6; color:#3c3c3c;}
.gameselectlist .tit{
	float: left; min-width: 100%; width: 100%;
	background: #ffffff; /* Old browsers */ display: block;
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.gameselectlist .txt{
	color: #ff7e00; font-weight: bold; font-size: 2em;
}
.gameselectlist .icon{max-width: 10%; display: inline-block; float: left;}
.gameselectlist .icon img{width:90%; vertical-align: middle; max-width: 30px;}
@media (min-width: 641px){
	.gameselectlist .tit{
		padding: 0px 0px 0px 5%;
		width: 95%; 
		height: 90px;
		line-height: 90px;
	}
	.gameselectlist select{
		height: 90px;
		line-height: 90px;  
	}
}

@media screen and (max-width:640px) and (min-width: 415px){
	.gameselectlist .tit{
		padding: 0px 0px 0px 3%;
		width: 97%;  
		height: 80px;
		line-height: 80px;
	}
	.gameselectlist select{
		height: 80px;
		line-height: 80px;  
	}   
}

@media screen and (max-width:414px) and (min-width: 1px){
	.gameselectlist .tit{
		padding: 0px 0px 0px 2%;
		width: 98%;  
		height: 40px;
		line-height: 40px;
	}
	.gameselectlist select{
		height: 40px;
		line-height: 40px;  
	}  

}

/*exchangebox*/
.exchangebox{
	position: relative;
	width: 96%;
	float: left;
	padding: 10px 2%; font-size: 1.8em;
}

.exchangebox .litm{
	display: block; float: left;
	color:#3c3c3c; min-width: 32%;
}
.exchangebox .litmW{  width: 100%;}
.exchangebox .litmW .inputcount{ padding: 0px 5px;}
.exchangebox .litmW div{ display: inline-block;}
@media (min-width: 641px){
	.exchangebox .litm{
		height: 80px;
		line-height: 80px;  
	}
	.exchangebox .litmW .inputcount{     
		height: 60px;
		line-height: 60px;  
	}
}

@media screen and (max-width:640px) and (min-width: 415px){

	.exchangebox .litm{
		height: 70px;
		line-height: 70px;  
	}
	.exchangebox .litmW .inputcount{     
		height: 50px;
		line-height: 50px;  
	}     
}

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

	.exchangebox .litm{
		height: 35px;
		line-height: 35px;  
	}
	.exchangebox .litmW .inputcount{     
		height: 25px;
		line-height: 25px;  
	}  

}

/*resultbox*/
.resultbox{
	margin: 50px 0px; padding: 50px 0px;
	width: 100%;
	float: left;
	text-align: center;
	font-size: 1.8em; color:#3c3c3c;
	background: #efefef; 
}
.resultbox span{ color: #ff7e00;}
@media (min-width: 641px){
	.resultbox{
		margin: 50px 0px;
		padding: 50px 0px;
	}
}

@media screen and (max-width:640px) and (min-width: 415px){
	.resultbox{
		margin: 30px 0px;
		padding: 30px 0px;
	}   
}

@media screen and (max-width:414px) and (min-width: 1px){
	.resultbox{
		margin: 20px 0px;
		padding: 20px 0px;
	}
}

/*litmtxtbox*/
.litmtxtbox{
	width: 100%;
	float: left; 
	font-size: 2em; line-height: 1.4em;
	margin: 5px 0px; 
}
.litmtxtbox .row{ float: left; width: 90%; margin: 5px 5%;}
.litmtxtbox h3{
	color: #ff7e00; 
}
.litmtxtbox h3 span{
	color: #3c3c3c;
}
.litmtxtbox p{
	padding-left: 40px;
	color: #3c3c3c;
}

@media (min-width: 641px){
	.litmtxtbox p{
		padding-left: 40px;
	}
}

@media screen and (max-width:640px) and (min-width: 415px){
	.litmtxtbox p{
		padding-left: 30px;
	}  
}

@media screen and (max-width:414px) and (min-width: 1px){
	.litmtxtbox p{
		padding-left: 15px;
	}
}


.fontcolorR{ color: #ff0000;}