*:hover,a:hover{ text-decoration:none}
a.fontnav {text-decoration:none; outline:none} 
body{color: #000;;padding-right:0!important;font-size: 16px;font-family: "titillium";}
body.modal-open {
overflow-y: auto !important;
padding-right: 0 !important;
}
i{font-style:normal}
p{padding:0px;margin:0px}
em{font-style:normal}
ul li {list-style-type: none;margin:0px;padding:0px}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol{list-style:none;margin:0px;padding:0px}
img{ border:none; border:0;}
a{color:#000}
a:focus, a:hover{color:#e45e5f;text-decoration:none}
a.vice{color:#5969a2}
a.vice:hover{color:#E45E5F}


@font-face {
font-family:titillium;
src: local('Helvetica'), local('sans-serif'),
url(../fonts/TitilliumWeb-Regular.ttf) format('ttf');
font-display: swap;
}

.form-control,
.form-control:focus{background-color:transparent;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
box-shadow: inset 0 0px 0px rgba(0,0,0,.075);}

.btn,
.btn:focus,
.btn:hover{ background:#5969a2;color:#fff;}
.btn:hover{background:#7689ca;}


.container{width:1300px;position:relative;}
.btn-default, .btn-default:focus, .btn-default:hover{background: #535353;box-shadow: 0 2px 0 0 #191919;text-shadow: 1px 1px 0 #191919, 0 0 3px #191919, 0 0 0px #191919;border: 0;}
.btn-default:hover{background:#6b6b6b}
.dropdown-menu > li > a{font-size:14px;padding: 7px 15px;}
.dropdown-menu > li > a:hover{color:#e45e5f}

/* input */
.form-control{border:2px solid #ddd;min-width:40px;font-size: 16px;color: #000;}
.form-control:hover,
.form-control:focus{border:2px solid #5969a2;}
.search-min .form-control{ width:100%}

/* checkbox */
.form_checkbox{position:relative;}
.form_checkbox i{font-size:26px;position:relative;top:0px;color:#ddd}
.form_checkbox i:hover{color:#5969a2}
.form_checkbox .fa-check-square{display:none;position:absolute;left:0px;top:0px;font-size:24px;z-index: 1;}
.checkbox_active .fa-check-square{display:block;color:#5969a2}
.checkbox_active .fa-square-o{color:#fff;}
.form_checkbox .f-text{position:relative;cursor:default;padding-left:4px;top:-5px;text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}


/* form_circle */
.form_radio{position:relative;margin-top:20px}
.form_radio i{border:2px solid #ddd;display:block; background:#fff;height: 20px;width: 20px;border-radius:20px;position:absolute}
.form_radio i:hover{border:2px solid #5969a2}
.form_radio .circle-o{background:#5969a2;z-index:1;width:8px;height:8px;border:0px;left: 6px;top: 6px;display:none}
.radio_active i{border:2px solid #5969a2;}
.radio_active .circle-o{display:block}


header{background:#090d19 }
header .navbar-default{border:0px;padding-top: 6px;}
header .left,
header .bottom,
header .right{display: none}


.hd_top{height:35px;background:#0e1325}
.hd_top .social{padding-top:10px;float:left;}
.hd_top .social li{float:left;margin-right:8px;border-radius:2px;opacity:0.8;font-size:12px;width:15px;height:15px;line-height:15px;text-align:center;transition: all 0.2s linear 0s;} 
.hd_top .social li:hover{opacity:1;}
.hd_top .social li i{color:#fff;}
.hd_top .social .facebook{ background:#295197}
.hd_top .social .google{ background:#ef4b56}
.hd_top .social .twitter{ background:#1DA1F2}
.hd_top .social .youtube{ background:#cc181e}
.hd_top .social .instagram{background:#c118cc;}
.hd_top .social .linkdin{ background:#017ab5}
.hd_top .social .mall{ background:#298237;font-size:11px;}
.hd_top .top_l {padding-top:4px;float:left;padding-left:10px}
.hd_top .top_l a{color:#c1c1c1;font-size:12px}
.hd_top .top_l a:hover{color:#fff}
.hd_top .top_l span{color:#b2b2b2;opacity:0.5;font-size:11px;padding:0px 4px}
.hd_top .fb-like-r{position: absolute;right: 12px;top: 7px;width: 131px;overflow: hidden;}



.navbar-nav>li>.dropdown-menu {border-top-left-radius:3px;border-top-right-radius:3px;max-height: 500px;overflow: auto;}
.navbar-nav>li ::-webkit-scrollbar{ width:6px;height:6px;background-color: #F5F5F5;} 
.navbar-nav>li ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;background-color: #F5F5F5;}  
.navbar-nav>li ::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #555;}  

.navbar-nav>li:hover .dropdown-menu {display: block;}
.navbar-nav>li>.dropdown-menu li{display:block;}
.navbar-nav > li:hover .dropdown-menu a{font-size:14px}
.navbar-default{margin:0px;background: transparent;border:0px;border-top:1px solid #333;padding: 12px 0px;padding-bottom: 0px;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background: transparent;}
.navbar-nav .tr_m {height:4px;position:relative; display: block;}
.navbar-nav .tr_m .arrow-up {position:absolute; left: 48px;top: -10px;width:0px; height:0px; border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff;font-size:0px;line-height:0px;}
header .logo{float: left;margin: 0px}
header .logo img { height: 61px;margin-top: 4px;}
header .nav .home a{padding-left:0px}
header .navbar-default .navbar-nav > li > a{color:#fff;text-transform:uppercase;}
header .navbar-default .navbar-nav > li > a:hover{color:#e45e5f;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{border-radius:4px;color:#e45e5f}
header .navbar-collapse{padding:0px}
.navbar-nav>li>a{padding-top:0px;padding-bottom:0px;height:47px;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color: #fff;}
.navbar-nav{display: inline-block;text-align: center;float:none;}
.navbar-nav>li .dropdown-toggle b{display: none}
.navbar-nav li{display: inline-block;float:none;}
.navbar-default .navbar-collapse{ border-color: #e7e7e7; text-align: center;padding:15px ​0px;}
.nav>li>a {font-size: 16px; padding: 10px 29px;}


.i_affiliate{height:28px;line-height:22px;position:absolute;right:15px; opacity:0.9;margin-top: 6px;}
.i_affiliate:hover{opacity:1}
.goldmine_gold{background:url(../images/i_gm_1.png) no-repeat; float:left; width:26px; height:28px;}
.goldmine_gold{-webkit-animation:goldmine_gold 2000ms 0s infinite normal;-moz-animation:goldmine_gold 2000ms 0s infinite normal;-ms-animation:goldmine_gold 2000ms 0s infinite normal;-o-animation:goldmine_gold 2000ms 0s infinite normal;animation:goldmine_gold 2000ms 0s infinite normal;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;}
@keyframes goldmine_gold{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
2%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
4%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
6%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
8%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
10%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
12%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
14%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
16%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
18%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
20%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
22%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
24%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
26%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
28%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
30%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
32%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
.i_affiliate a{color:#ffd06d;font-weight:bold;}
.i_affiliate span{ font-size:12px; display:inline-block;}




header .nav .pro_ico i,
header .nav .pro_ico i:hover{ background:url(../images/type.png) no-repeat -3px -1px;padding:2px 12px;background-size:122px;background-size:92px;}
header .nav .pro_ico .gold{background-position:-3px 2px;}
header .nav .pro_ico a:hover .gold{background-position:-67px 2px}
header .nav .pro_ico .card{background-position:-3px -23px}
header .nav .pro_ico a:hover .card{background-position:-67px -23px}
header .nav .pro_ico .powerleveling{background-position:-3px -83px}
header .nav .pro_ico a:hover .powerleveling{background-position:-67px -83px}
header .nav .pro_ico .items{background-position:-3px -54px}
header .nav .pro_ico a:hover .items{background-position:-67px -54px}
header .nav .pro_ico .accounts{background-position:-3px -108px}
header .nav .pro_ico a:hover .accounts{background-position:-67px -108px}
header .nav .pro_ico .videogames{background-position:-3px -136px}
header .nav .pro_ico a:hover .videogames{background-position:-67px -136px}
header .nav .pro_ico .software{background-position:-3px -162px}
header .nav .pro_ico a:hover .software{background-position:-67px -162px}


.bs-example-form {width: 45%;margin: auto;float: left;padding-left: 84px;}
.search-min{float:left;margin-top:16px;width:100%;position:relative;}
.search-min .search-box {position:relative;}
.search-min .search-box .bottom {width: 100%;height: 1px;background-color: #000;position: absolute;bottom: 0;transition: background-color 0.25s ease-in-out 0s;}
.search-min .search-box .left,
.search-min .search-box .right {height: 5px;width: 1px;top: 30px;background-color: #000;position: absolute;transition: background-color 0.25s ease-in-out 0s;}
.search-min .search-box .left{left:0px}
.search-min .search-box .right{right:0px}
.search-min .form-control {width:100%;color:#333;background:#e9e9e9;border-radius:44px;height:42px;border:0px;text-indent:45px;padding:0px;font-size: 18px;}
.search-min .fa-search {position: absolute;color:#454545;left: 16px;top: 10px;font-size: 20px;}


.search-min .hot_search{background:#fff;display:none;position:absolute;width:100%; z-index:4;left:0px;border-radius:4px;margin-top:8px;box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.search-min .hot_search .title{font-weight:bold;padding:6px;background: #f6f6f6;padding-left: 16px;border-bottom:1px solid #ddd;border-top-left-radius:3px;border-top-right-radius:4px;
}
.search-min .hot_search ul{padding-top: 12px;white-space:nowrap;overflow:hidden;width: 98%; margin: auto;padding-bottom: 10px;}
.search-min .hot_search li{display:inline-block;}
.search-min .hot_search li a{padding: 7px;color: #000}
.search-min .hot_search li a:hover{background:#fbf9f9;color: #f60}



.login-right{margin-right:0px;float:right;padding-top:21px}
.login-right > li{float:left;margin-left:8px;position:relative;}
.login-right > .web_user i { max-width: 100px; overflow: hidden;display: inline-flex;}
.login-right > li > span,
.login-right .sign_in a{color:#7b7b7b;background:#454545;padding:6px 8px 4px 8px;height:32px;border-radius:5px;display:block;background: #0e162f;}
.login-right > li > span:hover,
.login-right .sign_in a:hover{background:#1b2956;color:#fff;}
.login-right .web_english .dropdown-toggle .ci{width:12px;overflow:hidden}
.login-right .dropdown-toggle em{display: block;margin-top: 4px;float: left;}
.login-right span,
.login-right a{cursor:pointer;font-size:14px;display: block;position: relative;}
.login-right .dropdown-menu span {font-size: 13px; padding:8px;display: block;text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}
.login-right .dropdown-menu span:hover{background-color: #f5f5f5;color: #e45e5f;}
.login-right .sign_in{padding:0px}

.login-right .web_user .dropdown-menu i{padding-right:4px}
.login-right .active > span,
.login-right .active > a,
.login-right .active > span:hover,
.login-right .active > a:hover,
.login-right > li > .active,
.login-right > li > .active:hover{color:#000;background:#fff;opacity:1;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}
.login-right .dropdown-menu{border: 1px solid #ddd;padding-top:0px;margin:0px;border-top-right-radius:0px;border-top-left-radius:0px;border-top: 0px solid rgba(0,0,0,.15);box-shadow: 0 0px 0px rgba(0,0,0,.175);min-width: 100%;}
.login-right .s-state .dropdown-menu{min-width: 55px;}
.login-right .web_english .dropdown-menu{right:0px;min-width: 170px;left:auto;border-top-left-radius:3px;}
.login-right .web_english .caret{position: relative;top:0px;}
.login-right .web_user .tip-prompt{position: absolute;background:#e45e5f;color:#fff;padding: 3px 5px;font-size: 10px;right: -6px;top: -9px;border-radius:22px; line-height: 1;}

.login-right .web_user .dropdown-menu .tip-prompt{display:inline-block;position:static;background:#e45e5f;color:#fff;padding:0;font-size: 10px;right:auto;top: auto;border-radius:22px;height: 8px;width: 8px;overflow: hidden;}

/* web_shopping-cart */
.web_shopping-cart{cursor: pointer;position:relative}
.web_shopping-cart .dropdown-menu{left:-290px;padding-top:0px;padding-bottom:0px}
.web_shopping-cart .glyphicon-shopping-cart{padding:0px 0px;opacity:0.8;font-size:14px}
.web_shopping-cart .forbidden{color:#666;cursor: not-allowed;}
.web_shopping-cart .dropdown-menu{right:0px;border-top-right-radius:0px;border-radius:4px;border-top-right-radius:0px;}
.web_shopping-cart .dropdown-menu li a{text-decoration:none}
.web_shopping-cart .dropdown-menu li:hover .title a{color:#373856}
.web_shopping-cart .web-badge{position: absolute;background:#e45e5f;color:#fff;padding: 3px 5px;font-size: 10px;right: -6px;top: -9px;}
.web_shopping-cart .dropdown-menu li {height:75px;position:relative;padding-left:50px;border-bottom:1px solid #ddd;padding-top:10px ;transition: all 0.3s linear 0s;cursor:default; float:none}
.web_shopping-cart .dropdown-menu li.web-bell{height:auto; float:left}
.web_shopping-cart .dropdown-menu li:hover{background-color:#f5f5f5}
.web_shopping-cart .dropdown-menu li img{width:30px;border-radius:5px;position:absolute;left:12px;top:16px;}
.web_shopping-cart li .title{width:93%;height:37px;overflow:hidden;float:left;}
.web_shopping-cart li .title-one{float:left; font-size:14px; color:#3b3a3b;}
.web_shopping-cart li .title-one a{font-size:14px; color:#3b3a3b;}
.web_shopping-cart li .title-one em{color:#970d06;}
.web_shopping-cart li .title-two{width:257px;float:left; font-size:12px; color:#3b3a3b; line-height:24px;}
.web_shopping-cart li .title-two a{ font-size:12px; color:#3b3a3b;}
.web_shopping-cart li .check_details a{color:#22916D;float:right;padding-right:12px;}
.web_shopping-cart li .check_details{color: #f75263;float: left;padding-bottom: 8px;width: 100%;}
.web_shopping-cart li .title a:hover{color:#373856}
.web_shopping-cart li .qit{border-radius:3px; background-color:#6DCCA4;color:#fff;position:absolute;left:53px;top:50px;padding:0px 4px;font-size:11px;}
.web_shopping-cart li .price{position:absolute;right:12px;bottom: 10px;color:#e45e5f;font-size:14px;font-weight:bold;width:92px;text-align:right;}
.web_shopping-cart li .glyphicon-remove{position:absolute;right: 10px;top:14px;color:#373856;opacity:0.5;}
.web_shopping-cart li .glyphicon-remove:hover{opacity: 1;}
.web_shopping-cart .dropdown-menu li:last-child {border-bottom:0px }
.web_shopping-cart .dropdown-menu .total{padding-left:10px;padding-right:10px;height:55px;background-color:#f5f5f5;color: #000;float: left; width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.web_shopping-cart .dropdown-menu .total p{padding-top:8px;}
.web_shopping-cart .dropdown-menu .total span{ display:inline;padding:0px;color:#e45e5f;font-size:14px;font-weight:bold;}
.web_shopping-cart .dropdown-menu .total .viewcart{ float:right;width:130px;position:relative}
.web_shopping-cart .dropdown-menu .total .viewcart .btn{ width: 100%;display: block;}
.web_shopping-cart .dropdown-menu .web-tot-more{ height:40px; float:right}
.web_shopping-cart .dropdown-menu .web-tot-more a{ float:right}
.web_shopping-cart .dropdown-menu .loader-black{width:20px;right:10px;height:20px;top:5px;}
.web_shopping-cart .dropdown-menu .loader-black .ball-clip-rotate{width:20px;height:20px}
.web_shopping-cart .dropdown-menu li:hover  .loader-black{ background:#F5F5F5}
.web-badge{ color:#000;}

.ci{background:url(../images/country.png) no-repeat;height:15px;display:inline-block;padding-left:24px;line-height:15px;}
.ci_pl{background-position:0 0;}
.ci_kr{background-position:0 -15px;}
.ci_jp{background-position:0 -30px;}
.ci_pt{background-position:0 -45px;}
.ci_tw{background-position:0 -60px;}
.ci_es{background-position:0 -75px;}
.ci_ru{background-position:0 -90px;}
.ci_com{background-position:0 -105px;}
.ci_cz{background-position:0 -120px;}
.ci_br{background-position:0 -135px;}
.ci_fr{background-position:0 -150px;}
.ci_it{background-position:0 -165px;}
.ci_uk{background-position:0 -180px;}
.ci_de{background-position:0 -195px;}
.ci_au{background-position:0 -210px;}
.ci_ca{background-position:0 -225px;}


/* title */
.tc-title{position:relative;padding:20px 16px;font-size:16px;font-weight:bold}
.tc-title .more{float:right;opacity:0.7;font-size:14px}
.tc-title .more:hover{opacity:1}
.tc-title .more a{font-weight:normal}
.tc-title .tc-ico{position: absolute;width: 6px;height: 16px;background: #e45e5f;border-radius: 30px;top: 22px;}
.tc-title .tc-text{padding-left:17px;}

/* warp */
.warp{margin-top:6px;}
.pro_ico i,
.pro_ico i:hover{ background:url(../images/type.png) no-repeat -3px -1px;padding:2px 9px;background-size:122px;background-size:92px;}
.pro_ico .gold{background-position:-3px 2px;}
.pro_ico a:hover .gold{background-position:-67px 2px}
.pro_ico .card{background-position:-3px -23px}
.pro_ico a:hover .card{background-position:-67px -23px}
.pro_ico .powerleveling{background-position:-3px -83px}
.pro_ico a:hover .powerleveling{background-position:-67px -83px}
.pro_ico .items{background-position:-3px -54px}
.pro_ico a:hover .items{background-position:-67px -54px}
.pro_ico .accounts{background-position:-3px -111px}
.pro_ico a:hover .accounts{background-position:-67px -111px}
.pro_ico .videogames{background-position:-3px -136px}
.pro_ico a:hover .videogames{background-position:-67px -136px}
.pro_ico .software{background-position:-3px -162px}
.pro_ico a:hover .software{background-position:-67px -162px}



/* warp_page */
.warp_page {float: none;width: auto;margin: 0px;display: none}
.warp_page .web-search-down{width:90%;margin:auto;background: #fff;min-height: 400px;border-radius: 5px;box-shadow: 1px 1px 4px rgba(120, 120, 120, 0.3);position: relative;}
.warp_page .we_found{color:#666;font-size:14px;padding:20px 10px;}
.warp_page .we_found strong{color:#f60;font-weight: bold}
.warp_page .we_found span{color:#000;font-weight: bold}
.warp_page .record{float: right;}
.warp_page .record em{font-weight: bold;color:#000;}
.warp_page .no_results {text-align: center;padding-top:80px;}
.warp_page .no_results img{margin: auto}


.web-search-down{ background:#fff;position:absolute;width:100%; z-index:4;left:0px;margin-top:8px;padding-left:6px;display:none;border-radius:4px;}
.web-search-down li{margin:10px;border-radius:3px;padding-left:120px;position:relative;width: 320px;height: 165px;float: left;border:1px solid #ddd;overflow:hidden}
.web-search-down li em{color:#EF6F81}
.web-search-down li .original{color:#666; text-decoration: line-through;}
.web-search-down li img{width:96px;border-radius:5px;position:absolute;left:12px;top: 50%; transform: translate(0%,-50%);}
.web-search-down li p {line-height: 26px;width: 100%;overflow: hidden;}
.web-search-down li .title-one{ font-size:14px; color:#3b3a3b;padding-bottom:4px;padding-top: 15px;}
.web-search-down li .title-one a{line-height:26px;color:#000}
.web-search-down li .title-one span{font-size:14px; color:#3b3a3b;font-weight:bold;overflow:hidden;display: block;line-height:17px}
.web-search-down li .title-one em{color:#970d06;}
.web-search-down li .title-two em{font-size:14px;color:#f35160; padding-right:5px;}
.web-search-down li .title-two em.original{font-size:12px;color:#010101;text-decoration: line-through;}
.web-search-down li .title-two a{font-size:13px;margin-right:6px;margin-top:5px;float:left;width:auto;border: 1px solid #ddd;border-radius: 4px;line-height:15px;padding:4px 10px;}
.web-search-down li .title-two a:hover{background:#e45e5f;border: 1px solid #e45e5f;color: #FFF;}
.web-search-down li .title-two a i,
.web-search-down li .title-two a i:hover{ background:url(../images/type.png) no-repeat;padding:0px 10px;background-size:122px;background-size:92px;}
.web-search-down li .title-two .gold{background-position:-3px -1px;}
.web-search-down li .title-two  a:hover .gold{background-position:-35px -1px}
.web-search-down li .title-two  .card{background-position:-3px -26px}
.web-search-down li .title-two  a:hover .card{background-position:-35px -26px}
.web-search-down li .title-two  .powerleveling{background-position:-3px -86px}
.web-search-down li .title-two  a:hover .powerleveling{background-position:-35px -86px}
.web-search-down li .title-two  .items{background-position:-3px -57px}
.web-search-down li .title-two  a:hover .items{background-position:-35px -57px}

.web-search-down li .title-two  .accounts{background-position:-3px -111px}
.web-search-down li .title-two  a:hover .accounts{background-position:-35px -111px}

.web-search-down li .title-two  .software{background-position:-3px -165px}
.web-search-down li .title-two  a:hover .software{background-position:-35px -165px}

.web-search-down li .title-two  .videogames{background-position:-3px -139px}
.web-search-down li .title-two  a:hover .videogames{background-position:-35px -139px}



.web-search-down .web-product .title-one{padding-bottom:8px;}
.web-search-down .web-product del{ color: #999;display:block;font-size: 14px; font-weight: normal;text-decoration: line-through;}
.web-search-down .web-product .price {display:block; color: #f66a78; font-size:20px;font-weight: normal;padding-right: 12px;line-height:15px}
.web-search-down .web-product .btn{margin-top:12px;padding: 6px 33px;}

.web-search-down .no_results {width: 100%;text-align: center; margin: 40px 0;}
.warp_page .w-page{padding-bottom: 20px;float:left;width: 100%;text-align: center;}
.warp_page .pagination > li{padding:0px;width:auto;height:auto;border:0;margin:0px;border-radius: 0px}
.warp_page .pagination > li > a,
.warp_page .pagination > li > span {padding: 10px 20px;}
.warp_page .pagination {margin:auto;width: 255px;float: none;font-size: 14px;display: none;}
.warp_page .pagination .page_left,
.warp_page .pagination .page_right{cursor: pointer;}



/* pagers */
.pagers {padding:10px;border-top:1px solid #ededed}
.pagers .record{float:left;padding-top: 7px;color:#666}
.pagers .pagination{float:right;margin:0px}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color: #5969a2;border-color: #5969a2;}
.pagination > li > a, .pagination > li > span{color:#666}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{color: #E45E5F;}


/* no data */
.no_data{display:none;background: url(../images/no-picture/no_data.png) no-repeat center center;height: 129px; width: 100%; background-size:contain;margin: 30px 0;}

/* tip */
.tips,.tips_yes{display: block;border-radius:4px; background:#e8566a;padding:2px 8px;line-height: 22px;height:26px;position: absolute;left:0px;top: -4px;white-space: nowrap; text-align:left; color:#fff; z-index:1;opacity:0.9;font-size:14px;}
.tips_yes{ background:#35A420; color:#fff;}
.tips .box-r,.tips_yes .box-r{ height:23px;padding-right:15px;}
.tips i,
.tips_yes i{position:absolute;left:10%;bottom: -4px;color:#e8566a}
.tips_yes i{ color:#35A420;}


.ouradvantages{padding:20px 0px;overflow:hidden; padding-bottom: 0px;background:#2E3336 url(../images/index/ouradvantages.jpg) no-repeat center 0px fixed;color:#fff;background-size:cover;  min-height: 400px;}
.ouradvantages .ou_title{font-size:28px;text-transform:uppercase;padding-bottom:20px;}
.ouradvantages  .nav-tabs li {float:none;background:inherit;border-bottom:0px solid #696c6e;text-transform:uppercase}
.ouradvantages .nav-tabs .active{border-bottom:1px solid #52c9cc;}
.ouradvantages  .nav-tabs .active i{display:block;}
.ouradvantages .nav-tabs > li.active > a, 
.ouradvantages .nav-tabs > li.active > a:focus,
.ouradvantages .nav-tabs > li.active > a:hover{background-color:inherit;border:0px;color:#52c9cc}
.ouradvantages .nav-tabs > li > a{padding:12px 0px;color:#fff;border:0px;border-bottom:1px solid #696c6e;margin-right: 0px;}
.ouradvantages .nav-tabs > li > a:hover{background-color:inherit;border:0px;border-bottom:1px solid #696c6e;color:#52c9cc}
.ouradvantages .nav-tabs > li i{position:absolute;right:0px;font-size:25px;display:none}
.ouradvantages .tab-content{line-height:40px;padding-left:140px}
.ouradvantages .tab-content p{padding-right:10%}
.ouradvantages .tab-content li {float:left;  width: 21%;text-align:center;padding-top:20px}
.ouradvantages .tab-content li em{display:block;text-transform:uppercase}
.ouradvantages .tab-content li img{width:74px}
.ouradvantages .tab-content li p{padding:0px;margin:auto;opacity:0.6;font-size:13px;line-height:20px}


/*subscribe*/

footer{background: #090d19;color:#fff;margin-top:40px;}
footer .subscribe .subs_pay{height:30px;margin-top:10px;background:url(../images/pay_ico.png) no-repeat right 0px;}
footer .fo-test .container{position:relative;padding-top:30px;}
footer .fo-test p{text-transform:uppercase;font-weight:bold;padding-bottom:6px;color:#86a0fd}
footer .fo-test li {padding:2px 1px;font-size:14px;color:#5268b7;}
footer .fo-test li a{color:#5268b7;}
footer .fo-test li a:hover{color:#e45e5f;}
footer .fo-test .social{padding-top:6px}
footer .fo-test .fa{font-size:18px;padding-right:6px}
footer .fo-test .pro_ico i,
footer .fo-test .pro_ico i:hover{ background:url(../images/i_foot_type.png) no-repeat -3px -1px;padding:2px 10px;}
footer .fo-test .pro_ico .gold,
footer .fo-test .pro_ico .gold:hover{background-position:-3px 5px;}
footer .fo-test .pro_ico .card,
footer .fo-test .pro_ico .card:hover{background-position:-3px -81px}
footer .fo-test .pro_ico .powerleveling,
footer .fo-test .pro_ico .powerleveling:hover{background-position:-3px -59px}
footer .fo-test .pro_ico .items,
footer .fo-test .pro_ico .items:hover{background-position:-3px -16px}
footer .fo-test .pro_ico .accounts,
footer .fo-test .pro_ico .accounts:hover{background-position:-3px -38px}
footer .fo-test .pro_ico .videogames,
footer .fo-test .pro_ico .videogames:hover{background-position:-3px -102px}
footer .fo-test .pro_ico .software,
footer .fo-test .pro_ico .software:hover{background-position:-3px -121px}
footer .fo-test .col-xs-3{width: 29%;}
footer .fo-test .mess{width:223px;position:absolute;right:0px;}
footer .fo-test .subscribe-btn{padding-right:0px}
footer .fo-test .subscribe-btn .btn {float:right;padding: 6px 29px;margin-top: 15px;}
footer .fo-test .subs_pay img{height:18px;margin-right:9px}
footer .fo-test .subs_pay .visa{height:14px;}
footer .fo-test .weaccept {padding-top: 16px;border-top: 1px solid #182656;margin-top: 30px;padding-bottom: 25px;}
footer .fo-test .weaccept .social a { color: #5268b7;font-size:20px}
footer .ltm{text-align:center;font-size:12px;padding:10px 0px;border-top:1px solid  #182656;}
footer .ltm p{padding-top:4px;font-size:12px;color:#5268b7;}
footer .ltm p a{color:#86a0fd}
footer .ltm p a:hover{color:#E45E5F}
footer .ltm p .f-line{padding:0px 9px;opacity: 0.4}
footer .fonter_toogle{cursor:pointer;width:65px;height:11px;color: #5164a9;background: #182656;border-radius:3px; position:absolute;left:50%;border-top-left-radius:0px;border-top-right-radius:0px;margin-left:-33px;text-align:center;top:-11px;}
footer .fonter_toogle b{margin-top:8px;border-top: 0;border-bottom: 4px solid;}

footer .another b{border-bottom: 0;border-top: 4px solid; }
footer .fonter_toogle:hover b{color:#E45E5F}
footer .new_lc {animation: 1.7s linear 0s normal none infinite running bounce-up;}
footer .new_lc {background: #313e50; background: linear-gradient(220deg, #4d6281 0%, #313e50 100%);width:100px;top:50%;margin-top:-65px;cursor: pointer;display: block;border-radius:5px;opacity:1;position: fixed;right:8px;z-index: 9999;padding:8px 8px 8px 8px;}
footer .new_lc .icon-support{transition: all 0.3s linear 0s;margin:auto;background:url(../images/caht.jpg) no-repeat 0px 0px;background-size:100%;margin-top:0px;width:80px;height:80px;border-radius: 80px;}
footer .new_lc p{transition: all 0.3s linear 0s;text-align: center;color:#fff;font-size: 14px;padding:4px;text-transform:uppercase;}
footer .new_lc .jc {display:none;width: 0;height: 0;border-style: solid;border-width: 10px 10px 0;border-color:#5969a2 transparent transparent;position: absolute;bottom: -8px;right: 20px;}
footer .new_lc a {display: block;height: 60px;width: 170px;}
footer .new_lc:hover p {opacity: 1;text-decoration: none;color:#f7d900}

@-webkit-keyframes bounce-down{25%{-webkit-transform:translateY(-6px);}
50%,100%{-webkit-transform:translateY(0);}
75%{-webkit-transform:translateY(10px);}
}
@keyframes bounce-down{25%{transform:translateY(-10px);}
50%,100%{transform:translateY(0);}
75%{transform:translateY(6px);}
}
.animate-bounce-down{-webkit-animation:bounce-down 1.5s linear infinite;animation:bounce-down 1.5s linear infinite;}
@-webkit-keyframes bounce-up{25%{-webkit-transform:translateY(6px);}
50%,100%{-webkit-transform:translateY(0);}
75%{-webkit-transform:translateY(-6px);}
}
@keyframes bounce-up{25%{transform:translateY(6px);}
50%,100%{transform:translateY(0);}
75%{transform:translateY(-6px);}
}

/* modal */
.modal-open{overflow:hidden;}
.modal-header{ background:#e7e7e7;font-weight:bold;border-top-left-radius:6px;border-top-right-radius:6px;}
.modal-footer .btn{padding:6px 20px;}
.modal-body .table th,
.modal-body .table td{border-top: 0px;}
.modal-body .table th{font-weight: normal;}

.sign-mod{padding:20px 50px;}
.sign-mod .form-control{height:40px}
.sign-mod li{padding-top:10px;position:relative}
.sign-mod li .t_hint {color: #595959;font-size: 12px;padding-top:5px}
.sign-mod  .info_but .loader-inner{top:10px;height:42px}
.sign-mod  .info_but .loader-inner .ball-clip-rotate{margin-top:4px}
.sign-mod .t_title{margin: 3px 0;color: #000;font-weight: 600;padding-bottom:6px}
.sign-mod  li .yz-control {width: 250px;float: left;padding-left: 10px;}
.sign-mod .keep-in .form_checkbox{float:left;}
.sign-mod .keep-in .forgot{float:right;padding-top:3px}
.sign-mod .btn{width:100%;height: 42px;font-size: 16px;}
.sign-mod .third_r{text-align:center;padding:14px 0px}
.sign-mod .logtext{text-align:center;color:#666;border-top: 1px dashed #E7E7E7;padding-top:10px}
.sign-mod .third_third{text-align:center;padding-top:20px}
.sign-mod .third_third ul{margin:auto;width:auto;display: flex;justify-content: center;}
.sign-mod .third_third li {float: left;padding: 0 12px 0 0;}
.sign-mod .third_third li.facebook{display: none;}
.sign-mod .third_third .facebook a {background-position: 0 0;}
.sign-mod .third_third li a {background: url(../images/log_quickly.png) no-repeat;display: block;height:39px;overflow: hidden;text-indent: -999px;width:38px; margin:0px}
.sign-mod .third_third .twitch a  {background-position: -169px 0;}
.sign-mod .third_third .twitch a:hover{background-position: -169px -44px}
.sign-mod .third_third .youtube a  {background-position: -225px 0;}
.sign-mod .third_third .youtube a:hover{background-position: -225px -44px}
.sign-mod .third_third .twitter a {background-position:-90px 0;}
.sign-mod .third_third .msn a {background-position: -113px 0;}
.sign-mod .third_third .google a {background-position:-56px 0;}
.sign-mod .third_third .yahoo a {background-position: -155px 0;}
.sign-mod .third_third .facebook a:hover{background-position: 0 -44px}
.sign-mod .third_third .twitter a:hover{background-position:-90px -43px;}
.sign-mod .third_third .google a:hover{background-position:-56px -44px;}
.sign-mod .third_third .msn a:hover{background-position: -113px -44px;}
.sign-mod .keup .tos{float:left;padding-top: 2px;padding-left:5px}
.sign-mod .third_r .signup_n{color: #e45e5f}
.sign-mod .third_r .signup_n:hover{text-decoration: underline;}
.sign-mod .get-tip{color:#ba9823;font-size: 13px;font-weight: bold;}

.successful-mod {text-align: center;padding-bottom :44px;}
.successful-mod .cmok{text-align:center;border:2px solid #0eb185;margin:auto;border-radius:60px;width:60px;height: 60px;}
.successful-mod .cmok .fa{    font-size: 35px;margin-top: 11px;color: #0eb185;}
.successful-mod .text{padding:22px 0px;text-align: center;color: #0eb185;}
.successful-mod .btn{padding:6px 22px;}


/* addcart */
#addcartModal .modal-dialog{width:600px;border-radius: 8px}
#addcartModal  .modal-header{background:#fff;border-bottom: 1px solid #fff;}
.shoppacrt-mod{position:relative;padding:0px}
.shoppacrt-mod .fa-check-circle{position:absolute;font-size: 44px;color: #4cc02f;top: 6px;left: 26px;}
.shoppacrt-mod .shop_c{padding:0px 32px 40px 130px}
.shoppacrt-mod .shop_c p{padding-bottom:8px}
.shoppacrt-mod .shop_c a{color:#666;padding-left:6px}

.shoppacrt-mod .prolist .ymtitle{font-weight: bold;font-size: 18px;padding-left:18px;padding-bottom: 18px}
.shoppacrt-mod .prolist .product-image{text-align: center;display:block;}
.shoppacrt-mod .prolist .product-image img{width: 100px;border-radius: 5px;}
.shoppacrt-mod .prolist ul{display: flex;}
.shoppacrt-mod .prolist li{width: 165px;text-align: center;margin:0px 15px;min-height: 248px;}
.shoppacrt-mod .prolist  li .product-name{line-height: 15px;padding-top:12px;}
.shoppacrt-mod .prolist  li .price-box .old-price{ font-size: 12px;color: #aaa; text-decoration: line-through;}
.shoppacrt-mod .prolist  li .price-box .special-price{color: #e84855;font-weight: bold;font-size: 16px}
@media screen and (max-width:768px){
.shoppacrt-mod {width: 96%;}
.shoppacrt-mod .fim_cont .btn{display: inline-block;width: 80%;}
}

/* loading */
.loader-inner{width:100%;display:none;height:100%; background:#5969a2;position:absolute;top:0px;border-radius:4px;z-index: 1;}
.ball-clip-rotate{width:25px;height:25px;margin:auto}
.ball-clip-rotate > i{background-color:#fff;width:100%;height:100%;width:100%;border-radius:100%;margin:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:2px solid #fff;border-bottom-color:transparent;height:100%;width:100%;margin-top:4px;background:transparent !important;display:inline-block;-webkit-animation:rotate 0.75s 0s linear infinite;animation:rotate 0.75s 0s linear infinite;}
@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);}
50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6);}
100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);}
}
@keyframes scale{30%{-webkit-transform:scale(0.3);transform:scale(0.3);}
100%{-webkit-transform:scale(1);transform:scale(1);}
}
.ball-clip-rotate-pulse{position:relative;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);}
.ball-clip-rotate-pulse > i{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0px;left:0px;border-radius:100%;}
.ball-clip-rotate-pulse > i:first-child{background:#fff;height:16px;width:16px;top:9px;left:9px;-webkit-animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;}
.ball-clip-rotate-pulse > i:last-child{position:absolute;border:2px solid #fff;width:30px;height:30px;background:transparent;border:2px solid;border-color:#fff transparent #fff transparent;-webkit-animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;-webkit-animation-duration:1s;animation-duration:1s;}
@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);}
50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6);}
100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);}
}
.ball-clip-rotate-multiple{position:relative;}
.ball-clip-rotate-multiple > i{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;left:0px;top:0px;border:2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:35px;width:35px;-webkit-animation:rotate 1s 0s ease-in-out infinite;animation:rotate 1s 0s ease-in-out infinite;}
.ball-clip-rotate-multiple > i:last-child{display:inline-block;top:10px;left:10px;width:15px;height:15px;-webkit-animation-duration:0.5s;animation-duration:0.5s;border-color:#fff transparent #fff transparent; animation-direction:reverse;}
@-webkit-keyframes ball-scale-ripple{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1;}
70%{-webkit-transform:scale(1);transform:scale(1);opacity:0.7;}
100%{opacity:0.0;}
}
@keyframes ball-scale-ripple{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1;}
70%{-webkit-transform:scale(1);transform:scale(1);opacity:0.7;}
100%{opacity:0.0;}
}
.loader-black{background:#fff}
.loader-black .ball-clip-rotate > i{border-radius:100%;margin:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:2px solid #333;border-bottom-color:transparent;height:100%;width:100%;margin-top:4px;background:transparent !important;display:inline-block;-webkit-animation:rotate 0.75s 0s linear infinite;animation:rotate 0.75s 0s linear infinite;}

@media screen and (max-width:1440px){

.container {width: 99%;}
}


/* ipad */
@media screen and (max-width:1024px){
.bs-example-form{width:100%;}
.container {width:100%;}
.login-right {position: absolute; right: 20px;}
header .logo { width: 212px;}

.bs-example-form { padding-left: 0px;}

}

/* Mobile */
/* * Date: 2020/04/20 14:40:00 * Version: 1.0(light) */
@media screen and (max-width:765px){
.hd_top{display:none}
header .logo { float: none;}	
.login-right{ position: relative;}	
header .logo {width: 170px;}
.navbar-nav {margin: 0px;}
.navbar{min-height:0px;padding: 0px;}
.navbar-nav .dropdown-menu{position:relative;width:100%}
.nav>li>a { position: relative;display: block;padding:10px;}
header .nav .home a{padding-left:10px}
.navbar-toggle{position:absolute;top: -159px;right:-10px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0px}
.bs-example-form {margin-top:42px}
.login-right {position: absolute;top:49px; left: 10px;}
.fa-angle-down{position:absolute;right:10px;}
.web_shopping-cart .dropdown-menu {left: -165px;}
.login-right {position: absolute; right:0px;}
.login-right .web_user i{ max-width: 117px;overflow:hidden;text-overflow:ellipsis; word-break:keep-all; white-space:nowrap; display: inline-block;}
.login-right .dropdown-menu{border:0px}
.sign-mod {padding: 10px;}
.sign-mod .form-control {height: 34px;}
.sign-mod li{padding-top:5px}
.sign-mod li .yz-control {width:40%}
#addcartModal .modal-dialog{width:99%}
.shoppacrt-mod .shop_c a { padding-left: 0px;display: block;padding-top: 12px;}
footer .new_lc{width: auto;height: auto;border-radius: 60px;padding:5px;    bottom: 18px;top: initial;}
footer .new_lc .icon-support{margin: 0px;width: 50px;height: 50px;background-size:50px;border:0px;}


}

/* activity-code */
.activity-code{padding: 20px;}
.activity-code .ac-warp{position:relative;display: inline-block;}
.activity-code .ac-warp img{height: 240px;border-radius: 20px;box-shadow:0 3px 14px rgb(34 25 25 / 54%)}
.activity-code .ac-warp .awgo {box-shadow:0 3px 14px rgb(34 25 25 / 54%);width: 100px;height: 100px;border-radius: 100px;
 background: #f60; background: linear-gradient(126deg, #ffcd29 0%, #e01407 100%); position: absolute; right: -54px;top: 50%;color: #fff; font-size: 34px; line-height: 91px; text-align: center; margin-top: -50px;border: 5px solid #fff;}
.activity-code .ac-warp a:hover .awgo{-webkit-animation:goldmine_gold 2000ms 0s infinite normal;-moz-animation:goldmine_gold 2000ms 0s infinite normal;-ms-animation:goldmine_gold 2000ms 0s infinite normal;-o-animation:goldmine_gold 2000ms 0s infinite normal;animation:goldmine_gold 2000ms 0s infinite normal;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;}
@keyframes goldmine_gold{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
2%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
4%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
6%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
8%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
10%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
12%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
14%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
16%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
18%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
20%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
22%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
24%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
26%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
28%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
30%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
32%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
.activity-code .ac-warp a:hover img{-webkit-filter: brightness(1.1);filter: brightness(1.1); }
@media screen and (max-width:768px){
.activity-code{padding:0px;}
.activity-code .ac-warp img{width: 94%;height: auto}
.activity-code .ac-warp .awgo {width: 70px;height: 70px;right: -10px;margin-top:-36px;line-height: 62px; font-size: 28px;}
}

.warp-bg .bodybg { position: fixed;top: 0;width: 100%;left: 0;padding: 0;background: #eaeaea; z-index: -1;}
.warp-bg .best-sellers {background: #fff; margin-top: 21px;border-radius: 6px; padding: 12px;}
.warp-bg .i-title{padding-top: 0px;}
.warp-bg .bestsell-box-warp .bs-box{width: 142px;}
.warp-bg .news_product{background: #fff; margin-top: 21px;border-radius: 6px; padding: 12px;}
.warp-bg .topgame-warp { background: #fff; border-radius: 4px;margin-top: 23px;padding:19px;padding-top: 0px}
.warp-bg .newsmain .clearfix{background: #fff;padding: 12px;margin-top: 22px;border-radius: 6px;    overflow: hidden;}



/* Atmosphere
.hd_top{background:none}
header{background:#280137 url(../images/banner1920x140.jpg) no-repeat  center top; }
.login-right > li > span,
.login-right .sign_in a{background: #fff}
.login-right > li > span:hover,
.login-right .sign_in a:hover{background: #fff;color:#000}
.search-min .form-control{background: #e9e9e9;} */

/* windows-tiops */
.specials{border: 1px solid #ff717e;border-radius: 80px;margin-left: 95px}
.specials .spe-icon{display: none;}
.specials a{padding:1px 20px;height: 28px;display: inline-block;color:  #ff717e}
.specials:hover{border: 1px solid #fc0;}
.specials:hover a{color: #fc0;}
.specials .fa{font-size: 14px;padding-left: 5px;position: relative;top: -2px}
.specials span{font-weight: bold;}

.windows-tiops{position: fixed;bottom:10px;left:10px;z-index: 9;background: #F5F5F5;border-radius: 20px;box-shadow: 0 0px 10px rgba(34, 25, 25, 0.2);max-width: 500px;}
.windows-tiops img{max-width: 500px;max-height: 350px;width: 200px;height: 200px;border-radius: 20px;margin-right: 15px;}
.windows-tiops .close-img-shade{position:absolute;  right:6px; top: 6px;width:30px;height:30px;cursor:pointer;z-index: 1;display: block;}
.windows-tiops .close-img-shade::before,
.windows-tiops .close-img-shade::after {content: '';position: absolute;height: 2px;width: 20px;    top:14px; left:5px;background-color: #000; }
.windows-tiops .close-img-shade::before { transform: rotate(45deg);}
.windows-tiops .close-img-shade::after { transform: rotate(-45deg);}
.windows-tiops .close-img-shade:hover::before,
.windows-tiops .close-img-shade:hover::after{background-color:#f00} 

.windows-tiops a{display: flex;padding: 30px;transition: all 0.3s linear;align-items: center;}
.windows-tiops .vip-zone-con .vip-zone-title{font-size: 18px;font-weight: bolder;max-width: 250px;padding-bottom: 15px;}
.windows-tiops .vip-zone-con .vip-zone-box{font-size: 14px;}
.windows-tiops .vip-zone-con .btn{margin-top: 20px;}
.windows-tiops a:hover{color: #000;}

/* last-mc-product*/
.recently {background: #fff; width: 100%;display: inline-block; position: relative; height:127px; margin: 20px 0 0;display: flex;align-items: center;background: url(../images/recently-bg.jpg) no-repeat 0px 0px;background-size: 100%;}
.recently .rec-font{font-size: 33px;    width: 574px;text-align: center;text-indent: 94px;}
.recently .rec-icon{background: url(../images/recently-1.png) no-repeat 0px 0px;}
.recently .rec-icon {background: url(../images/recently-1.png) no-repeat 0px 0px;width:103px; height: 53px; background-size: 61px;}
.recently .rec-pro{display: flex;}
.recently .rec-pro img{height: 118px;border-radius: 5px;}
.recently .rec-pro .rec-price{padding-left: 12px;padding-left: 20px;padding-top: 16px;}
.recently .rec-pro .rec-price .rec-special{color: #ef7c00;font-size: 23px;font-weight: bold; padding-right: 12px;}
.recently .rec-pro .rec-price .rec-old{font-size: 15px;color: #666;text-decoration: line-through;    padding: 8px 0px;}
@media screen and (max-width:768px){
.recently{background: #fff;height: auto; display: inline-block; margin-top: -6px;}
.recently .rec-font { font-size: 25px;width: 100%;text-align: center; text-indent: 0; padding-top: 19px;}
.recently .rec-pro {display: flex; padding: 20px 12px 12px 62px;}
.recently .rec-icon { width: 39px;height: 30px; background-size: 31px;  position: absolute;  top: 52px; left: 15px;}
}

.coupon.alert-warning .coupon-text{color: #f00;cursor: pointer;border: none;background: transparent;outline: medium;width:102px;font-size: 22px;}

/*search recommend*/
.search-list-message {margin-top:58px;border-top:1px solid #ddd;}
.search-list-message .title{font-size:14px;padding-left: 87px;color:#000;text-align:left;font-weight: bold;}
.search-list-message .best-sellers .sest_list{text-align:left;}
.search-list-message .best-sellers .sest_list span{display:block;position:relative;z-index:1}
.search-list-message .best-sellers .sest_list .sest_li{transition: all 0.3s linear 0s;position:relative;min-height:140px;background:#fff;border-radius:5px;padding:3px 0px;box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);margin-left:22px}
.search-list-message .best-sellers .sest_list .col-md-3{width:370px;float:left;margin-top:20px}
.search-list-message .best-sellers .sest_list .gamelogo{padding-top:12px;padding-left:4px}
.search-list-message .best-sellers .sest_list .gamelogo img{width:120px;margin-right:12px;}
.search-list-message .best-sellers .sest_list .gametest{padding-top:8px;padding-left:15px;color:#5969a2;font-weight:bold;line-height: 15px;}
.search-list-message .best-sellers .sest_list .from{padding-left:15px;color:#666;padding-top:5px;}
.search-list-message .best-sellers .sest_list .from i{color:#E45E5F;font-weight:bold}
.search-list-message .best-sellers .sest_list .sest_li .game{height:130px;position:absolute;bottom:10px;}
.search-list-message .best-sellers .sest_list .sest_li .e_gold{height:95px;position:absolute;bottom:-30px;right:20px;}
.search-list-message .best-sellers .sest_list .sest_li .type{text-transform:uppercase;background:#ba0707;color:#fff;font-size:10px;position:absolute;left:0px;top:0px;padding:1px 3px;border-top-left-radius:4px;transition: all 0.3s linear 0s;opacity:0;height: 22px;}
.search-list-message .best-sellers .sest_list .sest_li:hover .type{opacity:0.6;}
.search-list-message .prerogative{padding-top:25px;height: 37px;width:1300px;margin:auto}
.search-list-message .prerogative .prer_m{height:415px;float: left;width:1120px;overflow:hidden;position: relative;}
.search-list-message .prerogative .pre-left,
.search-list-message .prerogative .pre-right{float:left;width:60px;cursor:pointer;opacity:0.3;height: 235px;}
.search-list-message .prerogative .pre-left{background:url(../images/404/left.png) no-repeat center}
.search-list-message .prerogative .pre-right{background:url(../images/404/right.png) no-repeat center}
.search-list-message .prerogative .pre-left:hover,
.search-list-message .prerogative .pre-right:hover{opacity:0.6}
.search-list-message .prerogative .dasabled,
.search-list-message .prerogative .dasabled:hover{cursor:default;opacity:0.2}
.search-list-message .prerogative .prero{position:absolute;left:0px;width: 82px;height: 300px;}


/*.recently you*/
.recently.you{min-height: 127px;height: auto;padding: 10px;display: block;}
.recently.you .rec-icon{width: 60px;background-size: 47px;}
.recently.you .rec-vie{display: flex;align-items: center;justify-content: center;}
.recently.you .rec-items{display: flex;align-items: center;justify-content: center;}
.recently.you .rec-pro{display: block;position: relative;}
.recently.you .rec-font{width: auto;text-align: left;text-indent:0px;font-size:34px;}
.recently.you .rec-pro .rec-price{padding-left: 0;padding-top: 0;}
.recently.you .rec-pro .rec-price .rec-special{font-size: 14px;padding-right: 0;}
.recently.you .rec-items a{margin-right: 10px;width: 190px;border-radius: 5px;background: #fff;padding: 5px;}
.recently.you .rec-pro .btn{padding: 6px 0px;width: 100%;margin-top: 10px;}
.recently.you .rec-items a:last-of-type{margin-right: 0;}
.recently.you .rec-pro .rec-price .name{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 10px;font-weight: 600;color: #000;}
.recently.you .rec-pro img{height: 100%;width: 100%;}
.recently.you .rec-pro em{position: absolute;right: 0;top: 0;width: 32px;height: 32px;background: #f66a78;border-radius: 50px;line-height: 32px;color: #fff;font-size: 12px;}
.recently.you .rec-pro .rec-price .name:hover{color: #000;}
.recently.you .rec-pro .rec-price .price{display: flex;align-items: center;padding-bottom: 0px;}
.recently.you .rec-pro .rec-price .rec-old{padding: 0;padding-left: 5px;font-size: 12px;}

/* subscription prompt */
.subscription-prompt .modal-content {width: 400px; padding: 14px;  position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0}
.subscription-prompt .prompt-modal-content {display: flex}
.subscription-prompt .modal-icon { width: 50px; height: 50px; margin-right: 10px; }
.subscription-prompt .modal-icon img{ width: 50px; height: 50px;}
.subscription-prompt .modal-description {  font-size: 16px; line-height: 1.5;  margin-left: 10px;max-width: 280px;height: auto;word-break: break-all;}
.subscription-prompt .button { text-align: center; padding: 20px 0px 10px 0px; }
.subscription-prompt .cancel { background: #d3caca }
.subscription-prompt .agreen { background: #794848 }

#addcartModal .cart-success-add-cart {font-size: 12px;width: 100%;text-transform: uppercase;}
#addcartModal .loader-inner {height: 31px;}
#addcartModal .prolist .product-image img{width: 100%;height: auto;}
#addcartModal .prolist ul{width: 95%;overflow-x: auto;margin-bottom: 20px;margin-left: 8px;}
#addcartModal .zz-sever .list-item .product-name{text-align:center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#addcartModal .zz-sever .list-item .old-price{padding-top: 5px;text-decoration: line-through;font-size: 12px;color: #999;}
#addcartModal .zz-sever .list-item .special-price{line-height: inherit;padding-top: 0;padding-bottom: 10px;color: #f00;font-weight: bold;}
#addcartModal .shoppacrt-mod .prolist .ymtitle{padding-bottom: 0;}
#addcartModal .shoppacrt-mod .shop_c{padding-bottom: 20px;}
#addcartModal .zz-sever .list-item .in-cart{position: relative;}
#addcartModal .cart-success-add-cart.pitch{background: #ccc;color: #333;font-weight: 900;}
#addcartModal .cart-success-add-cart.pitch i{padding-right: 5px;}
#addcartModal .zz-sever{margin-bottom: 40px;margin-right: -13px;padding-left: 44px;}
#addcartModal .zz-sever .list-item{height: 340px;margin-right: 50px;}
#addcartModal .zz-sever .list-item .item{height: 340px;width: 160px;padding:10px;margin: 0 5px;margin-bottom: 40px;background: #f6f6f6;border-radius: 5px;font-size: 12px;}
#addcartModal .zz-sever span[class*="-btn"] {height: 75px;top: 34%;line-height: 73px;width: 29px;}
#addcartModal .zz-sever .list-item .item .box{background: none;}
#addcartModal .zz-sever span[class*="-btn"] .fa {top: -2%;position: relative;}
#addcartModal .zz-sever span.prev-btn {left: 10px;}
#addcartModal .zz-sever span.next-btn{right:20px} 
#addcartModal .zz-sever  .box p{text-align: center;padding-bottom: 5px}