@charset "utf-8";
/* CSS Document */
html,body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#464646; }
img{ border:none; }
ul,li{ margin:0; padding:0; }
a{ color:#f78c0c; text-decoration:none; }
a:hover{ color:#f78c0c; text-decoration:underline; }
*{ margin:0; }
td{ font-size:12px; }
/*======================================================*/
select{ background:#717276; color:#fff; border:1pt solid #b8bac2; font-size:12px; height:19px; margin:0 1px 0 0; }
table.tbEstore tr td select.black{ background:none; color:#000; }
input[type=text]{ background:#fff; border:1pt solid #b8bac2; font-size:12px; height:19px; margin:0 1px 0 0; }
input[type=password]{ background:#fff; border:1pt solid #b8bac2; font-size:12px; height:19px; margin:0 1px 0 0; }
input[type=button]{ background:url(../images/gd-button.jpg) repeat-x; border:0pt; color:#fff; font-size:11px; height:22px; border:0pt solid #b8bac2; margin:0 1px 0 0; }
input[type=submit]{ background:url(../images/gd-button.jpg) repeat-x; border:0pt; color:#fff; font-size:11px; height:22px; border:0pt solid #b8bac2; margin:0 1px 0 0; }
input[type=reset]{ background:url(../images/gd-button.jpg) repeat-x; border:0pt; color:#fff; font-size:11px; height:22px; border:0pt solid #b8bac2; margin:0 1px 0 0; }

input[type=submit].buttonn{ background:url(../images/gd-head.jpg) repeat-x; height:25px; line-height:25px; color:#fff; font-size:12px; padding:0 5px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; behavior: url(PIE.htc); }

.btn-g{ color:#fff; background:url(../images/gd-button.jpg) repeat-x; line-height:22px; padding:0 10px; width:100px; height:22px; text-align:center; display:inline-block; text-decoration:none; }
/*======================================================*/

/*======================= Header ==========================*/
.container div .container{ width:958px; clear:both; display:block; margin:0 auto !important;}
.header,.navN{ position:relative; width:958px; clear:both; display:block; margin:0 auto; }
.header{ min-height:95px;}
.header h1 a{ position:absolute; background:url(../images/logo_QNEU_tag.png) no-repeat; width:355px; height:90px; display:block; overflow:hidden; text-indent:-1000px; top:20px;}

.welcome{
	position:relative;
	top:15px;
	left:320px;
	width:550px;
	font-size:11px;
	color:#919191;
}
.processStatus{
	position:absolute;
	top:0px;
	left:300px;
	width:300px;
	font-size:11px;
	color:#919191;
}

.LangDropDown {background:#717276; color:#fff;  
                position:absolute; top:1px; right:55px;  
                float: right;
               }
.signout{ position:absolute; top:1px; right:0px; width:47px; height:35px; background:url(../images/signout.jpg) no-repeat; }
.signout a{  width:47px; height:25px; display:block; text-align:center; padding:15px 0 0 0; line-height:20px; color:#fff; text-decoration:none; font-size:11px; }

.flow{
	position:absolute;
	top:10px;
	left:265px;
	background:url(../images/flow-line.gif) repeat-x left 30px;
}
.flow ul{ list-style:none; overflow:hidden; }
.flow ul li{ display:inline; float:left; background:url(../images/flow-cart-point.png) no-repeat center top; padding:40px 5px 0 5px; cursor:pointer; width:80px; text-align:center; line-height:16px; }
.flow ul li.flow-current{ background:url(../images/flow-cart-active.png) no-repeat center top; color:#eb6c25; }

/*======================= Header End ==========================*/

/*======================= Menu Bottom =========================*/
.container-bottom{ background:#d9d9d9; padding:1px 0 0 0; width: 100%; min-width: 960px;}
.container-bottom ul{ list-style:none; }
/* .container-bottom ul{ overflow:hidden; list-style:none; } */
.container-bottom ul li{ background:url(../images/bg.jpg) repeat-x; border-bottom:1pt solid #fff; clear:both; display:block;  }

.tab{ position:relative; background:url(../images/icon_plus.jpg) no-repeat left 12px; width:928px; padding:0 0 0 30px; clear:both; overflow:hidden; margin:0 auto; }
.tab-show{ background:url(../images/icon_minus.jpg) no-repeat left 12px; width:928px; padding:0 0 0 30px; clear:both; }

.tab ul{  list-style:none; width:928px; overflow:hidden; margin:0 0 1px 0; }
.tab ul li{ display:inline; float:left; width:168px; border:0pt; clear:none;}
.tab ul li.sep{ background:#eeeeee url(../images/sep.jpg) no-repeat; width:22px; height:44px; }
.tab ul li.space{ background:#eeeeee url(../images/sep.jpg) no-repeat; width:760px; height:44px; }


.tab ul li .a{ float:left; text-decoration:none; color:#4e4e4e; text-transform:uppercase; vertical-align: middle; height:44px; font-weight:bold; line-height: 44px; }

.nav1{ background:url(../images/icon_comission.jpg) no-repeat; padding:0 0 0 46px; display:block; }
.nav5{ background:url(../images/icon_personal.jpg) no-repeat; padding:0 0 0 46px; display:block; }
.nav6{ background:url(../images/icon_account.jpg) no-repeat; padding:0 0 0 46px; display:block; }
.nav8{ background:url(../images/icon_transaction.jpg) no-repeat; padding:8px 0 4px 46px; display:block; line-height:16px; }
.nav4{ background:url(../images/icon_activity.jpg) no-repeat; padding:8px 0 4px 46px; display:block; line-height:16px; }
.nav04{ background:url(../images/icon_businessTool.jpg) no-repeat; padding:0px 0 0px 46px; display:block; vertical-align: middle; height:44px;  }
.nav6{ background:url(../images/icon_account.jpg) no-repeat; padding:0 0 0 46px; display:block; width:928px; }
.nav2{ background:url(../images/icon_NSG.jpg) no-repeat; padding:8px 0 4px 46px; display:block; line-height:16px; }
.nav3{ background:url(../images/icon_tools.jpg) no-repeat; padding:8px 0 4px 46px; display:block; line-height:16px;}
.nav11{ background:url(../images/icon_QVI.jpg) no-repeat; padding:8px 0 4px 46px; display:block; line-height:16px; }
.nav10{ background:url(../images/icon_site.jpg) no-repeat; padding:8px 0 0 46px; display:block; vertical-align: middle; line-height:16px;}
.nav12{ background:url(../images/icon_QVI.jpg) no-repeat; padding:0 0 0 46px; display:block; }
.nav13{ background:url(../images/icon_Invoice.jpg) no-repeat; padding:8px 0 4px 46px; display:block; line-height:16px; }
.nav14{ background:url(../images/icon_OnlineSecurity.jpg) no-repeat; padding:8px 0 4px 46px; display:block; line-height:16px; }

.nav01{ background:url(../images/icon_Policy.jpg) no-repeat; padding:8px 0 0 46px; display:block; vertical-align: middle; line-height:16px; }
.nav03{ background:url(../images/icon_businessTool.jpg) no-repeat; padding:0px 0 0px 46px; display:block; vertical-align: middle; height:44px; }
.nav05{ background:url(../images/icon_businessTool.jpg) no-repeat; padding:0px 0 0px 46px; display:block; vertical-align: middle; height:44px; }

.tab-sub{ position:relative; padding:8px 4px; clear:both; background:url(images/bg_line.jpg) repeat-y 9px; overflow:hidden; display:none;  }
.tab-sub ul{ background:none; list-style:none; width:166px; padding:0 0 0 0; margin-right:22px; overflow:hidden; float:left; }
.tab-sub ul+ul+ul+ul+ul{ padding:0; margin:0; width:168px; }
.tab-sub ul li{ position:relative; float:left; width:150px; background:url(../images/arr-up.gif) no-repeat 2px 6px; border-bottom:1pt dotted #333; padding:2px 0 2px 12px; line-height:15px; }
.tab-sub ul li.sub-lv3-show{ background:url(../images/arr-down.gif) no-repeat 1px 6px; }
.tab-sub ul div{ float:none; text-transform:none; font-weight:normal; background:none; line-height:18px; }
.tab-sub ul div.handpointer:hover{ color:#000; }
.tab-sub ul li ul li{ font-size:10px; border:none; }
.tab-sub ul li ul{ padding:2px 0 2px 0; display:block; }
.tab-sub ul li ul li{ color:#898989; }
.tab-sub ul li ul div{ line-height:15px;  text-transform:uppercase; font-size:9px; }
.tab-sub ul li ul div.handpointer{ color:#898989; }
.tab-sub ul li ul div.handpointer:hover{ color:#f78c0c; line-height:15px; }

.show-hide{ position:absolute; top:12px; left:0px; width:20px; height:20px; cursor:pointer; }
/*======================= Menu Bottom End =========================*/


/*======================== Navigator ==============================*/
.navN{ position:relative; background:url(../images/nav-bg.jpg) no-repeat; -moz-border-radius:6px; height:38px; line-height:31px; z-index:100; white-space:nowrap; }
.navN h1{ color:#fff; font-size:14px; padding:0 35px; }
.navN ul{ list-style:none; overflow:hidden; float:left; padding:4px 13px 0 13px; height:38px;} 
.navN ul li{ position:relative; display:inline; float:left; margin:0 3px 0 0; min-width:75px; overflow:hidden;}
.navN ul li a{ display:block; color:#fff; text-decoration:none; text-align:center; min-width:75px; height:27px; line-height:27px; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; padding:0 5px; float:left; behavior: url(PIE.htc); }
.navN ul li a:hover{ font-weight:bold; color:#363535; background:#f9f9f9; }


.navN ul li a.settle{ background:url(../images/icon_settle.png) no-repeat 5px top; padding:0 5px 0 25px; }
.navN ul li a.settle:hover{ background:#f9f9f9 url(../images/icon_settle.png) no-repeat 5px -25px; }
.navN ul li a.card{ background:url(../images/icon_card.png) no-repeat 5px top; padding:0 5px 0 25px; }
.navN ul li a.card:hover{ background:#f9f9f9 url(../images/icon_card.png) no-repeat 5px -25px; }
.navN ul li a.user{ background:url(../images/icon_user.png) no-repeat 5px top; padding:0 5px 0 25px; }
.navN ul li a.user:hover{ background:#f9f9f9 url(../images/icon_user.png) no-repeat 5px -25px; }

.navN ul li a.selected{ background-color:#f9f9f9; background-position:5px -25px; -moz-border-top-left-radius:4px; -moz-border-top-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; color:#646466;font-weight:bold; }


.btn-contact{  float:right; }
/*.btn-contact > a{ background:url(../images/btn-contact.jpg) no-repeat; width:71px; height:24px; line-height:24px; display:block; color:#fff; text-decoration:none; padding:0 0 0 40px; margin:3px 3px 0 0; }*/
.btn-contact > a { background:url(../images/btn-contact_h.jpg) no-repeat left top; padding:0 10px 0 28px; color:#fff; text-decoration:none; line-height:24px; float:left; }

.contact-box{ position:absolute; bottom:-96px; right:3px; background:url(../images/contact-box.png) no-repeat; width:198px; height:62px; padding:25px 15px 20px 15px; line-height:20px; display:none; }

.login-head{ background:url(../images/icon_login.jpg) no-repeat 8px 8px; padding:0 0 0 30px;}
/*======================== Navigator End ==============================*/

/*======================================================*/
.container-content{ width:958px; margin:0 auto; overflow:hidden; padding:10px 0; z-index:0; }
.content-left{ position:relative; width:700px; float:left; z-index:0; }
.content-right{ position:relative; width:243px; float:right; z-index:0; }
/*======================================================*/


/*========================= Banner Slider ===========================*/
.container-banner{ position:relative; height:232px; padding:14px 0; }
.container-banner div{ float:left; }
.container-banner div h1{ background:url(../images/gd-head.jpg) repeat-x; float:left; height:25px;width:225px; line-height:25px; color:#fff; font-size:12px; padding:0 5px; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; behavior: url(PIE.htc); }

.banner-rotate{ position:relative; width:705px; height:232px; float:left; }

.slider { float:left; position:relative; overflow:auto; width:686px; height:232px; background:#fff; overflow:hidden; }
.slider ul {position:absolute; list-style:none; top:0; left:0; }
.slider li {float:left; width:686px; height:232;}

.paginationNew { position:absolute; right:13px; bottom:-25px; float:left; list-style:none; height:20px; margin:15px 0 0 32px;}
.paginationNew ul{ list-style:none;}
.paginationNew li { font-size:11px; float:left; cursor:pointer; padding:3px 6px; background:#4a4a4a; margin:0 4px 0 0; text-align:center; color:#fff; }
.pagination li:hover { background:#f78c0c; }
li.current { background:#f78c0c; }
/*========================= Banner Slider End ===========================*/


/*========================= News Update ===========================*/
.news-update{ width:235px; height:222px; border:1pt solid #e9e9e9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:0 7px 0 8px; padding:4px; behavior: url(PIE.htc); }
.news-update .box-content img{ margin:5px 0 2px 0; }
.news-update .box-content h2{ color:#f78c0c; font-size:12px; padding:3px 0; }
.news-update .box-content > a{ position:absolute; bottom:-4px; right:4px; background:url(../images/gd-button.jpg) repeat-x; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; float:right; clear:both; height:22px; line-height:22px; color:#fff; text-decoration:none; text-align:center; padding:0 5px; font-size:11px; behavior: url(PIE.htc); }


.shopnow{ width:235px; height:222px; border:1pt solid #e9e9e9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:4px; behavior: url(PIE.htc); }
/*========================= News Update End ===========================*/

.box-content{ position:relative; width:235px; height:197px; }

.container-button{ background:url(../images/button-bg.jpg) no-repeat; width:878px; height:25px; padding:8px 40px 7px 40px; }
/*.container-button ul{ height:25px; list-style:none; overflow:hidden; white-space:nowrap; }
.container-button ul li{ width:104px; height:25px; line-height:25px; display:inline; float:left; margin:0 10px; }
.container-button ul li a{ background:url(../images/button.jpg) no-repeat left top; width:87px; height:50px; float:left; padding:0 2px 0 26px; color:#fff; text-decoration:none; font-size:11px;}
.container-button ul li a:hover{ background:url(../images/button.jpg) no-repeat left -25px;}
.container-button ul li a.selected{ background:url(../images/button.jpg) no-repeat left -25px; }*/
.container-button ul{ list-style:none; }
.container-button ul li{ background:url(/Vietnam/images/button_b.jpg) no-repeat right top; float:left;margin-right:5px; height:25px; line-height:25px; }
.container-button ul li a{ background:url(/Vietnam/images/button_h.jpg) no-repeat left top; padding:0 10px 0 28px; color:#fff; text-decoration:none; line-height:25px; float:left;}
.container-button ul li a:hover{ background:url(/Vietnam/images/button_b.jpg) no-repeat right -25px; display:inline-block; height:25px; line-height:25px;}
.container-button ul li a.selected{ background:url(/Vietnam/images/button_h.jpg) no-repeat left -25px;; padding:0 10px 0 28px; color:#fff; text-decoration:none; line-height:25px; float:left; }


/*========================= Footer ===========================*/
.footer{width: 100%; min-width: 960px; background:#4f4f4f; color:#fff; clear:both; display:block; }

.copyright{ width:958px; text-align:center; font-size:11px; padding:5px 0; color:#b1b1b1; margin:0 auto; }
.copyright ul{ list-style:none; display:inline-block; text-align:center;}
/* .copyright ul{ list-style:none; overflow:hidden; float:left; } */
.copyright ul li{ display:inline; float:left; }
.copyright ul li a{ color:#b1b1b1; text-decoration:none; margin:0 2px; }
.copyright ul li a:hover{ color:#fff; }
/*========================= Footer End ===========================*/

.hilight{ color:#ff7400; font-weight:bold; }

/*======================================================*/
.container-blog{ border:1pt solid #fff; box-shadow:0px 0px 1px #999; background:#e9e9e9; min-height:111px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:7px 5px 6px 5px; margin:0 1px 30px 1px; overflow:hidden; behavior: url(PIE.htc); }
.container-blog > div{ float:left; width:220px; min-height:106px; padding:2px 1px 3px 2px; background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin:0 2px 0 3px; box-shadow:-1px 1px 2px #999; color:#9a9a9a; behavior: url(PIE.htc); }

.container-blog div h1{ color:#4e4e4e; font-size:12px; padding:0 0 0 45px; line-height:27px; }

.blog-CUV h1{ background:#eeeeee url(../images/blog-CUV.jpg) no-repeat 5px top; }
.blog-BV h1{ background:#eeeeee url(/images/blog-CUV.jpg) no-repeat 5px top; }
.blog-RSP h1{ background:#eeeeee url(../images/blog-RSP.jpg) no-repeat 5px top; }
.blog-RSP .number { color: orange; font-size:25px; font-weight:bold;}
.blog-RSP .desc {   color: #999; opacity: 0.8; filter: alpha(opacity=80); }
.blog-comission h1{ background:#eeeeee url(../images/blog-comission.jpg) no-repeat 5px top; }
.blog-BVCounter-text { color:Red; line-height:10px; font-size:10px; display: inline-block; }

.blog-text{ padding:5px 10px 0 10px; line-height:25px; overflow:hidden; }
.blog-text select{ background:#717276; color:#fff; }
.blog-text table{ width:100%; }
.blog-text table tr td{ padding:0 2px 0 0;}

#item{ width:100%; margin:18px 0; }

/*.BV-status{ overflow:hidden; padding:0 0 5px 0; margin:0 15px; }
.BV-status > table{ margin:0; }
.BV-left{ float:left; }
.BV-right{ float:right; }
.BV-left,.BV-right{ margin:0 5px; width:70px; min-height:20px; line-height:20px; padding:5px; background:#fd7400 url(../images/bg-btnCUV.jpg) repeat-x; text-align:center; color:#fff;  -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; behavior: url(PIE.htc); font-size:13px; }
*/
.BV-status > table{ margin:0; }
.BV-status{ overflow:hidden; padding:0; }
.BV-left{ float:left; margin:0px 0px 7px 7px; }
.BV-right{ float:right; margin:0px 10px 7px 0px;}
.BV-left,.BV-right{ width:80px; min-height:30px; background:#fd7400 url(../images/bg-btnCUV.jpg) repeat-x; text-align:center; color:#fff; padding:8px 5px; line-height:16px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; behavior: url(UserControlNew/css/PIE.htc); }


.BV-status a {text-decoration: none; color: #fff;}

.tb-comission{ border-top:1pt dashed #999; padding:10px; margin:0 5px; }
.tb-comission table{ border:1pt solid #ff9934;}
.tb-comission table tr td{ padding:1px 5px; color:#000; }
.tb-comission table tr.sw{ background:#ffffcd; }

/*======================================================*/
.referral{ position:relative; float:left; width:442px; border:1pt solid #fff; box-shadow:0px 0px 1px #999; background:#e9e9e9; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; margin:0 1px; padding:9px 9px 30px 9px; behavior: url(PIE.htc);}
.referral h1{ position:absolute; top:-16px; left:15px; background:url(../images/gd-head.jpg) repeat-x; height:25px; line-height:25px; color:#fff; font-size:12px; padding:0 10px; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; behavior: url(PIE.htc); }

.referral-content{ position:relative; background:#fff; border:1pt solid #cfd0d6; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; min-height:165px; behavior: url(PIE.htc); }
.referral table tr th{ text-align:left; color:#f78c0c; }
.referral table tr td{ line-height:20px; padding:2px; }
.swap{ background:#f3f3f3;}
.referral-content > a.ShowAll{ background:url(../images/gd-button.jpg) repeat-x; color:#fff; text-decoration:none; height:25px; padding:0 5px; line-height:25px; position:absolute; bottom:-36px; right:5px; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; font-size:11px; behavior: url(PIE.htc); }

/*======================================================*/

.quest{ position:relative; float:right; width:207px; border:1pt solid #fff; box-shadow:0px 0px 1px #999; background:#e9e9e9; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; margin:0 1px; padding:9px 9px 9px 9px; min-height:159px; behavior: url(PIE.htc); }
.quest h1{ position:absolute; top:-16px; left:15px; background:url(../images/gd-head.jpg) repeat-x; height:25px; line-height:25px; color:#fff; font-size:12px; padding:0 10px; -moz-border-top-left-radius:4px; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; behavior: url(PIE.htc); }
.quest-content{ position:relative; background:#fff; border:1pt solid #cfd0d6; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:30px 16px 20px 16px; min-height:136px; behavior: url(PIE.htc); }
.quest input[type=text]{ margin:2px 0px; }

.quest-balance{ position:relative; background:#ff7401 url(../images/bg-AccBalance.jpg) repeat-x; text-align:center; color:#fff; padding:30px 10px 10px 10px; min-height:70px; -moz-border-radius:8px; font-size:12px; -webkit-border-radius:8px; border-radius:8px; behavior: url(PIE.htc);}
.RSP-balance{ position:relative; background:#ff7401 url(../images/bg-AccBalance.jpg) repeat-x; text-align:center; color:#fff; padding:10px 5px 0px 5px; min-height:70px; -moz-border-radius:8px; font-size:12px; -webkit-border-radius:8px; border-radius:8px; behavior: url(PIE.htc);}

.txtUSD{ font-size:16px; font-weight:bold; line-height:30px;}
/*======================================================*/

/*======================================================*/
.promotion{ border:1pt solid #e9e9e9; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:5px;behavior: url(PIE.htc); }
.promotion h1{ background:url(../images/gd-head.jpg) repeat-x; height:25px; line-height:25px; color:#fff; font-size:12px; padding:0 5px; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; text-align:center; behavior: url(PIE.htc); }
.promotion-list{ height:327px; overflow:scroll; }
.promotion-list ul{ list-style:none; }
.promotion-list ul li{ display:block; clear:both; border-bottom:1pt dashed #cfd0d6; padding:10px 0; overflow:hidden; }
.promotion-list ul li img{ background:#cfd0d6; margin:0 10px 5px 0; float:left; }

.promotion-list2{ height:500px; overflow:scroll; }
.promotion-list2 ul{ list-style:none; }
.promotion-list2 ul li{ display:block; clear:both; border-bottom:1pt dashed #cfd0d6; padding:10px 0; overflow:hidden; }
.promotion-list2 ul li img{ background:#cfd0d6; margin:0 10px 5px 0; float:left; }

/*======================================================*/

.content-inner{ border:1pt solid #fff; box-shadow:0px 0px 1px #999; background:#e9e9e9; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; padding:40px 15px 15px 15px; margin:0 1px 10 1px; overflow:hidden; behavior: url(PIE.htc); }

.content-inner2{ border:1pt solid #fff; box-shadow:0px 0px 1px #999; background:#e9e9e9; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; padding:15px 15px 15px 15px; margin:0 1px 0 1px; behavior: url(PIE.htc); }

.content-inner-redamption{ background:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:10px 5px 15px 5px; overflow:hidden; behavior: url(PIE.htc); }
.content-inner-redamption table{ width:100%; }
.redamption-head{ padding:20px; }

/*======================================================*/
aside{ display:block; float:right; width:243px; }
.content-inner-left{ float:left; width:650px; background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:10px; behavior: url(PIE.htc); } 
.content-inner-left h1{ position:absolute; top:26px;  
 background:url(../images/gd-head.jpg) repeat-x; height:25px; line-height:25px; color:#fff; font-size:14px; padding:0 10px; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;  -webkit-border-adius:4px 4px 0 0; behavior: url(PIE.htc); }

.box-right{ background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; clear:both; margin:0 0 15px 0; box-shadow:-1px 1px 3px #999; behavior: url(PIE.htc);}
.box-right h1{ background:#eeeeee; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;  -webkit-border-adius:4px 4px 0 0; padding:0 10px; font-size:12px; border-bottom:1pt solid #e6e6e6; line-height:26px; behavior: url(PIE.htc); }

/*======================================================*/
.content-main{ position:relative; border:1pt solid #fff; box-shadow:0px 0px 1px #999; background:#e9e9e9; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; padding:10px; overflow:hidden; behavior: url(PIE.htc); }

.box-col{ position:relative; background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin:0 1px 0 2px; box-shadow:-1px 1px 3px #999; width:222px; float:left; behavior: url(PIE.htc); }
.box-col h1{ position:relative; background:#eeeeee; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; padding:0 10px; font-size:12px; border-bottom:1pt solid #e6e6e6; line-height:21px; padding:5px 0 0 45px; behavior: url(PIE.htc); }
.box-col ul{ padding:10px 5px; margin:0; list-style-type:circle; }
.box-col ul li{ margin:0 0 0 15px; }
.box-col h1 img{ position:absolute; left:5px; top:0; }

.box-col-desc{ padding:10px; }
.box-col-desc a{ clear:both; display:block; padding:0 0 0 0; }

.box-col-list{ background:url(../images/cutting.jpg) no-repeat; padding:20px 10px 10px 10px;}

.box-col-list tr td{ border:0pt; padding:0; font-size:11px; }
.box-col-list tr td span{ display:block; background:#4a4a4a; padding:5px; color:#fff; }
.box-col-list tr td.grey1H{ background:#ededed; }
.box-col-list tr td a{ width:90%; display:block; padding:5px; font-weight:normal; text-decoration:none; color:#333; }
.box-col-list tr td a:hover{ color:#f78c0c; }

.box-col-list dl{ padding:10px; }
.box-col-list dl dt{ background:#4a4a4a; padding:0 5px; color:#fff; line-height:20px; }
.box-col-list dl dd{ background:#ededed; padding:5px; margin:0 0 10px 0; }

/*======================================================*/
.content-main-profile{ position:relative; border:1pt solid #fff; box-shadow:0px 0px 1px #999; background:#e9e9e9; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin:18px 1px 0 1px; padding:11px 9px 11px 9px; behavior: url(PIE.htc); }
.content-main-profile > h1{ position:absolute; top:-14px; left:15px; background:url(../images/gd-head.jpg) repeat-x; height:25px; line-height:25px; color:#fff; font-size:12px; padding:0 10px; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-adius:4px 4px 0 0; behavior: url(PIE.htc); }

.content-main-text{ background:#fff; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; padding:20px; behavior: url(PIE.htc); }
.content-business-text{ background:#fff; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; padding:20px 5px; behavior: url(PIE.htc); }

/*======================================================*/

h1.tip{ background:#eeeeee url(../images/icon_tip.jpg) no-repeat 3px top; padding:0 10px 0 35px; }
h1.QA{ background:#eeeeee url(../images/icon_QA.jpg) no-repeat 3px top; padding:0 10px 0 35px; }
h1.train{ background:#eeeeee url(../images/icon_train.jpg) no-repeat 3px top; padding:0 10px 0 35px; }
h1.book{ background:#eeeeee url(../images/icon_book.jpg) no-repeat 3px top; padding:0 10px 0 35px; }

.box-right div{ padding:10px; }
.box-right div ul{ margin:0 0 0 15px; list-style-image:url(../images/bullet_arrow.gif); }
.remark{ color:#f00; font-size:10px; }

.info{ width:958px; margin:0 auto; text-align:right; font-size:11px; padding:5px 0; }
.txt-date{ color:#a5a5a5; margin:0 0 3px 0; }
.tbQuest{}
.tbQuest tr td{ padding:2px 5px; vertical-align:top; }
.tbQuest tr.tHead{ background:#87b7ce; font-weight:bold; color:#000; }
.tbQuest tr.tHead td{ padding:5px; }
.tbQuest tr.tTtile{ background:#e5e5e5; color:#333; font-weight:bold; }
.tbQuest tr.tTtile td{ padding:5px; }
.tbQuest tr.swap{ background:#dbf0f9; }

.tbQuest tr td input[type=text]{ width:50px; height:15px; color:#464646; }
.tbQuest tr td input.note{ width:200px; }

/*======================================================*/
.tbProfile tr td{ padding:2px 5px; vertical-align:top; }
.tbProfile tr td input[type=text]{ width:200px; height:15px; color:#464646; }

.title{ background:#4a4a4a; color:#fff; display:block; padding:2px 5px; }

.shelfbook{ background:url(../images/shelf-bg.jpg) repeat-y; width:666px; }
.shelfbook ul{ list-style:none; }
.shelfbook ul li{ background:url(../images/shelf-row.png) repeat-x bottom; padding:0 20px 30px 20px; overflow:hidden; }
.shelfbook ul li h1{ position:relative; text-align:center; color:#fff; font-size:18px; padding:5px 5px 15px 5px; line-height:20px; }
.books{ text-align:center; float:left; width:120px; margin:0 18px; }
.books img{ box-shadow:3px 5px 8px 1px #333; -moz-box-shadow:3px 5px 8px 1px #333; webkit-box-shadow:3px 5px 8px 1px #333; margin:0 0 10px 0; }
.books a{ background:url(../images/gd-button.jpg) repeat-x; color:#fff; line-height:15px; text-align:center; text-decoration:none; width:50px; display:inline-block; font-size:11px; margin:0 2px;  }

/*======================================================*/
.content-inner-login{ background:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:10px 5px 15px 5px; overflow:hidden; behavior: url(PIE.htc); }

.content-inner-login-left{ width:195px; float:left; }
.content-inner-login-right{ margin:0 0 0 195px; padding:0 20px; }
.content-inner-login-right > table{ width:100%;}
.content-inner-login-right > table tr td{ line-height:16px;}
.content-inner-login-right > table tr td input{ margin:0 0 5px 0;}
/*======================== Login ============================*/
.loginForm{ padding:5px 0 10px 0; }
.loginForm h1{ font-size:14px; background:#dcdee2; padding:3px 5px; border-bottom:2pt dotted #bbb9b9;  border-top:1pt solid #bbb9b9; margin:0 0 5px 0; }

.loginForm a{ text-decoration:none; }
a.forget{ color:#999; } a.problem{ color:#ff7907; }

.slideshow{ width:195px; height:460px; overflow:hidden; }
/*======================== Login End ============================*/


.buynow{ position:relative; padding:0 0 30px 0; border-bottom:1pt solid #ccc; }
.buynow ul{ list-style:none; padding:0 55px; overflow:hidden; }
.buynow ul li{ min-height:50px; display:inline; float:left; background:#fafafa url(../images/gd-buynow.jpg) repeat-x; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; overflow:hidden; width:154px; box-shadow:0px 0px 1px 1px #c7c7c7; -moz-box-shadow:0px 0px 1px 1px #c7c7c7; -webkit-box-shadow:0px 0px 1px 1px #c7c7c7; margin:1px 16px; text-align:center; color:#666666; padding:0 0 5px 0; border:1pt solid #fff; behavior: url(PIE.htc);}

.buynow ul li h1{ background:url(../images/cart-gray.png) no-repeat 25px 2px; height:25px; line-height:25px; font-size:12px; padding:0 10px 0 30px; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; margin:0 0 8px 0; text-transform:uppercase; behavior: url(PIE.htc); }
.buynow ul li h1 a{ text-decoration:none; color:#666666; }

.buynow ul li.selected{ color:#ff7400; background:#fafafa url(../images/gd-head.jpg) repeat-x; }
.buynow ul li.selected h1{ background:url(../images/cart-white.png) no-repeat 25px 2px; height:25px; line-height:25px; font-size:12px; padding:0 10px 0 30px; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;  margin:0 0 8px 0; color:#fff; behavior: url(PIE.htc); }
.buynow ul li.selected h1 a{ text-decoration:none; color:#fff; }
/*======================================================*/

/*======================== eStore ============================*/
/*
.content-inner-redamption table table table table table table > td{ display:inline-block; }
.content-inner-redamption table table table table table table table > td{ width:145px; padding:5px 0;}
.content-inner-redamption table table table table table table table table > td{ width:auto; padding:0;}
.content-inner-redamption table table table table table table td table{ width:145px; margin:0; }

*/

.content-inner-redamption input[type=checkbox]{ display:inline-block; margin:5px 5px 0 0;}
.content-inner-redamption input[type=radio]{ display:inline-block; margin:3px 2px 0 5px;}

.content-inner2 select{ color:#fff; height:20px; font-size:11px; }
#Scroller-1{ width:843px !important; }
#Scroller-1 td{ width:128px; line-height:10px; padding:0; white-space:normal; vertical-align:middle; }
#Scroller-1 td a{ width:128px; display:block; text-decoration:none; color:#fff; font-size:10px; }
#Scroller-1 td a.tabselectedcolourgreyset{ color:#646567; }

#_ctl0__ctl0_ContentPlaceHolderBody_eStoreBody_pnlSubCategoryLogo > table{ width:300px; float:left; }
#_ctl0__ctl0_ContentPlaceHolderBody_eStoreBody_pnlSubCategoryLogo a{ margin:0 5px; float:left; }
#_ctl0__ctl0_ContentPlaceHolderBody_eStoreBody_pnlNotes{ clear:both; }

#fadeshow1{ margin:0 auto; }

.tablinkwhite{ background:#646567; color:#fff; line-height:22px; text-align:left; padding:0; height:auto !important; padding-top:0px !important; }
#points{ background:#fff; }
.content-inner-redamption td.listProducts{ display:inline-block; }
.content-inner-redamption td.listProducts table td{ width:142px; vertical-align:top; }
.content-inner-redamption td.listProducts table td > table{ width:142px; }

.content-inner-redamption table.choosePayment{ margin:0 auto; }
.content-inner-redamption table.choosePayment td{ width:169px; float:left; margin:0 10px 0 0; }
.content-inner-redamption table.choosePayment td input{ margin:0 0 0 0; }
.content-inner-redamption table.choosePayment table table td{ vertical-align:middle; float:none; }

.handpointer{ cursor:pointer; }

/*
Verifu Referer*/
.subsectionheader{ color:#f00; font-size:14px; }
.dvLang{ padding:5px 0; }
#divAddtnlChkBox2 P{ clear:both; }

.contentposition{ /*border:1pt solid #fff; box-shadow:0px 0px 1px #999; background:#e9e9e9; -moz-border-radius:4px;-webkit-border-radius:4px; */border-radius:4px; behavior: url(PIE.htc); padding:5px; }

.TabbedPanelsContentGroup{ /*border:1pt solid #cfd0d6;*/ background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; behavior: url(PIE.htc); padding:5px; min-height:344px; }
.TabbedPanelsContentGroup table{ margin:0 0 10px 0; }

.TabbedPanelsContentGroup table tr td{ border:0pt; /*height:20px; padding:2px 5px; */}
.TabbedPanelsContentGroup table tr td.orangeH{ background:#ff7d0d url(../images/gd-head.jpg) repeat-x; font-weight:bold; color:#fff; padding:8px 5px; font-size:13px; text-transform:uppercase; }

.formdata{ border:1pt solid #cfd0d6; }
.formdata td{ padding:5px 5px;}
.formdata a{ text-decoration:none; }


.tableheader{ background:#bebebe; color:#fff; height:23px; line-height:23px; font-weight:normal; }

.tbEstore{ border:1pt solid #ccc; width:100%; }

.tbEstore tr td{ padding:5px 10px; vertical-align:top; line-height:20px; }
.tbEstore tr td input{ vertical-align:text-middle; }
.tbEstore tr td table tr{ background:none; }
.tbEstore tr td table td{ padding:0; background:none; }

.errorText{ padding:10px; font-size:11px; line-height:17px; }
.memberOption ul li{ margin:0 0 0 12px; }

/*
Forget Pass*/
.content-forget{ border:1pt solid #fff; box-shadow:0px 0px 1px #999; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; padding:10px; overflow:hidden; behavior: url(PIE.htc); width:958px; margin:2px auto 20px auto; background:#eee; }
.content-forget table{ margin:0 auto; }

.forgetForm{ border:1pt solid #ff7d0d; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; behavior: url(PIE.htc); padding:2px 0 20px 0; margin:0 auto;   }
.forgetForm h1{background:#ff7d0d url(../images/gd-head.jpg) repeat-x;-moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; behavior: url(PIE.htc); color:#fff; font-size:14px; font-weight:bold; line-height:35px; height:35px; text-transform:uppercase; padding:0 10px; }

.forgetForm td{ line-height:20px; padding:2px 5px; }
.forgetForm td input[type=text]{ width:250px; }
.msgAlert{ margin:0 auto; color:#f00; font-size:11px; font-weight:bold; line-height:14px; padding:0 10px 5px 10px; text-align:center; border-top:0pt solid #ff7d0d; }
.msgAlert span{ padding:5px 0 0 0; display:block; line-height:12px; clear:both; }

.voLogin{ padding:0 10px; }

.media-links {float:right; background-color:#E9E9E9; height:20px; line-height:20px; display:block; 
              color:#fff; text-decoration:none; padding:4px 3px 0 3px; margin:3px 3px 3px 3px; border:1pt solid #ffb668; box-shadow:0 0 1px #ff8c12; border-radius:4px; }

.media-links > a{ margin:3px 0px 0px 0px; border-right: 1px solid #DADADA; padding-right:4px; }
.orangeH {
    background: url("../images/gd-head.jpg") repeat-x scroll 0 0 transparent;
    border: 1pt solid #E9E9E9;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin-left: 25px;
    min-width: 10px;
    padding: 0 5px;
    position: absolute;
}
.formdata 
{
     -moz-border-radius:11px;-webkit-border-radius:11px; border-radius:11px;behavior: url(../css/PIE.htc);
    margin: 16px 5px; border: 11px solid #e9e9e9; 
}
#footer {
    background: url("../images/bg-footer.gif") repeat-x scroll 0 0 #EEEEEE;
    bottom: 0;
    float: left;
    height: 105px;
    margin: 0 auto;
    position: static;
    text-align: center;
    width: 100%;
}
#copyright {
    color: #8F8F8F;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    padding-top: 15px;
    position: relative;
    /*width: 944px;*/
}
#copyright ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#copyright ul li {
    border-right: 1px solid #BABABA;
    display: inline;
    margin: 0;
    padding: 0 2px;
    white-space: nowrap;
}
#copyright a {
    color: #8F8F8F;
    padding: 0 10px;
    text-decoration: none;
}
#copyright a:hover {
    color: #000000;
    text-decoration: none;
}
#copyright ul#logobanner li {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    padding: 5px;
}

.btnRegister{ background:#ff8011 url(../images/btn-large.jpg) repeat-x; height:43px; padding:4px 20px; display:inline-block; vertical-align:middle; color:#fff; border-radius:8px; -moz-border-radius:8px; webkit-border-radius:8px; box-shadow:0 0 1px 1px #ff8c12; -moz-box-shadow:0 0 1px 1px #ff8c12; -webkit-box-shadow:0 0 1px 1px #ff8c12;border:1pt solid #ffc491; font-weight:bold; behavior: url(PIE.htc); line-height:16px; margin:5px 0; cursor:pointer; }
.note{ position:relative; bottom:0; left:0; width:100%; font-size:10px; line-height:12px; font-weight:normal; font-style:italic; clear:both; text-align:left; display:block; background:rgba(255,255,255,.3); padding:5px; box-sizing:border-box; height:auto; }

/*============================ Header Rank =================================*/
.ir-rank{ width:608px; overflow:hidden; margin:0 7px 0 0; }
.ir-rank .rank-box{ float:left;  }
.rank-box{ margin:0 2px 0 2px; }
.rank-box h3{ margin:0; line-height:20px; text-align:center; color:#333; font-size: 11px; }

.tb-rank table {min-width:200px;padding:0;}
.tb-rank tr {line-height:16px;}
.tb-rank td {padding:2px 5px; border-top:1pt solid #ccc; font-size: 11px;}
.tb-rank td:first-child { text-align:right; border-right:1pt solid #ccc;min-width:50px;}
.tb-rank td:last-child { color:#FF7400;min-width:50px;}


/*------------ Q10 POPUP ------------------------------*/
.fancybox-q10 .fancybox-skin
{
    background-color: #fff;
    padding: 4px !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.popup-q10{ overflow:hidden; padding:20px; background:#fff; box-shadow:0 0 10px #ccc; max-width:600px; margin:0 auto; font-size:28px; font-weight:bold; }
.popup-q10 > div{ position:relative; width:100%; float:left; padding:0; box-sizing: border-box; color:#fff; clear:both;  }

.popup-q10 > div a{ color:#fff; text-decoration:none; }
.popup-q10 > div > div{ width:50%; height:200px; box-sizing:border-box; padding:28px; float:left; }
.popup-q10 div > div > div{ position:relative; width:100%; height:60px; }
.popup-q10 div .points{ text-align:right; display:block; width:100%; clear:both; font-size:28px; font-weight:bold; }

.popup-q10 > div > div.current_rsp{ position:relative; background:#6bb041 url(../images/arrow_corner.png) no-repeat; border-right:1pt solid #fff; border-bottom:1pt solid #fff; }
.popup-q10 > div > div.earning{ position:relative; background:#f86d22 url(../images/arrow_corner.png) no-repeat; border-left:1pt solid #fff; border-bottom:1pt solid #fff; }

.popup-q10 > div > div.group_rsp{ position:relative; background:#445feb url(../images/arrow_corner.png) no-repeat; border-right:1pt solid #fff; border-bottom:1pt solid #fff;border-top:1pt solid #fff; }
.popup-q10 > div > div.potntial_earning{ position:relative; background:#b0b0b0 url(../images/arrow_corner.png) no-repeat; border-left:1pt solid #fff; border-bottom:1pt solid #fff;border-top:1pt solid #fff; font-size:28px;}

.popup-q10 > div.buy_rsp{ position:relative; width:100%; background:#c30000 url(../images/arrow_corner.png) no-repeat; min-height:100px; clear:both; border-top:1pt solid #fff; text-align:center; line-height:44px;}
.popup-q10 > div.buy_rsp a{ display:block; font-size:34px; font-weight:bold; padding:28px 0; }

.popup-q10 > div.buy_Ref{ position:relative; width:100%; background:#f78c0c url(../images/arrow_corner.png) no-repeat; min-height:100px; clear:both; border-top:1pt solid #fff; text-align:center; line-height:20px; margin-bottom: 10px;font-size:12px;}
.popup-q10 > div.buy_Ref a{ display:block; font-size:22px; font-weight:bold; padding:20px 0; line-height: 30px; }

.popup-q10 > div > div:hover{ transition:all 0.5s ease; background:rgba(0,0,0,.8) url(../images/arrow_corner.png) no-repeat }

.popup-q10 .note{ position:absolute; bottom:0; left:0; width:100%; font-size:10px; line-height:12px; font-weight:normal; font-style:italic; clear:both; text-align:left; display:block; background:rgba(255,255,255,.3); padding:5px; box-sizing:border-box; height:auto; }


@media screen and (max-width:480px) {
    .popup-q10 > div > div{ width:100%; clear:both; border-right:0pt solid #fff; border-bottom:2pt solid #fff; border-top:0pt solid #fff;  }
}

.popup-q10 > div:first-child:hover{ transition:all 0.5s ease; background:rgba(0,0,0,.8) url(../images/arrow_corner.png) no-repeat; }
.popup-q10 > div:last-child:hover{ transition:all 0.5s ease; background:rgba(0,0,0,.8) url(../images/arrow_corner.png) no-repeat; }
/*----------------- end Q10 POPUP -------------------------*/

.rpp-notice { color:#666; }
.rpp-notice-title { color: Orange; font-size: 1.4em; font-weight: bold; }
.rpp-notice, .rpp-notice a, .rpp-notice a:hover, .rpp-notice a:visited { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 1em;}
.rpp-notice a, .rpp-notice a:visited { color: Orange; text-decoration:none; }
.rpp-notice a:hover { text-decoration: underline; }
.rpp-notice ul { list-style-type: disc; padding-left: 15px; }

.copyright-new { background: #666;
        color: #fff;
        padding: 8px;
        text-align: center;
        font-size: 11px;
        position:fixed;
        bottom:0;
        width:100%;
      }