html{

}

html,body{
	margin:auto 0;
	padding:0;
	width:100%;
	height:100%;
}
body{
	-webkit-text-size-adjust: 100%;
}

ul,li{
	margin:0 auto;
	padding:0;
	list-style:none;
}

.parent{
}

.childB{
	font-size:1.2em;
}

.childS{
	font-size:0.8em;
}

.icon{
	width:6em;
	height:3em;
	background-color:rgba(0,0,0,0.5);
	color:#DDD;
	text-align:center;
	text-shadow:0 0 1em #111;
	line-height:1;
}

.iconLong{
	width:16em;
	height:3em;
	background-color:rgba(0,0,0,0.5);
	color:#DDD;
	text-align:left;
	text-shadow:0 0 1em #111;
	line-height:1;
}

.iconfontSmall{
	font-size:70%;
}

.iconfontMiddle{
	font-size:85%;
}

.iconleft{
	float:right;
	width:6em;
	height:3em;
	background-color:rgba(0,0,0,0.5);
	text-align:center;
	line-height:1;
}

.iconsfontLeft{
	margin-right:0.5em;
}

.iconup{
	height:70%;
	color:#DDD;
	font-size:1.8em;
	line-height:1.20;
}

.icondown{
	height:30%;
	color:#DDD;
	font-size:70%;
	line-height:1.15;
}

.iconfull{
	width:100%;
	height:100%;
	line-height:3;
}

.iconfullLeft{
	padding-left:0.5em;
	width:100%;
	height:100%;
	line-height:3;
}

.menuicon{
	width:3em;
	height:100%;
	background-color:#111;
	background-color:rgba(0,0,0,0.1);
	text-align:center;
	line-height:1;
}

.listmenuRight{
	position:relative;
}

.listmenuLeft{
	position:relative;
	right:3em;
}

.listmenuleft{
	position:relative;
	bottom:3em;
	left:-24em;
	width:24em;
}


.setting{
	width:3em;
	height:100%;
}

.fixedbar{
	position:fixed;
	top:0;
	z-index:10000;
	width:100%;
	height:3em;
	background-color:#222;
	background-image: -webkit-linear-gradient(top, #666 0%, #222 100%);
	background-image: -moz-linear-gradient(top, #666 0%, #222 100%);
	background-image: -ms-linear-gradient(top, #666 0%, #222 100%);
	background-image: -o-linear-gradient(top, #666 0%, #222 100%);
	box-shadow:0 0 1em #666;
}

.centering{
	margin:0 auto;
	width:1024px;
	height:100%;
}

.contentUniversal{
	margin: 0 auto;
	margin-top: 1em;
	padding: 8px 24px;
	width: 1024px;
	background-color: rgba( 250, 250, 255, 0.5);
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

.fixedFooter{
	position:fixed;
	bottom:0;
	width:100%;
	height:3em;
	background:#a6d0e3;
}

.footerLicense{
	width:100%;
	height:100%;
}

.pLicense{
	margin-left:1em;
	color:#FFF;
	line-height:3.1;
}

.respHiddenString{
	display:inline;
}

.userInformation{
	position:relative;
	top:-3em;
	float:right;
	width:9em;
	height:100%;
}

.twitterAccount{
	float:left;
	width:3em;
	height:100%;
	text-align:center;
}

.facebookAccount{
	float:left;
	width:3em;
	height:100%;
	text-align:center;
}

.googleplusAccount{
	float:left;
	width:3em;
	height:100%;
	text-align:center;
}

.elePos2 {
	color:#FFF;
	font-size: 2em;
	line-height: 1.5;
}

.centeringObj{
	margin:0 auto;
	width:980px;
	height:4em;
}

.centeringObjContent{
	background-color: rgba( 240, 240, 250, 0.5);
	border-radius:0.5em;
	width:980px;
	margin:0 auto;
}

.centeringObjX{
	margin:2em auto;
	width:96%;
}

.floatingObjProfile0{
	margin:0 auto;
	text-align:center;
}

.floatingObjProfile1{
	margin:0 auto;
	width:800px;
	text-align:left;
}

.centeringObj2{
	height:3em;
}


.floatingObj0-1{
	text-align:center;
	width:100%;
}
.stylePtagTitle{
	font-size:3.8em;
}

.floatingObj1-1{
	float:left;
	width:40%;
	text-align:right;
}
.floatingObj2-1{
	float:right;
	width:40%;
}
.floatingObj3-1{
	margin-left:40%;
	width:20%;
}

.floatingObj1{
	width:33%;
	margin:1em auto;
	float:left;
}
.floatingObj2{
	width:33%;
	margin:1em auto;
	float:left;
}
.floatingObj3{
	width:33%;
	margin:1em auto;
	float:left;
}

@media screen and (max-width: 1024px) {
	.centeringObjContent{
		border-radius:0;
		width:96%;
	}

	.floatingObjProfile0{
		margin:0 auto;
		text-align:center;
	}
	
	.floatingObjProfile1{
		margin:0 auto;
		width:98%;
		text-align:left;
	}

	.centeringObjX{
		width:98%;
	}
	
	.centering{
		width:100%;
	}
	.centeringObj {
		width: 100%;
	}
	.contentUniversal{
		width: 100%;
	}
	.respHiddenString{
		display:none;
	}

	.floatingObj1-1{
		width:100%;
		margin:1em auto;
		text-align:center !important;
		float:none;
	}
	.floatingObj2-1{
		width:100%;
		margin:1em auto;
		text-align:center;
		float:none;
	}
	.floatingObj3-1{
		width:100%;
		margin:1em auto;
		text-align:center;
	}

	.floatingObj1{
		width:100%;
		margin:1em auto;
	}
	.floatingObj2{
		width:100%;
		margin:1em auto;
	}
	.floatingObj3{
		width:100%;
		margin:1em auto;
	}
}

.leftm{
	float:left;
}

.rightm{
	float:right;
}

.clearfix:after {
	display:block;
	clear:both;
	content:"";
}

.centerm{
	margin:0 3em;
	height:3em;
}

body{
	font-family:'Roboto Condensed',sans-serif;
}

a.Block{
	display:block;
	width:100%;
	height:100%;
	color:#DDD;
	text-decoration:none;
	transition:0.3s;
}

a.Block:hover{
	text-shadow: 0px 0px 2px #555;
	/* text-decoration:underline; */
	color:#FFF;
}

.ListParent > .ListChild{
	display:none;
}

.ListParent:hover > .ListChild, .ListParent:active > .ListChild{
	display:block;
}

.backImg{
	position:fixed;
	top:0;
	width:100%;
	height:152px;
	background-image: url("//src.arice.in/img/bg/bga.png");
	z-index:-1;
}
.title{
	margin-top:2em;
	width:100%;
	text-align:center;
}

.resultArea{
	width:100%;
	text-align:center;
}

.sampleArea{
	width:100%;
	text-align:center;
}

.ButtonAriceStyle {
	display:inline-block;
	margin-top: 10px;
	margin-right: 10px;
	padding: 14px 26px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	font-weight: bold;
	font-size: 14px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 100%;
	cursor: pointer;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	transition: background 0.1s ease-in-out;

}
.ButtonAriceStyle:active {
	margin-bottom: -1px;
	padding-top: 15px;
}
.ButtonAriceStyle, .ButtonAriceStyle:hover, .ButtonAriceStyle:active {
	outline: 0 none;
	color: #fff;
	text-decoration: none;
}

.ButtonAriceStyle-Color1 {
	background-color: #3fb8e8;
	box-shadow: 0px 3px 0px 0px #3293ba;
}
.ButtonAriceStyle-Color1:hover {
	background-color: #1baae3;
}
.ButtonAriceStyle-Color1:active {
	box-shadow: 0px 1px 0px 0px #3293ba;
}


.ButtonAriceStyle-Color2 {
	background-color: #f06060;
	box-shadow: 0px 3px 0px 0px #cd1313;
}
.ButtonAriceStyle-Color2:hover {
	background-color: #ed4444;
}
.ButtonAriceStyle-Color2:active {
	box-shadow: 0px 1px 0px 0px #cd1313;
}

.ButtonAriceStyle-Color3 {
	background-color: #ff6a80;
	box-shadow: 0px 3px 0px 0px #da0020;
}
.ButtonAriceStyle-Color3:hover {
	background-color: #ff566f;
}
.ButtonAriceStyle-Color3:active {
	box-shadow: 0px 1px 0px 0px #da0020;
}

.h2Class{
	font-size: 2em;
	border-bottom: 1px solid #ccc;
	padding-bottom: .2em;
	margin-bottom: .5em;
	margin-top: 1em;
}