/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

* { margin:0; padding:0;}
html, body {  margin:0px; padding:0px;}	
body {font-family:Arial, Helvetica, sans-serif;
background:url(../images/qw_background.jpg) no-repeat fixed;
background-size:100% 100%;


	}
/*--header--*/
.header{width:100%;
float:left;
}
.header2{width:950px;
margin:auto;}
.top{float:right; margin-top:20px; margin-bottom:20px; width:100%;}
.top img{float:right;}
.contnum{    background:#D48AFF;
    border-radius: 10px;
    float: right;
    width: 20%;
    padding:5px 0px; 
    margin-right:20px; 
    color:#FFF; 
    text-align:center;
}
/*==header====/

/*====main===*/
#main{width:100%;
float:left;
margin-top:20px;
}
.main2{width:950px; margin:auto;}

.left{width:41%; float:left;}
.left img{width:100%;}
.right{width:57%; float:right;}
.videobox{background:#E08FE6;
    border-radius: 17px;
    float: left;
    margin-left: 27px;
    padding:12px 13px 8px 12px;
    width: 90%;}
	 
.videobox img{width:100%;}
.videoslid1{
    float: left;
    margin-left: 28px;
    margin-top: 15px;
    width: 28%;}
.videoslid1 img{width:100%;}

#mainbottom{width:100%;
float:left;
margin-top:20px;
}
.imagesize{width:20%; float:left;}
.imagesize3{width:20%; float:right;}
.imagesize2{width:60%; float:left;}
.emailbox{width:33%; float:left;
background:url(../images/back_subscribe.png) no-repeat;
background-size:100%;
height:94px;
margin-right:9px;}
.inputtext{margin-left: 20px;
    margin-top: 20px; color:#FFF;}
.inputtextbox{ padding:5px; border:0px; border-radius:5px;}	

.ficonbox{width:33%; float:left;
background:url(../images/tab_community.png) no-repeat;
background-size:100%;
height:94px;
margin-right:9px;}
.ofcbox{width:16%; float:left;
background:url(../images/tab_office.png) no-repeat;
background-size:100%;
height:94px;
margin-right:10px;}
.midiyabox{width:15%; float:left;
background:url(../images/tab_media.png) no-repeat;
background-size:100%;
height:94px;}
.midiyabox img{width:100%;}
/*====main===*/

/*===footer====*/
#footer{width:100%;
float:left;
margin-top:20px;
}
.footer2{width:950px; margin:auto; height:50px; background:url(../images/footer_back.png) no-repeat;}
.footbox1{float: left;
    margin-left: 10px;
    margin-top: 2px;
    width: 3.5%;}
.footbox1 img{width:100%;}
.footbox2{width:40%;
 float:left;
 font-size: 12px;
    padding-left: 10px;
    padding-top: 11px;
	color: #a268ff;}
	
.footbox3{width:50%;
 float:right;
 padding-top:8px;}
 .footbox3 ul li{float:left; list-style-type:none;}
 .footbox3 a{font-size:12px; color: #a268ff; text-decoration:none; padding:10px;}
 .footbox3 a:hover{color:#F39; text-decoration:underline;}
 
 .footer3{width:950px; margin:auto;}
 .footer3 p{font-size:12px; text-align:justify; line-height:15pt; color: #a268ff;}
 
.footer3 h2 {
    color: #DE23FF;
    font-size: 20px;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 15px;
    margin-top:12px;
    text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;
	margin-bottom:12px;
}
.footer3 h2 a{text-decoration:none;}
.footer3 h2 a:hover{text-decoration:underline;}


/*===product page======*/
.productmain{width:95%; float:left;
background:#FFF;
border-radius:10px;
padding:25px;
}
.product{}

.product h1 {
    color: #C561FF;
    font-size: 30px;
    line-height: 27px;
    padding-bottom: 0;
}
.product h2 a{color:#DE23FF; text-decoration:none;}
.product h2 a:hover{color:#C00; text-decoration:underline;}
.product h2 {
    color: #DE23FF;
    font-size: 20px;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 15px;
    margin-top: 20px;
    text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;
}
.product p{font-size:13px;
line-height: 14pt;
    padding-top: 10px;
	color:#6666cc;
	padding-bottom:5px;
	text-align:justify;}
	
	.protext2{float:left; width:83%;}
	.protext2 a:link{color:#A268FF;}
	.protext2 a:hover{color:#DE23FF; text-decoration:underline;}
	.proimg2{float:right; width:14%;}
	.proimg2 img{width:100%;}
	
	.product2{width:100%; float:left; margin-top:20px;}
	.proimg{float:left; width:14%;}
	.proimg img{width:100%;}
	.protext{float:right; width:83%;}
	.protext p{font-size:13px;
line-height: 14pt;
    padding-top: 10px;
	text-align:justify;
	color:#6666cc;
}
	.protext h2 {
    color: #DE23FF;
    font-size: 20px;
    font-weight: bold;
    line-height: 15px;
    text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;
}
/*===product page======*/
/*===community page======*/
.community{ width:99%; 
float:left; 
background:#FFF; 
border-radius:10px;
padding-bottom:20px;
padding:5px;
}
.community img{width:100%;}
.community p{font-size:13px;
line-height: 14pt;
    padding-top: 10px;
	text-align:justify;
	padding-left:28px;
	padding-right:28px;
	color:#6666cc;
}
.community p a{color:#A268FF; text-decoration:none;}
.community p a:hover{color:#A268FF; text-decoration:underline;}
.community h1 {
    color: #C561FF;
    font-size: 30px;
    line-height: 27px;
    padding-bottom: 0;
	padding-left:28px;
}

.comminimage{margin:auto; width:95%; padding-top:40px; padding-bottom:40px;}
.comminimage img{width:100%;}

.comminimage2{margin:auto; width:60%; padding-top:40px; padding-bottom:40px;}
.comminimage2 img{width:100%;}

.community6{ width:99%; 
float:left; 
background:#FFF; 
border-radius:10px;
padding-bottom:20px;
padding:5px;
}
.community6 p{font-size:18px;
font-weight:bold;
color:#B651F0;
}
.comminimage2 h3{color: #DE23FF;
    font-weight: bold;
    line-height: 42px;
	font-size:32px;
    margin-bottom: 15px;
	text-align:center;
    margin-top: 20px;
    text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;}
.xt{margin-top:20px;}
h2.ptx{color: #0057D9;
    font-family: 'Century Gothic',sans-serif;
    font-size: 20pt;
	text-align:center;
	padding-bottom:20px;
	margin-top:50px;}
	h2.ptx a{color:#DE23FF; text-decoration:none;}
	h2.ptx a:hover{color:#0057D9; text-decoration:underline;}
	
p.alin{font-size:12px;
line-height: 14pt;
    padding-top: 10px;
	color:#6666CC;}
/*===community page======*/
.gather{}

.gather h1 {
    color: #C561FF;
    font-size: 120%;
    line-height: 27px;
    padding-bottom: 0;
}
.gather h2 {
    color: #DE23FF;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 15px;
	text-align:center;
    margin-top: 20px;
    text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;
	
}
.gather p{font-size:18px;
line-height: 17pt;
    padding-top: 10px;
	text-align:center;
	color:#6666cc;
	padding-bottom:5px;
}
.gather p a{color:#A268FF; text-decoration:none;}
.gather p a:hover{color:#A268FF; text-decoration:underline;}
/*===webtv page===*/
.left2{width:41%; float:left;}
.right2{width:57%; float:right;}
.webtv{background:#fff; float:left; width:95%; padding:25px; border-radius:5px;}	
.buttons{ float:left; width:100%;}
.button{width:35%; float:left; border-radius:5px; background:#A268FF; padding:10px; text-align:center; margin:10px;}
.button a,.activebutton a{ color:#fff; text-decoration:none;}
.button a:hover,.activebutton a:hover{text-decoration:underline;}
.activebutton{width:35%; float:left; border-radius:5px; background:#FDC4FF; padding:10px; text-align:center; margin:10px;}

.right2 h2 {
    color: #C561FF;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 14px;
    margin: 5px 0;
}

.joinbutton{float:left; width:100%; height:300px;}
.joinleft{ width:80%; margin:10px; float:left; border:1px solid #CCC; padding:10px;}
.joinright{float:right;border-left: 1px solid #C561FF;
    border-right: 1px solid #C561FF;
    cursor: pointer;
    height: 100%;
    margin: 5px 0 0 25px;
    position: relative;
    width: 0;}
.headh{float:right;border-left: 5px solid #C561FF;
    border-right: 5px solid #C561FF;
    cursor: pointer;
    height: 7%;
    position: relative;
    width: 0;
	border-radius:5px;
	margin-right:-5px;
	}
	
	
	
.login{width:50%; float:left; background:url(../image/login_mainsquare_purple.jpg) repeat-x; height:410px; padding:15px; margin-left:13em;}
.inerlogin{width:98%; float:left; border:5px solid #CCC; background:#fff; height:400px;}
.inerlogin h1{margin:25px; color:#C561FF;}
.inerlogin p{font-size:12px; text-align:center; color:#666;}
.formclass{margin:auto; width:60%; font-size:13px; font-weight:bold; color:#AB3D9A;}
.ttex{padding:5px; border:1px solid #AB3D9A; margin-bottom:20px; width:100%;}
/*===end of webtv===*/
/*===gathering page=====*/
p.regbutton{background:url(../image/RegbuttonMelfort.png) no-repeat center;
height:30px;
padding-top:15px;
color:#FFF;
}

@media screen and (max-width: 768px) {
	.infusion-field-input-container{ width:44%;}
	.subm{width:27%; font-size:10px;}
.contnum{ margin-right:0px;
width:45%;}
.header2{width:90%;}
.main2 {
    margin: auto;
    width:90%;
}
.videobox {
    margin-left: 17px;
}
.videoslid1{ margin-left:10px;}
.inputtext {
    font-size: 90%;
    margin-left:3px;
    margin-top:8px;
}
.emailbox{ width:31%;}
.ficonbox{width:31%;}
.inputtextbox { width:60%; padding:0px;}
.imagesize{width:20%; float:left;}
.imagesize img{width:38px;}
.imagesize3{width:20%;}
.imagesize3 img{width:38px;}
.imagesize2{width:20%; float:left;}

.footbox2{ width:80%; padding-top:3px;}
.footer2 { background:none;
	width:90%;
	background-size:100%;}
	.footer3 {width:90%;
	background-size:100%;}
	.footbox3 { width:100%;}
}

@media screen and (max-width: 480px) {
	.infusion-field-input-container{ width:30%;}
	.subm{width:27%; font-size:10px;}
	.inputtext {
    font-size: 90%;
    margin-left:0px;
    margin-top:5px;
}
.left {
    float: left;
    width: 100%;
}

.right {
    float: right;
    width: 100%;
}
	.emailbox{ width:45%;}
.ficonbox{width:45%;}
.inputtextbox { width:60%; padding:0px;}
.videobox {
    margin-left:0px;
}
.videoslid1{ margin-left:8px; width:30%;}
.ofcbox{width:48%;}
.midiyabox{width:48%;}
	
}
@media screen and (max-width: 320px) {
		.emailbox{ width:100%;}
.ficonbox{width:100%;}
.inputtextbox { width:60%; padding:0px;}
.imagesize{width:20%;}

.videoslid1{ margin-left:8px;}
.ofcbox{width:45%;}
.midiyabox{width:45%;}
	
}