@charset "utf-8";
/* CSS base */
/* CSS default */
body{padding:0px;margin:0px;}
/*--------------------------- box blackbar ---------------------------*/
#portal-bar .show{display: block !important;}
#portal-bar .left{left: -265px;}
#portal-bar .height{height: 253px;}
#portal-bar{height:37px;width:100%;background-color:#272f32;position:relative;z-index:1000;font:13px;border-bottom:1px solid #cbcbcb;}
#portal-bar *{font-family:Thonburi, Tahoma,Arial;text-decoration:none;}
#portal-bar .pull-left{float:left;}
#portal-bar .pull-right{float:right;}
#portal-bar .clear{overflow: hidden;clear:both;}
#portal-bar .inner-portal{max-width:1220px;margin:0 auto;clear:both;}
#portal-bar .box-user-action{float:right;margin:7px 0 0 20px;color:#939799;width:auto;display:inline;}
#portal-bar .box-user-action > a{display:inline-block;position:relative;color:#fff;padding:4px 18px;float:left;}
#portal-bar .box-user-action > a > i{color:#939799;font-size:13px;}
#portal-bar .box-user-action > a.text-action{color:#fff;text-decoration:none;line-height:16px;font-size:12px;}
#portal-bar .box-user-action > .box-dropdown{display:inline-block;position:relative;padding:0 20px;float:left;line-height:1.9}
#portal-bar .box-user-action > .box-dropdown > a{color:#fff;cursor:default;display:block;padding-right:4px;font-size:12px;}
#portal-bar .box-user-action > .box-dropdown > a > .icon-shop-hover{display:none !important;background-image:url(../images/blackbar/icon_arrow_hover.png);width:7px;height:4px;position:absolute;right:13px;top:10px;}
#portal-bar .box-user-action > .box-dropdown:hover > a > .icon-shop-hover{display:block !important;}
#portal-bar .box-user-action > .box-dropdown > ul{display:none;position:absolute;margin:0;padding:0;list-style:none;border:2px solid #272f32;left:-4px;top:28px;background:#fff;overflow:hidden;width:100%;}
#portal-bar .box-user-action > .box-dropdown > ul.m-list-shop{width:214px;}
#portal-bar .box-user-action > .box-dropdown > ul > li{width:100%;line-height:2.5;}
#portal-bar .box-user-action > .box-dropdown > ul > li > a{font-weight:normal;display:block;padding:0 3px 0 19px;list-style:15px;text-decoration:none;color:#83909d;font-size:11px;white-space:nowrap;overflow:hidden;}
#portal-bar .box-user-action > .box-dropdown > ul > li > a:hover{background:#eeeeee;color:#666;}
#portal-bar .box-user-action > .box-dropdown.open > ul{display:block;}
#portal-bar .box-user-action > .line{display:block;float:left;font-size:18px;width:5px;padding:0;margin:0 0 0 -4px;}
#portal-bar .navbar-menu-toggle{display:none;width: 25px;padding:8px 0 2px 0;line-height: 1px;float:right;margin:0 10px;background: transparent;border: none;}
#portal-bar .navbar-menu-toggle .icon-bar{height:3px;width: 25px;display: block;background: #333;}
#portal-bar .box-user-info{float:right;margin-top:4px;}
#portal-bar .box-user-info > a{color:#fff;padding:2px 0;text-decoration:none;font-size:12px;line-height:2.1;}
#portal-bar .box-user-info > .display{width:24px;height:24px;border: 2px solid #FFF;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;overflow: hidden;margin:0 10px 0 0;*margin:-2px 10px 0 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
#portal-bar .box-user-info > .display > img {width: 100%;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
#portal-bar .sum-noti{width:24px;height:24px;text-align:center;padding:0 1px;margin:1px 0;line-height:19px;font-size:9px;text-align:center;color:#fff;background-color:#cc0b00;display:block;position:absolute;border:2px solid #fff;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;right:0;top:-7px;*height:24px;}
#portal-bar [class^="icon-"],
#portal-bar [class*=" icon-"] {display: inline-block !important;width: 14px;height: 14px;margin-top:0;*margin-right: .3em;line-height: 14px;vertical-align: text-top;background-repeat: no-repeat; background-position:0 0;}
#portal-bar .icon-we{background-image:url(../images/blackbar/iconwe.png);background-size:100%;width:20px;height:20px;margin:-2px 0 0 -15px}
#portal-bar .icon-you{background-image:url(../images/blackbar/iconyou.png);background-size:100%;width:20px;height:20px;margin:-2px 0 0 -15px}
#portal-bar .icon-bar-shop{background-image:url(../images/blackbar/icon_topbar_shop.png);width:16px;}
#portal-bar .icon-bar-report{background-image:url(../images/blackbar/icon_topbar_report.png);width:10px;}
#portal-bar .icon-bar-message{background-image:url(../images/blackbar/icon_topbar_inbox.png);}
#portal-bar .icon-bar-setting{background-image:url(../images/blackbar/icon_topbar_setting.png);}
#portal-bar .tab-link{width:119px;height:36px;display:block;text-align:center;color:#fff;font-size:12px;font-weight:bold;line-height:3;border-left:1px solid #272f32;border-right:1px solid #272f32;overflow:hidden;float:left;}
#portal-bar .tab-link.active{background:#f6f6f6;height:37px;color:#e42629;border-left-color:#cbcbcb;border-right-color:#cbcbcb;}
#portal-bar .tab-link > .icon-bar-tag{width:17px;height:17px;background:url(../images/blackbar/icon_tag_off.png) left center no-repeat;margin:0 5px 0 0;}
#portal-bar .tab-link.active > .icon-bar-tag{background-image:url(../images/blackbar/icon_tag_on.png);}
#portal-bar .tab-link > .icon-bar-seller{width:23px;height:22px;background:url(../images/blackbar/icon_seller_off.png) left center no-repeat;margin:-3px 8px 0 0;}
#portal-bar .tab-link.active > .icon-bar-seller{background-image:url(../images/blackbar/icon_seller_on.png);}
#portal-bar .icon-m-arrow{display:none !important;}
#portal-bar .m-homepage{display:none !important;}