html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
margin: 0;
padding: 0;
border: 0;
}
/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
display: block;
}
html {
background-color:#6b0401;
}
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }
.cleaner1 { clear: both; width: 100%; height: 10px; font-size: 0px; }
#detail {
font-size:20px;
font-weight:bold;
color:orange;
text-decoration:none;
}
#detaill {
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#ffffff;
text-align:left;
text-decoration:none; padding-top:20px; padding-bottom:20px; margin-left:0px; height:auto; overflow:visible; visibility:visible;
}
#detail_marquee {
font-size:15px;
font-weight:bold;
color:orange;
text-decoration:none;
}
ul
{
list-style-type: none;
}
ul,li a,mtext a a:link {
text-decoration:none;
}
#date {
color:grey;
margin-top:50px; font-size:13px;
}
body {
font: 100% 'Open Sans', Arial, sans-serif;
padding: 0;
text-align:left;
position: relative;
}
.main {
width:980px;
margin: 0 auto;
background-image:url(../en/images/bg-main.png);
background-repeat:repeat-x;
}
header#mainHeader {
width:980px;
height: 151px;
margin: 0 auto;
}
/*header styles*/
header#mainHeader {
background: url(../en/images/bg-header.jpg) ;
background-repeat:no-repeat;
padding: 0;
position: relative;
}
.date {
position:absolute;
width:200px;
height:30px;
padding: 0;
top:0px;
float:left;
left: 20px;
padding:10px 0 0 0px;
}
.logo{
position:absolute;
top:50px;
padding: 0!important;
margin: 0!important;
list-style-type: none!important;
left: 20px;
width:210px;
height:85px;
float:right;
}
/* =========== CSS FOR SOCIAL ICON======== */
/*--------------------------------------------------
**Tech And All Social Icons Roll Over**
---------------------------------------------------*/
.social-icons {
position:absolute;
top:8px;
padding: 0!important;
margin: 0!important;
list-style-type: none!important;
left:725px;
width:110px;
height:26px;
float:right;
}
.social-icons li{
float: left!important;
margin-right: 10px!important;
margin-bottom: 2px!important;
padding: 0px!important;
display: inline!important;
width: auto!important;
}
.social-icons li a {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
display: block!important;
float: left!important;
height: 100%!important;
margin: 0!important;
padding: 0!important;
width: 24px!important;
height: 24px!important;
text-indent: -9999px!important;
}
.social-icons li a:hover {
background-position: 0 -30px!important;
}
.social-icons li a {
background-color:transparent;
}
.social-icons li.fb a {
background: url(../en/images/so-f.png) no-repeat 0 0;
}
.social-icons li.fb a:hover {
}
.social-icons li.twitter a {
background: url(../en/images/so-tw.png) no-repeat 0 0;
}
.social-icons li.twitter a:hover {
}
.social-icons li.googleplus a {
background: url(../en/images/so-g.png) no-repeat 0 0;
}
.social-icons li.googleplus a:hover {
}
/*--------------------------------------------------
** Languae Flag**
---------------------------------------------------*/
.flag {
position:absolute;
top:8px;
padding: 0!important;
margin: 0!important;
list-style-type: none!important;
left: 500px;
width:110px;
height:27px;
float:right;
}
.flag li{
float: left!important;
margin-right: 5px!important;
margin-bottom: 2px!important;
padding: 0px!important;
display: inline!important;
width: auto!important;
}
.flag li a {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
display: block!important;
float: left!important;
height: 100%!important;
margin: 0!important;
padding: 0!important;
width: 28px!important;
height: 26px!important;
text-indent: -9999px!important;
}
.flag li a:hover {
background-position: 0 -30px!important;
}
.flag li a {
background-color:transparent;
}
.flag li.en a {
background: url(../en/images/fl-ml.png) no-repeat 0 0;
}
.social-icons li.en a:hover {
}
.flag li.mal a {
background: url(../en/images/fl-m.png) no-repeat 0 0;
}
.flag li.mal a:hover {
}
.flag li.cn a {
background: url(../en/images/fl-cn.png) no-repeat 0 0;
}
.flag li.cn a:hover {
}
/*---------------Live chat------------*/
.livechat{
position:absolute;
top:4px;
padding: 0!important;
margin: 0!important;
list-style-type: none!important;
left:860px;
width:100px;
height:34px;
float:right;
}
#chat{
position:absolute;
float:left;
top:9px;
left:16px;
margin-top:0px;
padding-left:0px;
width:161px;
height:84px;
background-position: 0 10px!important;
}
#chat a{
position:absolute;
float:left;
top:0px;
left:0px;
padding-left:0px;
width:161px;
height:84px;
background:url(../en/images/livechat.png) no-repeat;
background-position: 0 0px!important;
text-indent:-999999px;
}
#chat a:hover{
background-position: 0 -89px!important;
}
/*-----------------Start login button----------------------- */
.whatsapp {
position:absolute;
top:65px;
padding: 0!important;
margin: 0!important;
list-style-type: none!important;
left: 435px;
width:207px;
height:44px;
float:right;
}
.login {
position:absolute;
top:65px;
padding: 0!important;
margin: 0!important;
list-style-type: none!important;
left: 660px;
width:320px;
height:40px;
float:right;
}
.login li{
float: left!important;
margin-right: 10px!important;
margin-bottom: 2px!important;
padding: 0px!important;
display: inline!important;
width: auto!important;
}
.login li a {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
display: inline!important;
float: left!important;
height: 100%!important;
margin: 0!important;
padding: 0!important;
width: 150px!important;
height: 40px!important;
text-indent: -9999px!important;
}
.login li a:hover {
background-position: 0 -54px!important;
}
.login li a {
background-color:transparent;
}
.login li.log a {
background: url(../en/images/btn-h1.png) no-repeat 0 0;
}
.login li.log a:hover {
}
.login li.join a {
background: url(../en/images/btn-h2.png) no-repeat 0 0;
}
.login li.join a:hover {
}
/*--------------------End of login button-----------------------*/
/*----------Start forgot password---------*/
.forgot{
position:absolute;
top:110px;
padding: 0!important;
margin: 0!important;
list-style-type: none!important;
left: 835px;
width:136px;
height:23px;
float:right;
}
#forgotB{
position:absolute;
float:left;
top:0px;
left:0px;
margin-top:0px;
padding-left:0px;
width:121px;
height:25px;
background-position: 0 10px!important;
}
#forgotB a{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
position:absolute;
float:left;
top:0px;
left:0px;
padding-left:0px;
width:136px;
height:23px;
background:url(../en/images/btn-forgot.png) no-repeat;
background-position: 0 0px!important;
text-indent:-999999px;
}
#forgotB a:hover{
background:url(../en/images/btn-forgot.png) no-repeat;
background-position: 0 -30px!important;
}
/*-------------End of Forgot password--------*/
/*--------------Navigation------------*/
.nav {
height: 50px;
width: 980px;
margin: 0 auto;
}
.banner {
width: 980px;
height: 387px;
margin: -5px auto 0 auto;
padding:0px;
}
.pagetitle {
height: 60px;
width: 960px;
margin: 10px auto 0 auto;
padding:0 10px;
}
.pagetitle h1{
font-family: 'Quattrocento Sans', Arial, serif;
font-size:30px;
color:#fff2be;
font-weight:bold;
text-align:left;
padding: 10px 0 10px 40px;
letter-spacing:normal;
text-transform:uppercase;
background-image:url(../en/images/icon-title.png);
background-repeat:no-repeat;
background-position:left;
margin-left:20px;
}
.announce-home{
position:relative;
top:0px;
width: 980px;
height: 131px;
margin: 0px;
background-image:url(../en/images/ann-home.png);
}
#ann-home{
position:absolute;
float:left;
top:10px;
left:310px;
margin-top:0px;
padding-left:0px;
width:301px;
height:70px;
}
#ann-home a{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
position:absolute;
float:left;
top:0px;
left:0px;
padding-left:0px;
width:301px;
height:70px;
background:url(../en/images/btn-ann.png) no-repeat;
background-position: 0 0px!important;
text-indent:-999999px;
}
#ann-home a:hover{
background:url(../en/images/btn-ann.png) no-repeat;
background-position: 0 -78px!important;
}
#scrolling-home{
position:absolute;
float:left;
top:77px;
left:255px;
margin-top:0px;
padding-left:0px;
width:465px;
height:3px;
}
.announce{
position:relative;
top:0px;
width: 940px;
height: 72px;
margin: 0px;
background-image:url(../en/images/bg-ann.png);
padding: 0 20px;
}
#ann{
position:absolute;
float:left;
top:6px;
left:20px;
margin-top:0px;
width:301px;
height:70px;
}
#ann a{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
position:absolute;
float:left;
top:0px;
left:0px;
padding-left:0px;
width:301px;
height:70px;
background:url(../en/images/btn-ann.png) no-repeat;
background-position: 0 0px!important;
text-indent:-999999px;
}
#ann a:hover{
background:url(../en/images/btn-ann.png) no-repeat;
background-position: 0 -78px!important;
}
#scrolling{
position:absolute;
float:left;
top:18px;
left:380px;
margin-top:0px;
padding-left:0px;
width:465px;
height:3px;
}
.pagetitle {
position:relative;
height: 71px;
width: 940px;
margin: 0px auto 0 auto;
padding:0;
}
.pagetitle .pho {
position:absolute;
height: 71px;
width: 247px;
margin: 0px auto 0 auto;
float:left;
left:690px;
top:-5px;
}
.pagetitle h1{
font-family: 'Quattrocento Sans', Arial, serif;
font-size:30px;
color:#fff2be;
font-weight:bold;
text-align:left;
padding: 10px 0 10px 60px;
letter-spacing:normal;
text-transform:uppercase;
background-image:url(../en/images/icon2.png);
background-repeat:no-repeat;
background-position:left;
margin-left:0px;
}
/*---------------*/
#mainContent-home{
width: 948px;
padding:0px 17px 0px 17px;
margin: 0 auto;
}
#mainContent4d{
width: 940px;
padding:0px 20px;
margin: 0 auto;
}
#mainContentlog{
width: 980px;
padding:0px;
margin: 0 auto;
}
#mainContentjoin{
width: 940px;
padding:20px 20px;
margin: 0 auto;
background-color:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.topcontent_home {
position:relative;
height:270px;
width:948px;
padding: 0;
margin: 0px auto;
}
.topcontent_home .home1 {
position:absolute;
height:270px;
width:948px;
float:left;
left:0px;
padding: 0;
margin: 0 auto;
}
.home1 li{
float: left!important;
margin-right: 3px!important;
margin-left: 3px!important;
padding: 0px!important;
display: inline!important;
width: auto!important;
}
.home1 li a {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
display: inline!important;
float: left!important;
height: 100%!important;
margin: 0px 0!important;
padding: 0!important;
width: 310px!important;
height: 270px!important;
text-indent: -9999px!important;
}
.home1 li a:hover {
background-position: 0 -290px!important;
}
.home1 li a {
background-color:transparent;
}
.home1 li.ho1 a {
background: url(../en/images/h1.png) no-repeat 0 0;
}
.home1 li.ho1 a:hover {
}
.home1 li.ho2 a {
background: url(../en/images/h2.png) no-repeat 0 0;
}
.home1 li.ho2 a:hover {
}
.home1 li.ho3 a {
background: url(../en/images/h3.png) no-repeat 0 0;
}
.home1 li.ho3 a:hover {
}
.middlecontent_home {
position:relative;
height:200px;
width:948px;
padding: 0;
margin: 0px auto;
}
.middlecontent_home .pro{
position:absolute;
float:left;
top:6px;
left:3px;
margin-top:0px;
padding-left:0px;
width:624px;
height:200px;
background-position: 0 10px!important;
}
.middlecontent_home .pro a{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
position:absolute;
float:left;
top:0px;
left:0px;
padding-left:0px;
width:624px;
height:200px;
background:url(../en/images/pro-h.png) no-repeat;
background-position: 0 0px!important;
text-indent:-999999px;
}
.middlecontent_home .pro a:hover{
background:url(../en/images/pro-h.png) no-repeat;
background-position: 0 -220px!important;
}
.middlecontent_home .agent{
position:absolute;
float:left;
top:6px;
left:635px;
margin-top:0px;
padding-left:0px;
width:310px;
height:200px;
background-position: 0 10px!important;
}
.middlecontent_home .agent a{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
position:absolute;
float:left;
top:0px;
left:0px;
padding-left:0px;
width:310px;
height:200px;
background:url(../en/images/agent.png) no-repeat;
background-position: 0 0px!important;
text-indent:-999999px;
}
.middlecontent_home .agent a:hover{
background:url(../en/images/agent.png) no-repeat;
background-position: 0 -219px!important;
}
.bottomcontent_home {
position:relative;
height:120px;
width:948px;
padding: 0;
margin: 12px auto 15px auto;
}
.bottomcontent_home .tutorial {
position:absolute;
height:120px;
width:948px;
float:left;
left:0px;
padding: 0;
margin: 0 auto;
}
.tutorial li{
float: left!important;
margin-right: 3px!important;
margin-left: 3px!important;
padding: 0px!important;
display: inline!important;
width: auto!important;
}
.tutorial li a {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
display: inline!important;
float: left!important;
height: 100%!important;
margin: 0px 0!important;
padding: 0!important;
width: 310px!important;
height: 120px!important;
text-indent: -9999px!important;
}
.tutorial li a:hover {
background-position: 0 -140px!important;
}
.tutorial li a {
background-color:transparent;
}
.tutorial li.tut1 a {
background: url(../en/images/tutorial1.png) no-repeat 0 0;
}
.tutorial li.tut1 a:hover {
}
.tutorial li.tut2 a {
background: url(../en/images/tutorial2.png) no-repeat 0 0;
}
.tutorial li.tut2 a:hover {
}
.tutorial li.tut3 a {
background: url(../en/images/tutorial3.png) no-repeat 0 0;
}
.tutorial li.tut3 a:hover {
}
.payment_wrap {
position:relative;
height:51px;
width:100%;
padding:0;
margin: 0 auto;
background-image:url(../en/images/bg-payment.jpg);
background-repeat:repeat-x;
}
.payment {
position:relative;
height:51px;
width:980px;
padding:0;
margin: 0 auto;
}
/*-------------------Start CSS for Procucts--------------------*/
.main_procuts{
width: 940px;
padding:20px;
margin: 0 auto;
}
.products{
width:940px;
height:370px;
padding:0px;
margin:10px auto 30px auto;
}
.products_left {
position:relative;
height:370px;
width:460px;
padding:0;
float:left;
left:0px;
background-image:url(../en/images/bg-products.png);
}
.products_left h1{
font-family: 'Open Sans', Arial, sans-serif;
font-size:20px;
font-weight:normal;
color: #ffffff;
text-align:left;
padding:15px 0 5px 50px;
background-image:url(../en/images/icon3.png);
background-position:left;
background-repeat:no-repeat;
height:40px;
margin-left:15px;
text-transform:uppercase;
}
.products_images {
position:relative;
height:256px;
width:460px;
padding:0;
}
.btn-left {
position:relative;
height:50px;
width:220px;
padding:0;
top:6px;
float:left;
margin-left:0px;
}
.btn-right {
position:relative;
height:50px;
width:220px;
padding:0;
top:-43px;
left:240px;
}
.products_right {
position:relative;
height:370px;
width:460px;
padding:0;
left:0px;
background-image:url(../en/images/bg-products.png);
float:right;
}
.products_right h1{
font-family: 'Open Sans', Arial, sans-serif;
font-size:20px;
font-weight:normal;
color: #ffffff;
text-align:left;
padding:15px 0 5px 50px;
background-image:url(../en/images/icon3.png);
background-position:left;
background-repeat:no-repeat;
height:40px;
margin-left:15px;
text-transform:uppercase;
}
.products_center {
position:relative;
height:370px;
width:460px;
padding:0;
background-image:url(../en/images/bg-products.png);
float:left;
left:260px;
}
.products_center h1{
font-family: 'Open Sans', Arial, sans-serif;
font-size:20px;
font-weight:normal;
color: #ffffff;
text-align:left;
padding:15px 0 5px 50px;
background-image:url(../en/images/icon3.png);
background-position:left;
background-repeat:no-repeat;
height:40px;
margin-left:15px;
text-transform:uppercase;
}
.products_livescore {
position:relative;
height:200px;
width:940px;
padding:0;
margin: 0 auto;
}
.products4d{
width:940px;
height:256px;
padding:0px;
margin:10px auto 30px auto;
}
.products_left4d {
position:relative;
height:256px;
width:460px;
padding:0;
float:left;
left:0px;
}
.products_right4d {
position:relative;
height:256px;
width:460px;
padding:0;
left:0px;
float:right;
}
.products_4d {
position:relative;
height:121px;
width:940px;
padding:0;
margin: 0 auto;
background-image:url(../en/images/bg-4d.png);
background-repeat:no-repeat;
}
.surveyform{
position:relative;
width: 900px;
padding:20px;
margin: 0 auto;
border-top: 1px solid #ffde03;
background-color: #fff193;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.main_affi{
position:relative;
width: 800px;
padding:20px 90px;
margin: 0 auto;
}
/*------------------Promotion------------------------------*/
.main_promotion{
position:relative;
width: 940px;
padding:20px;
margin: 0 auto;
}
.main_promotion .promotion_agent {
position:relative;
width:656px;
padding:0;
float:left;
left:0px;
}
.promotion_agent p{font-size:13px; font-weight:normal; color:#F1EAEA; padding:0px; margin:0px 0px 10px;}
.main_promotion .promotion_left {
position:relative;
width:656px;
padding:0;
float:left;
left:0px;
}
.promotion_left_images {
position:relative;
height:249px;
width:630px;
padding:0;
}
.promotion_left .pro {
position:relative;
height:361px;
width:630px;
padding:0 13px;
background-image:url(../en/images/bg-promo.jpg);
background-repeat:repeat-x;
margin-bottom:30px;
}
.promotion_left .pro-a {
position:relative;
height:331px;
width:630px;
padding:0 13px;
background-image:url(../en/images/bg-promo1.png);
background-repeat:repeat-x;
margin-bottom:5px;
}
.promotion_left .pro-a h1{
font-family: 'Open Sans', Arial, sans-serif;
font-size:20px;
font-weight:normal;
color: #180530;
text-align:left;
padding:15px 0 25px 50px;
background-image:url(../en/images/icon4.png);
background-position:0 7px;;
background-repeat:no-repeat;
margin-top:5px;
text-transform:uppercase;
}
.promotion_left .pro h1{
font-family: 'Open Sans', Arial, sans-serif;
font-size:20px;
font-weight:normal;
color: #180530;
text-align:left;
padding:15px 0 25px 50px;
background-image:url(../en/images/icon4.png);
background-position:0 7px;;
background-repeat:no-repeat;
margin-top:5px;
text-transform:uppercase;
}
.pro .pro-tc{
position:absolute;
top:323px;
width:150px;
height:30px;
float:left;
left:415px;
}
.pro .pro-tc p{
font-family: 'Open Sans', Arial, sans-serif;
font-size:15px;
font-weight:normal;
color: #eef0ef;
text-align:left;
padding:5px 0;
}
.promotion_left .pro .bt{
position:absolute;
top:327px;
width:100px;
height:30px;
float:left;
right:-4px;
}
.promotion_left .pro-txt {
position: relative;
width: 655px;
padding: 0;
}
.promotion_left .pro-txt1 h1{
font-family: 'Open Sans', Arial, sans-serif;
font-size:25px;
font-weight:normal;
color: #290700;
text-align:left;
padding:5px 0 5px 30px;
letter-spacing:normal;
background-image:url(../en/images/icon1.png);
background-repeat:no-repeat;
background-position:left;
margin-left:10px;
}
.promotion_left .pro-txt h2{
font-family: 'Open Sans', Arial, sans-serif;
font-size:18px;
font-weight:normal;
color: #fbdf8f;
text-align:left;
padding:5px 0;
}
.promotion_left .pro-txt h3{
font-family: 'Open Sans', Arial, sans-serif;
font-size:16px;
font-weight:normal;
color: #fbdf8f;
text-align:left;
padding:5px 0;
}
.promotion_left .pro-txt p{
font-family: 'Open Sans', Arial, sans-serif;
font-size:15px;
font-weight:normal;
color: #eef0ef;
text-align:left;
padding:5px 0;
}
.promotion_left .pro-txt h4{
font-family: 'Open Sans', Arial, sans-serif;
font-size:17px;
font-weight:normal;
color: #fff751;
text-align:left;
padding:5px 0;
}
.bulet {
float: left;
width: 600px;
margin-left: 10px;
padding-top: 20px;
display:inline;
}
.bulet ul {
margin: 0px ;
padding: 0px;
list-style: none;
}
.bulet ul li {
font-family: 'Open Sans', Arial, sans-serif;
font-size:14px;
font-weight:normal;
color: #eef0ef;
line-height:17px;
letter-spacing:0.6px;
padding-left:15px;
margin:7px 0;
display: inline;
float: left;
background-image:url(../en/images/bulet.png) ;
background-repeat:no-repeat;
background-position:0px 5px;
width:600px;
}
.promotion_right {
position:relative;
width:264px;
padding:0;
float:right;
right:0px;
}
.button {
border-top: 1px solid #ffde03;
background-color: #FFEEB5;
/* For WebKit (Safari, Chrome, etc) */
background: #FFEEB5 -webkit-gradient(linear, left top, left bottom, from(#AE8913), to(#FFEEB5)) no-repeat;
/* Mozilla,Firefox/Gecko */
background: #FFEEB5 -moz-linear-gradient(top, #AE8913, #FFEEB5) no-repeat;
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#FFEEB5) no-repeat;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#AE8913)" no-repeat;
padding: 5px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 14px;
font-family: Georgia, serif;
text-decoration: none;
vertical-align: middle;
}
.button:hover {
background-color: #D46037;
/* For WebKit (Safari, Chrome, etc) */
background: #D46037 -webkit-gradient(linear, left top, left bottom, from(#D4C937), to(#D46037)) no-repeat;
/* Mozilla,Firefox/Gecko */
background: #D46037 -moz-linear-gradient(top, #D4C937, #D46037) no-repeat;
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D4C937, endColorstr=#D46037) no-repeat;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D4C937, endColorstr=#D4C937)" no-repeat;
}
.button:active {
border-top-color: #1b435e;
background: #1b435e;
}
/*------------------End of Promotion------------------------------*/
/* Accordion */
.accordion-items{padding:0 0 5px 0; margin-right:10px;}
.accordion-item{position:relative;overflow:hidden;background:#650302;}
.accordion-item-header a{text-decoration:none; color:#ffffff;}
.accordion-item-body{display:none;}
.open > .accordion-item-body{display:block;}
.accordion-items{padding-bottom:18px; margin-top:-5px;}
.accordion-items .accordion-item{border:#fff095 1px solid;border-radius:3px;margin-bottom:5px;}
.accordion-items .accordion-item-body{border-top:#00053a 1px solid;padding:17px 15px 0 15px; color:#ececec; font-size:12px;}
.accordion-items .accordion-item-header{ background-color: #880102; border-left: 6px solid #420301; font-weight: bold; }
.accordion-items .accordion-item-header a{display:block;padding:14px 0 12px 48px;background:url(../en/images/open-accordion.png) no-repeat 10px 14px;}
.accordion-items .accordion-item-header a.active{background-image:url(../en/images/close-accordion.png);}
.accordion-items .accordion-item-body p{margin:0; padding:0 0 19px 0;}
.accordion-item-body p{
font-family: 'Open Sans', Arial, sans-serif;
font-size:14px;
font-weight:normal;
color: #fbdf8f;
text-align:left;
padding:5px 0;
}
/*-------------------End CSS for Procucts--------------------*/
/***announcement***/
.anounc_box article{ width:664px; border:#3652a3 solid 1px; float:left; background:#06143c; margin:0px 0px 15px 0px; padding:10px 15px 0px; font-size:13px; font-weight:normal; color:#F1EAEA; border-left: 6px solid #3652a3;}
.anounc_box h4{ font-size:18px;
color:#f5e9aa;
font-weight:900;
margin:0;
padding:0px 0px 10px;
border:none;
text-transform:none;}
.anounc_box span{ color:#fff; padding-bottom:5px;}
.anounc_box article .cont_btnboxlft{ width:280px; padding:10px 17px; float:left;}
.anounc_box article .cont_btnboxrt{ width:280px; padding:10px 17px; float:right;}
/*promotions*/
.promotion_cont{ width:664px; float:left; padding:0px; }
.promotion_cont .promo_head{ width:664px; float:left; height:35px; padding:10px 0px 10px; background:#13234d; text-align:center;}
.promotion_cont .promo_img{width:664px; float:left; height:203px;}
.promotion_cont p{ text-align:right; padding-top:10px; padding-bottom:15px; width:100%; float:left;}
.promotion_cont p a{ color:#f5e9aa; text-transform:uppercase; font-weight:700; font-size:12px; text-decoration:none;}
.promotion_cont p a.viewmore{display:block; width:205px; height:40px; float:right; background:url(../en/images/btn_viewmore.png) no-repeat 0px 0px; border:none; color:#fff; font-weight:900; font-size:14px; text-transform:uppercase; text-align:center; line-height:35px;}
.promotion_cont p a.viewmore:hover{background:url(../en/images/btn_viewmore_hover.png) no-repeat 0px 0px;}
.promotion_cont p a.termscond{ width:200px; float:right; height:40px; display:block; text-align:center; line-height:55px;}
.btn_cont2{ width:664px; float:left; padding:5px; height:66px; height:100px; }
.btn_cont2 .login2{ width:300px; float:left; height:66px; padding-left:20px;}
.btn_cont2 .register2{ width:300px; float:left; left:320px; height:66px; padding-left:20px;}
.socialbtn {margin:0px; padding:0px; width:664px; float:left;}
.socialbtn .socia_wrap{ float:left; width:105px; padding:0px 10px 10px; height:135px; margin:0px;}
.socialbtn .socia_wrap p{ text-align:center; margin:0px; padding:0px;}
/****other***/
.anounc_box p{font-size:13px; font-weight:normal; color:#F1EAEA; padding:0px; margin:0px 0px 10px;}
.anounc_box ul{float:left; margin:0px 0px 0px 15px; border:none;}
.anounc_box ul li{ border:none; color:#FFFFFF; font-weight:normal; font-size:13px; text-align:left; line-height:20px; list-style-image:url(../en/images/liststyle.jpg); padding:2px 0px 10px 15px;}
.anounc_box ul li p{ margin-bottom:5px;}
.anounc_box a{ color:#ceb341;}
.anounc_box a:hover{ color:#e5d17c;}
#table .colortr{background:#2c4899;}
#table .drkclrtr{background:#223a80;}
#table tr:hover{background:#16285d;}
#table{ padding-bottom:10px;}
#table td{ padding:7px 10px 7px 15px; height:30px; line-height:30px; font-weight:bold; font-size:12px; text-transform:none; color:#FFFFFF;}
#table td a{ color:#FFFFFF; text-decoration:none;}
/* =========== Footer ========== */
#footer_warp{
clear: both;
width: 100%;
height: 261px;
margin: 0 auto;
background-image:url(../en/images/bg-footer.jpg);
background-repeat:repeat-x;
}
#footer {
position:relative;
clear: both;
width: 980px;
height:194px;
margin: 0 auto;
}
.footer_box{float:left; min-height:170px; width:218px; padding-left:15px; border:none; margin:10px 0 10px 10px;}
.footer_box h3{
margin:10px 0 0 0;
font-size: 15px; font-family: 'Open Sans', Arial, sans-serif; color:#ffeea4;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
font-weight:normal; padding:0px;
text-transform:uppercase;
}
.footer_box ul{ float:left; margin:0px; padding:5px 0px 0px 16px;}
.footer_box ul li{border:none; list-style-image:url(../en/images/icon1.png); padding:0px 0px 0px 1px; line-height:20px; color:#ECECEC; font-weight:700; font-size:12px; text-align:left; width:200px;}
.footer_box ul li a{ font-family: 'Open Sans', Arial, sans-serif; color:#ECECEC; font-weight:normal; font-size:13px; text-align:left; text-decoration:none; line-height:33px; }
.footer_box ul li a:hover{ color:#f5e9aa; text-decoration:none;}
.footer_link1 {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 13px;
color: #e2e0e0;
font-weight: normal;
align: justify;
line-height: 16pt;
padding: 0;
text-decoration:none;
padding-left:10px;
}
.footer_link1:hover {
color: #f36b20;
}
.block_link {
font-family:font-family: 'Open Sans', Arial, sans-serif;
font-size: 17px;
color: #f36b20;
font-weight: bold;
align: justify;
line-height: 16pt;
padding: 0;
text-decoration:none;
letter-spacing:0.6px;
}
.block_link:hover {
color: #fff;
}
#footer h1{
font-family: 'Open Sans', Arial, sans-serif;
padding:13px 0 6px 0;
font-size:15px;
color: #ffeea4;
font-weight:normal;
line-height:15px;
letter-spacing:0.5px;
text-transform:uppercase;
}
#footer h2{
font-family:font-family: 'Open Sans', Arial, sans-serif;
font-size: 16px;
color: #f36b20;
font-weight: normal;
align: justify;
line-height: 17pt;
padding: 0;
text-decoration:none;
letter-spacing:0.6px;
}
#copy{
position:relative;
padding:0;
clear: both;
width: 980px;
margin: 0 auto;
}
.small {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #f2f1ef;
font-weight: normal;
text-align:left;
padding-left:25px;
line-height: 13pt;
letter-spacing:0.8px;
padding: 0;
}
#btmlink{
position:relative;
padding: 0;
width: 300px;
text-align:right;
height:20px;
margin: 0 auto;
float:right;
}
.faqlink {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #949393;
font-weight: normal;
text-align:left;
padding-left:15px;
line-height: 13pt;
letter-spacing:0.8px;
padding: 0;
text-decoration:none;
}
.faqlink:hover {
color: #f16e22;
}
/*================================ End Of Footer ================================ */
/* ====================== Popup =======================*/
.ShowDemo {
margin: 0px;
}
/* popup style */
.mini-popup-mask {
position: absolute;
z-index: 9998;
top: 0px;
left: 0px;
background-color: #c85cff;
display: none;
width: 100%;
height: 100%;
filter: alpha(opacity=70);
opacity: 0.7;
}
.mini-popup {
position: absolute;
z-index: 9999;
width: 495px;
height: auto;
background: url(images/popupbg.jpg) no-repeat;
overflow: hidden;
padding: 15px 0 35px 0;
display: none;
font-size: 14px;
border: 1px solid #fff;
}
.mini-popup-buttons {
background-color: #bd0504; no-repeat;
display: inline-block;
}
*+html .mini-popup-buttons { display: inline; }
.mini-popup-header {
height: 13px;
clear: both;
}
.mini-popup-close {
float: right;
width: 13px;
height: 13px;
margin-right: 16px;
cursor: pointer;
background-position: 0 -80px;
}
.mini-popup-content {
margin: 0 35px 0 45px;
padding-bottom: 32px;
border-bottom: 1px solid #858585;
color: #fff;
}
.mini-popup-content p {
margin: 15px 0 0 0;
line-height: 18px;
}
.mini-popup-footer {
margin: 25px 45px 0 45px;
height: 35px;
}
.confirm {
float: left;
height: 35px;
overflow: hidden;
}
.confirm-btn {
background-position: 100% 0;
display: inline-block;
height: 35px;
position: relative;
cursor: pointer;
margin-left: 7px;
}
*+html .confirm-btn { display: inline; }
.confirm-btn input,
.cancel-btn input {
background: none;
border: none;
font-weight: bold;
margin: 0;
padding: 9px 15px 12px 8px;
cursor: pointer;
overflow: visible;
width: auto;
height: 35px;
outline: none;
}
.confirm-btn .confirmbtn { color: #fff; }
.confirm-btn span,
.cancel-btn span {
height: 100%;
position: absolute;
top: 0;
left: -7px;
width: 7px;
}
.confirm-btn span.confirm-left { background-position: 0 0; }
.cancel-btn span.cancel-left { background-position: 0 -40px; }
.cancel {
float: left;
height: 35px;
margin-left: 20px;
}
.cancel-btn {
background-position: 100% -40px;
display: inline-block;
height: 35px;
position: relative;
cursor: pointer;
}
*+html .cancel-btn { display: inline; }
.cancel-btn .cancelbtn { color: #fff; }
.text2 table {
color: #373133;
}
.ShowDemo {
margin: 0px;
}
/* popup style */
.mini-popup-mask {
position: absolute;
z-index: 9998;
top: 0px;
left: 0px;
background-color: #000000;
display: none;
width: 100%;
height: 100%;
filter: alpha(opacity=70);
opacity: 0.7;
}
.mini-popup {
position: absolute;
z-index: 9999;
width: 495px;
height: auto;
background: url(popupbg.jpg) no-repeat;
overflow: hidden;
padding: 15px 0 35px 0;
display: none;
font-size: 14px;
border: 1px solid #fff;
}
.mini-popup-buttons {
background-color: #cb0202; no-repeat;
display: inline-block;
}
*+html .mini-popup-buttons { display: inline; }
.mini-popup-header {
height: 13px;
clear: both;
}
.mini-popup-close {
float: right;
width: 13px;
height: 13px;
margin-right: 16px;
cursor: pointer;
background-position: 0 -80px;
}
.mini-popup-content {
margin: 0 35px 0 45px;
padding-bottom: 32px;
border-bottom: 1px solid #858585;
color: #fff;
}
.mini-popup-content p {
margin: 15px 0 0 0;
line-height: 18px;
}
.mini-popup-footer {
margin: 25px 45px 0 45px;
height: 35px;
}
.confirm {
float: left;
height: 35px;
overflow: hidden;
}
.confirm-btn {
background-position: 100% 0;
display: inline-block;
height: 35px;
position: relative;
cursor: pointer;
margin-left: 7px;
}
*+html .confirm-btn { display: inline; }
.confirm-btn input,
.cancel-btn input {
background: none;
border: none;
font-weight: bold;
margin: 0;
padding: 9px 15px 12px 8px;
cursor: pointer;
overflow: visible;
width: auto;
height: 35px;
outline: none;
}
.confirm-btn .confirmbtn { color: #fff; }
.confirm-btn span,
.cancel-btn span {
height: 100%;
position: absolute;
top: 0;
left: -7px;
width: 7px;
}
.confirm-btn span.confirm-left { background-position: 0 0; }
.cancel-btn span.cancel-left { background-position: 0 -40px; }
.cancel {
float: left;
height: 35px;
margin-left: 20px;
}
.cancel-btn {
background-position: 100% -40px;
display: inline-block;
height: 35px;
position: relative;
cursor: pointer;
}
*+html .cancel-btn { display: inline; }
.cancel-btn .cancelbtn { color: #fff; }
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.popup-link {
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#a69e51;
text-decoration: none;
padding-bottom:10px;
}
.popup-link:hover {
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#ffffff;
}
/* ====================== End of Popup =======================*/
#menu5 {
width: 290px;
margin: 0px;
background-image:url(../en/images/bg-navi1.png);
}
#menu5 li a {
height: 29px;
voice-family: "\"}\"";
voice-family: inherit;
height: 29px;
text-decoration: none;
}
#menu5 li a:link, #menu5 li a:visited {
font-family: 'Open Sans', Arial, sans-serif;
font-size:14px;
color: #FFF;
display: block;
background: url(bg-navi.png);
padding:10px 0 0 0;
text-align:center;
}
#menu5 li a:hover {
color: #FFF;
background: url(bg-navi.png) 0 -39px;
padding: 0px;
text-align:center;
padding:10px 0 0 0;
}
#menu5 ul {
list-style: none;
margin: 0;
padding: 0;
}
============= demo.php========>
.demo_right {
position:relative;
width:290px;
padding:0;
float:right;
right:20px;
}
.demo_left {
position:relative;
width:600px;
padding:0;
float:left;
left:20px;
}
.demo_left .h1 { font-family: 'Open Sans', sans-serif;
font-size:25px;
color:#c5a955;
text-align:left;
padding: 0 0 10px 0;
text-transform:uppercase;
}
.demo_left .h2 { font-family: 'Open Sans', sans-serif;
font-size:20px;
color:#fcf7d9;
text-align:left;
padding:0px 0 10px 0;
}
.textdemo { font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#fcf7d9;
text-align:left;
padding:10px;
}
.textdemotit { font-family: 'Open Sans', sans-serif;
font-size:15px;
color:#fdf167;
text-align:left;
padding:10px;
}
.textdemo1 { font-family: 'Open Sans', sans-serif;
font-size:11px;
color:#fdf167;
font-weight:normal;
text-align:left;
padding:10px;
}
.demo-link {
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#fafaf9;
text-decoration: none;
padding:10px;
}
.demo-link :hover {
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#ffffff;
}
.text2Link {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #ffffff;
text-align: left;
text-decoration: none;
padding: 10px 10px 10px 0;
}
.text2Link:hover {
color: #fcea7f;
text-decoration: none;
}
.text2 {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #ffffff;
text-align: left;
text-decoration: none;
padding: 10px;
}
.text-link {
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#fff751;
text-decoration: none;
padding-bottom:10px;
}
.text-link:hover {
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#fff751;
text-decoration:blink;
}
.h1demo1 { font-family: 'Open Sans', sans-serif;
font-size:25px;
color:#c5a955;
text-align:left;
padding: 0 0 10px 0;
text-transform:uppercase;
}
.h1demo { font-family: 'Open Sans', sans-serif;
font-size:20px;
color:#fcf7d9;
text-align:left;
padding:0px 0 10px 0;
}
.textdemo { font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#fcf7d9;
text-align:left;
padding:10px;
}
.textdemo1 { font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#fdf167;
font-weight:bold;
text-align:left;
padding:10px;
}
.demo-link {
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#fafaf9;
text-decoration: none;
padding:10px;
}
.demo-link :hover {
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#ffffff;
}
/*=========================== CSS for products Detail ================================*/
.product-text{
width:940px;
margin: 10px auto;
}
.product-text p{
font-family: 'Open Sans', Arial, sans-serif;
font-size:14px;
font-weight:normal;
color: #ffffff;
text-align:left;
text-align:justify;
}
.product-text12{
font-family: 'Open Sans', Arial, sans-serif;
float: left;
color:ffffff;
font-size: 62px;
line-height: 62px;
text-transform: uppercase;
margin-right: 10px;
letter-spacing:-1px;
}
.detailpro{
position:relative;
width:940px;
padding:30px 0px;
margin: 0px auto 40px auto;
border-top: 1px solid #ffde03;
border-bottom: 1px solid #ffde03;
background-color: #7e0502;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.detailpro .probtn{
position:absolute;
width:350px;
float:left;
left:570px;
}
.prodetails li{
float: left;
margin-right: 10px;
margin-bottom: 10px;
padding: 0px;
display: block;
width: 350px;
}
.demopro {
position:relative;
width:325px;
padding:0;
float:left;
left:380px;
margin:30px 0 30px 0;
}
.button2 {
border-top: 1px solid #ffde03;
background-color: #FFEEB5;
/* For WebKit (Safari, Chrome, etc) */
background: #FFEEB5 -webkit-gradient(linear, left top, left bottom, from(#AE8913), to(#FFEEB5)) no-repeat;
/* Mozilla,Firefox/Gecko */
background: #FFEEB5 -moz-linear-gradient(top, #AE8913, #FFEEB5) no-repeat;
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#FFEEB5) no-repeat;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#AE8913)" no-repeat;
padding: 30px 40px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
color: #000000;
font-size: 15px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight:bold;
text-transform:uppercase;
text-decoration: none;
vertical-align: middle;
letter-spacing:1px;
min-width:300px !important;
}
.button2:hover {
background-color: #D46037;
/* For WebKit (Safari, Chrome, etc) */
background: #D46037 -webkit-gradient(linear, left top, left bottom, from(#D4C937), to(#D46037)) no-repeat;
/* Mozilla,Firefox/Gecko */
background: #D46037 -moz-linear-gradient(top, #D4C937, #D46037) no-repeat;
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D4C937, endColorstr=#D46037) no-repeat;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D4C937, endColorstr=#D4C937)" no-repeat;
}
.title { font-family: 'Open Sans', Arial, sans-serif;
font-size:18px;
color:#f5cf74;
text-align:left;
text-decoration:none;
padding:10px;
font-weight:normal;
text-transform:uppercase;
}
.down{
background:#710402;
border:1px solid #a00401;
border-radius: 5px;
padding:25px 10px;
width:675px;
margin-left:120px;
}
.down p{font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #ffffff;
text-align: justify;
padding: 10px;
line-height: 20px;
margin-top:25px;
}
.down-link {
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#fff751;
text-decoration: none;
padding-bottom:0;
margin-left:10px;
}
.dwon-link:hover {
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#fff;
text-decoration: none;
}
.btn-down{
width:100%;
margin:0 0 10px 0;
}
#btn-menu {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#btn-menu ul {
margin:0;
}
#btn-menu li {
font-size: 13px;
color:#fdeeb3;
font-family: 'Open Sans', Arial, sans-serif;
font-weight:normal;
text-transform:uppercase;
text-decoration: none;
vertical-align: middle;
letter-spacing:1px;
margin: 0;
padding: 0;
list-style: none;
margin-bottom:0px;
}
#btn-menu a {
border:0px solid #e9d890;
background-image:url(../en/images/bg-button.jpg);
background-repeat:repeat-x;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
margin: 0;
padding: 30px 3px;
text-decoration: none;
font-weight: normal;
text-align:center;
font-size: 14px;
color:#050000;
font-family: 'Open Sans', Arial, sans-serif;
font-weight:bold;
text-transform:uppercase;
text-decoration: none;
vertical-align: middle;
letter-spacing:1px;
}
#btn-menu a:hover {
background-color: #D46037;
/* For WebKit (Safari, Chrome, etc) */
background: #D46037 -webkit-gradient(linear, left top, left bottom, from(#D4C937), to(#D46037)) no-repeat;
/* Mozilla,Firefox/Gecko */
background: #D46037 -moz-linear-gradient(top, #D4C937, #D46037) no-repeat;
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D4C937, endColorstr=#D46037) no-repeat;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D4C937, endColorstr=#D4C937)" no-repeat;
color: #fff;
}
.linkhh {
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#fff751;
text-decoration: none;
padding-bottom:0;
margin-left:10px;
}
.linkhh:hover {
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#fff;
text-decoration: none;
}