@charset "utf-8";
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
#mobile-coverbox{ top:45%}
	#mobile-coverbox .box{ width:150px; height:157px; background-size:contain; background-repeat:no-repeat; padding:15px 0px 0px 15px}
	#mobile-coverbox .box a.cover-square{ width:120px; height:124px; }

	body #mainimage #coverwords{  margin-top:150px; top:auto}
	body #mainimage .coverbox .sbox{ margin:22px 0px 0px 0px;; padding:8px 0px 0px 8px}
	body #mainimage .coverbox .sbox .fu-box1{ margin-right:3px}
	body #mainimage .coverbox .sbox .fu-box1 img{ width:80px ; height:80px}
	body #mainimage .coverbox .sbox .fu-box2{margin-right:0px}
	body #mainimage .coverbox .sbox .fu-box2 img{ width:80px ; height:80px}
	div.row div.soso .footerbg .soso a{ margin: auto}
	div.row div.soso .footer .soso a{ margin: auto}
}

@media only screen and (max-device-width: 1280px) { /* NavBar --- */
  /*            */
  .touch .nav-bar li.has-flyout > a { padding-right: 0px !important; } }

	

@media only screen and (max-width: 767px) {
	div.sublinks{ font-size:12px; padding:1px}
	
	div.footerbg .soso a{ margin-bottom: 10px}
	div.footer .soso a{ margin-bottom: 10px}
	.exhlist{ margin-right:-15px; background:url(../images/mobile-list-arr.gif) no-repeat right center; position:relative}
	.exhlist li.company{ width:72%; margin-left:2px; margin-bottom:0px; max-height:45px; overflow:hidden;}
	.exhlist li.others{ width:73%; float:left; margin:0px 0px 10px 2px; padding-top:0px}
	.exhlist .others .booth{ float:left; margin-right:10px; width:46%}
	.exhlist .others .country{ float:left; width:46%}
	/*photo*/
	.exhlist li.photo{ margin-right:10px}
	div.exhlist ul li.photo a img.thumb{vertical-align:middle; max-height:99%; max-width:99%}
	div.exhlist ul li.photo{ display:table-cell; background-color:#FFF;text-align: center;width:65px; height:65px;vertical-align:middle;border: 1px solid #CCC; line-height:65px}
	.exhlist li h1{ margin-top:0px}
	.exhlist li h2{ margin-top:0px}
	.exhlist a li.photo:hover .zoom{ display: none}
	.searchbg{ margin-left:-20px;margin-right:-20px; padding:0px 20px 0px 20px}
	/*list*/
	#list select{ font-size:13px}
	#list #searchtext{ width:71%}
	#list #busearch{float:left; padding:10px 18px}
	.exhlist a.mobilelink{ position: absolute; top:0; left:0px; width:100%; height:100%}

	.com-pro .com-square{ width:100%; height:auto; margin-bottom:20px}
	.com-pro .com-square img{ width:100%; height:auto}

	#top #logo a.logo{ background:url(../images/logo-new.png) no-repeat; width:150px;  display:block;   background-size:contain; top:2px;}
	#top #logo a.logo b{ right:10px}

	#top #logo a.date{ margin:0px; position:absolute; left:165px; line-height:14px;}
	
	
	#logo #menu{ top:59px}

	#top .theme{ height:74px}
	#top .theme .ic-wrap{ bottom:3px}
	#top #logo{ padding:8px 0px 0px 2px;  height:93px;}
	body .main-post{ margin-top:170px}
	.main-post #rowbg-tran{ padding:0px}
	#top .sh{ height:120px}
	

	#mobile-coverbox{ position: absolute; top:92%}
	#mobile-coverbox .box{ width:150px; height:157px; background-size:contain; background-repeat:no-repeat; padding:15px 0px 0px 15px}
	#mobile-coverbox .box a.cover-square{ width:120px; height:124px; }

	#mainimage #slidecover, .orbit-wrapper{ position:relative; }
	body #mainimage #coverwords{ position:relative; margin-top:90px; top:auto}
	body #mainimage .coverbox .sbox{ margin:10px; width:95%}

	#part #date1, #part #date2{ position:absolute; bottom:50px; width:90%; left:-5px}
	
	
	#menu ul.nav-bar.catbar li.has-flyout{width:50%; float:left; position:absolute; z-index:10000; }
	#menu ul.nav-bar.catbar li.has-flyout ul li a{ font-size:11px}
	#menu ul.nav-bar.catbar li.has-flyout ul{ top:0px}
	#menu ul.nav-bar.catbar li.has-flyout a{ font-size:12px; padding:0px}
	#menu ul.nav-bar.catbar li.has-flyout a.flyout-toggle{ width:100%; padding:14px}
	#menu ul.nav-bar.catbar li.has-flyout.p1{ left:-2px; }
	#menu ul.nav-bar.catbar li.has-flyout.p2{ right:0px; border-left:1px solid #CCC}
	#menu .row .five{ margin-top:15px; border-top: solid 1px #CCC}
	#top .theme .th-img{ overflow:hidden; position:relative}
	#top .theme .th-img img{ width:100%; height:auto}
	#top .theme{ height:45px   }
	.main-post .wrapper-2{ margin:10px}
	div.wrapper-2 div#movie{ position:relative}
	#top #logo a.date strong.time{ font-size: 11px; margin-top: 0px; float:left; width:50px; line-height:13px}
	#top #logo a.date strong.venue{ font-size: 11px;}
	#rowbg-tran #rowbg-inside  h5.big{ font-size:25px; letter-spacing:-1px}
	div.mobilepre{ text-align:center}
	#top .w-reg{ right:-5px; top:-50px}
	
		#top .w-reg img{ display:block; width:70px; height:auto}
		#top .w-reg a.reg{ width:auto}

	#top .w-reg a span{ margin:15px 35px 0px 0px; line-height:20px; }
	#top .w-reg a b{ display:block}
	#top #logo a.newlogo { display:block; position:relative; margin:auto; width:180px; top:12px}
#top #logo a.newlogo b { top:2px}
#menu .row .four.columns{ margin-top:13.5px}
#menu .row .four.columns li{ width:32%; margin:0px}
#menu .row ul.catbar li{ border-bottom:1px solid #999}
#logo #menu .four ul li a.base{ font-size:14px; color:#666; display:block; width:100%; line-height:31px; margin-left:0px; font-weight:bold  }
#logo #menu .four ul li a.base.selected{ color:#FFF}

}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
i.green{ background:url(../images/icon-green.jpg) no-repeat; height:16px; width:16px; display:block; float:left}
i.new{ background:url(../images/icon-new.jpg) no-repeat; height:16px; width:16px; display:block; float:left}
i.video{ background:url(../images/icon-movie.jpg) no-repeat; height:16px; width:16px; display:block; float:left}

i.green-list{ background:url(../images/icon-green.jpg) no-repeat; height:16px; width:16px; display:block;float:left; margin:5px 2px 2px 2px}
i.new-list{ background:url(../images/icon-new.jpg) no-repeat; height:16px; width:16px; display:block; float:left;margin:5px 2px 2px 2px}
i.video-list{ background:url(../images/icon-movie.jpg) no-repeat; height:16px; width:16px; display:block;float:left;margin:5px 2px 2px 2px}
.exhlist .photo .icon{ width:100%; float:left}

div#movie{ position: absolute}
.f-left input{ float:left}
.sline{ border-left:1px solid #999; float:left; margin:3px 10px; height:10px}

.green{ color:#090}
.blue{ color:#009}
.black{ color:#000}
.fsize10{ font-size:10px }
.fsize11{ font-size:11px }
.fsize12{ font-size:12px }
.h80px{ height:80px}
.h60px{ height:60px}
.h40px{ height:40px}
.h20px{ height:20px}
.clean-fix{ clear:both}
.dirlinkfacebook{ float:right; margin:0px}
.dirlinkfacebook.tc{ margin:13px 0px 0px 0px}
.bu-line{ border-bottom:1px dotted #CCC; padding:10px 0px}
.un-line{ text-decoration:underline}
img.border{ border: 4px solid #CCC}
img.shadow{ box-shadow:0px 0px 10px rgba(0,0,0,0.3)}
img.align-center{ margin:auto auto}
.s12 li{ font-size:12px}
span.red{ color:red}
span.uline{ text-decoration:underline}
span.iconX, span.icontick{ font-size:18px; width:99%; margin:auto; display:block; text-align:center}
.t-right{ text-align:right}
.f-left{ float:left}
body {
  -webkit-text-size-adjust: none;
}

.link{ margin-top:10px}





.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
body{font-family: 'Roboto Condensed',"微軟正黑體";}


/* -----------------------------------------
   Cover
----------------------------------------- */


#google_translate_element select{ font-size:11px}

#google_translate_element div div{ display:block}
#google_translate_element .goog-logo-link img{ width:35px; display:block; float:left}

.top.new{
background: #FFF; /* Old browsers */
width:100%; box-shadow: 0px 2px 2px rgba(0,0,0,0.4); z-index:10; top:0 }


.top{
background: #fff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
 z-index:10; top:0 }
.top .sh{ background:url(../images/top-bg.jpg); background-repeat:no-repeat; background-position:bottom center}

.top .bg { background: url(../images/logo-bg.png) no-repeat; width:333px; height:106px;   position:absolute; left:-120px; top:0px}
.top #logo{ position:relative; overflow:visible;}
/*.top #logo a.logo.new{ background:url(../images/logo-new.png) no-repeat; width:170px; height:64px; display:block; float:left; position:relative; top:10px; position:relative; margin-right:10px}*/
.top #logo a.newlogo { display:block; position:relative; margin:auto; width:200px; text-align:center; margin-top:5px}
.top #logo a.newlogo b { display:block; position:absolute; top:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#999; right:0px}

.top #logo a.logo.new b{ display:block;  font-weight:normal; font-size:11px; color:#878786; right:3px; position:absolute; bottom:25px}
.top #logo a.logo{ background:url(../images/part1_logo.png); width:214px; height:69px; display:block; float:left; position:relative; top:-2px; background-size:contain }
.top #logo .date{ font-size:10px; font-weight:normal;   text-align:center;  font-family:Arial,"微軟正黑體"; color:#333;  width:100%; margin:0px; top:-3px; position:relative}
.top #logo .date strong.time{ font-size: 14px;font-weight: bold;color: #333;margin-top: 2px; display:inline-block; margin:0px 10px;font-family: 'Roboto Condensed', "微軟正黑體";}
.top #logo .date strong.venue{ color:#333; font-family:Arial,"微軟正黑體"}
.top #logo .date strong.cat{ color:rgba(255,255,255,0.7); font-family:Arial,"微軟正黑體";color:#EEE \9}
.top #logo .date strong{ display:block; font-weight:normal}
.top .sh{ width:100%;  box-shadow: 0px 2px 2px rgba(0,0,0,0.2); position:relative; z-index:100; height:115px}


.top .theme{ height:110px; overflow:hidden}
.top .theme img{ height:110px; width:auto}
.top .theme.colour{ background-color:#ccc}

.top .theme .th-img{ position:absolute; top:0px;}
.top .theme .row{ position:relative; height:120px; z-index:0; overflow:visible}


.top .theme .ic{ width:47px; height:47px; z-index:10; display: inline-block;}
.top .theme .ic.gifts{ background: url(../images/ic-gifts.jpg) no-repeat}
.top .theme .ic.House{ background: url(../images/ic-houseware.jpg) no-repeat}
.top .theme .ic.Toys{ background: url(../images/ic-toys.jpg) no-repeat}
.top .theme .ic.Christmas{ background: url(../images/ic-xmas.jpg) no-repeat}
.top .theme .ic.Packaging{ background: url(../images/ic-packag.jpg) no-repeat}
.top .theme .ic.Glassware{ background: url(../images/ic-glassware.jpg) no-repeat}
.top .theme .ic.kitchen{ background:url(../images/ic-kitchen.jpg) no-repeat}
.top .theme .ic.baby{ background: url(../images/ic-baby.jpg) no-repeat}

.top .theme .ic.Giftware{ background:url(../images/ic-p2-gift.jpg)}
.top .theme .ic.AsianStationery{ background:url(../images/ic-p2-stationery.jpg)}
.top .theme .ic.HomeTextiles{ background:url(../images/ic-p2-houseware.jpg)}
.top .theme .ic.HomeDecor{ background:url(../images/ic-p2-home.jpg)}

.top .theme .ic-wrap{  height:44px; width:100%; z-index:10; position:absolute; bottom:-44px; text-align:center}


div.date{ font-size:10px; font-weight:normal; float:left;  text-align:center; margin-left:20px; margin-top:10px}
div.date strong.time{ font-size:20px; font-weight: bold; color:#FFF; margin-top:3px}
div.date strong.venue{ color:#FFF}
div.date strong.cat{ color:#FFF}
div.date strong{ display:block; font-weight:normal}





.top #logo .link{ float: right;font-size: 11px;color: #CCC;width: 390px; position:relative; margin-right:130px;}
.top #logo .link .sublink{ text-align:right}
.sublink a{ color:#666; background:#CCC; display:block}
.sublink a:hover{ text-decoration:underline}
.sublink{ margin-top:5px; float:left; font-family:Arial, Helvetica, sans-serif}
.top #logo .link a{ color:#999; padding:0px 10px;}
.top #logo .link .sublink a + a{ border-right:1px solid #ccc}
.top #logo .link a:hover, .top #logo .link a.selected{ text-decoration:underline}
/* -----------------------------------------
   topmenu
----------------------------------------- */
/*#menu{ background: rgb(0,0,0); background:rgba(0,0,0,0.40);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000, endColorstr=#40000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000, endColorstr=#40000000)"; padding:3px;}*/
/*#menu{ padding-top: 2px;position: absolute;width: 100%;top: 40px;} back*/


#menu .eight ul li { text-align:center; padding:0px; border-left:1px solid rgba(255, 255, 255, 0.2);font-family: 'Roboto Condensed',  "微軟正黑體";text-transform: uppercase;  background:url(../images/icon-arrow-menu.gif) no-repeat; background-position:0px center; font-weight:normal }
#menu .eight ul li a.base{ font-size:15px; color:#333; display:block; width:100%; line-height:15px;  }
#menu .eight ul li a.base:hover{ background:#333}
#menu .eight ul.catbar{ margin-top:0px}
#menu .eight ul li ul li{ width:310px; }
#menu .eight ul li ul li a{font-size:14px; color:#333; letter-spacing:5px}




#menu{ padding-top: 2px;position: absolute;width: 100%;top: 80px; background-color:transparent}


#menu .four ul li { text-align:center; padding:0px; border-left:1px solid rgba(255, 255, 255, 0.2);font-family: 'Roboto Condensed',  "微軟正黑體";text-transform: uppercase; width:auto; margin-right:25px; background:url(../images/icon-arrow-menu.gif) no-repeat; background-position:0px center; }
#menu .four ul li a.base{ font-size:15px; color:#666; display:block; width:100%; line-height:31px; margin-left:8px; }
#menu ul li a.base:hover{  color:#666; border-bottom:2px solid red }
#menu ul li a.base:focus{-webkit-box-shadow: 0 0 5px #333, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #333, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 0 5px #333, 0 1px 0 rgba(255, 255, 255, 0.5) inset;}
#menu .four ul li a.selected{background:#666; box-shadow:0 0 8px rgba(0, 0, 0, 0.4);  color:#FFF}
#menu .four ul li a.selected:hover{ color:#FFF}
#menu ul li a.reg{ font-size:12px}
/* -----------------------------------------
   slidepic
----------------------------------------- */
#mainimage{  z-index:-10000; height:100%}
#mainimage #coverwords{ position:absolute; right:0px; background:#39aed3; top:30%; background:rgba(57,174,211,0.92); box-shadow:0px 2px 2px rgba(0,0,0,0.4); z-index:-1; color:#FFF; padding:20px}
#slidecover, .orbit-wrapper{ z-index:-10000}
.orbit-wrapper .timer{ display:none}
#slidecover img, #slidecover2 img{ width:100%}{ width:100%}


/* -----------------------------------------
coverbox
-----------------------------------------*/
.mobile-pre{ background:url(../images/registernow.png) no-repeat 0px -25px; width:70px; height:70px; display:block; position:absolute; right:0px;  top:0px }
.mobile-pre.tc{ background:url(../images/registernow-tc.png)no-repeat 0px -25px; width:70px; height:70px; display:block; position:absolute; right:0px;  top:0px }
.coverbox{ position: fixed; width:100%; background: url(../images/cover-bu.png) repeat-x; height:250px;  z-index:0; bottom:0 }
.coverbox .box{ background: url(../images/cover-square.png); width:216px; height:226px; margin:auto auto; padding:22px 0px 0px 22px}
.coverbox .box a{ display:block;}
.coverbox span{font-family: Century Gothic, sans-serif; font-size:22px; letter-spacing:-1px; display: block;  color:#FFF; text-align:center; }
.coverbox span.re2{background:rgba(57,174,211,0.8);  margin:0px 2px 0px 13px; position:relative; bottom:-13px; background:#39aed3 \9;  font-family: Arial,"微軟正黑體"}
.coverbox .sbox{ background:#FFF; width:100%; margin:35px 0px 0px 10px; box-shadow:0px 3px 8px rgba( 0,0,0,0.30); padding:20px 18px}
.coverbox .sbox .fu-box1{ background:#71c7d9; float:left; padding:2px; margin-right:17px}
.coverbox .sbox span{ text-align:center; padding:0px; margin:8px 0px; font-family: Arial,"微軟正黑體"}
.coverbox .sbox span.blue{ color:#3399cc; text-align:left; margin-bottom:2px}
.coverbox .sbox .fu-box2{ background:#bca443; float:left; padding:2px; margin-right:5px}
.coverbox #post{ position:relative; top:-80px; margin-bottom:-70px}
.coverbox .columns{ padding:0px; }
.cover-line{ border-bottom:1px solid #CCC; width:98% }
.cover-line ul li {list-style-type: none;display: block;float: left;margin-right: 6px;margin-left: 6px;margin-top: 1px; margin-bottom:5px}
.cover-line  ul li a {display: block;float: left;width: 20px;height: 20px;}




.footerbg{  width:100%; position:absolute; background:#FFF}
.footerbg b{ display:block; font-size:10px; font-weight: normal; color:#999; margin:0px 0px 5px 5px}
.footerbg a{ display:block; float:left; margin:15px; }
.footerbg img{height:29px; width:auto}
.footerbg a + a{border-left:1px solid #CCC; padding-left:13px}
.footerbg .enquiry a{ float:right; margin:20px 5px 5px 5px}



.footer{  width:100%; position:absolute; background:#FFF}
.footer b{ display:block; font-size:10px; font-weight: normal; color:#999; margin:0px 0px 5px 5px}
.footer a{ display:block; float:left; margin:15px; }
.footer img{height:29px; width:auto}
.footer a + a{border-left:1px solid #CCC; padding-left:13px}
.footer .enquiry a{ float:right; margin:20px 5px 5px 5px}



.footerbg .sosc img{width:auto; height:auto}
.footerbg .sosc a + a{ margin:2px}
.footerbg .sosc a{border:none; margin:2px}

 
.footer .sosc img{width:auto; height:auto}
.footer .sosc a + a{  margin:2px}
.footer .sosc a{border:none; margin:2px}


/* -----------------------------------------
inside page
-----------------------------------------*/
/*background*/
.main-background1, .main-background2, .main-background3, .main-background4{ position: fixed; width:100%; height:auto; top:0; z-index:-10}
.main-background1 img, .main-background2 img, .main-background3 img, .main-background4 img{ width:100%; height:auto}
.main-post{ margin-top:203px}
/*#rowbg-tran{ background:rgb(0,0,0); background:rgba(0,0,0,0.1); z-index:-100; background:#FFF \9;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#01000000, endColorstr=#01000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#01000000, endColorstr=#01000000)"; padding:0px; margin:0px;box-shadow: 0px 0px 16px rgba(0,0,0,0.08); }*/
#rowbg-tran #rowbg-inside{background: rgb(255,255,255); 
margin:0px; overflow:hidden; padding:25px 0px}
#rowbg-tran #rowbg-insides{background: rgb(255,255,255); background:rgba(255,255,255,0.8); filter:alpha(opacity=80) \9;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#94FFFFFF, endColorstr=#94FFFFFF);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#94FFFFFF, endColorstr=#94FFFFFF)" ; margin:0px; overflow:hidden; padding:25px 0px}

/*main inside page*/
#rowbg-inside h3{ 


font-family: 'Roboto Condensed', "微軟正黑體"; font-size: 40px; color:#CCC; font-weight: inherit; letter-spacing:-2px; display:block; margin:0px; line-height:50px; margin-bottom:20px; word-spacing:-0px; font-size:38px;text-transform: uppercase;}
#rowbg-inside h3 small{font-family:'Roboto Condensed', "微軟正黑體"; display:block; font-size:20px; line-height:22px; word-spacing:2px; margin-top:0px; color:#333;letter-spacing:-1px; }
#rowbg-inside h5{ 


font-family: 'Roboto Condensed',     "微軟正黑體"; ; font-size:23px; color:#999; font-weight:normal; letter-spacing:-1px; display:block; border-left:1px solid #999; padding-left:20px; }
#rowbg-inside h5.companyname{ margin-bottom:25px}
#rowbg-inside h5 small{ display:block; letter-spacing:-1px; line-height:24px; padding-top:9px; color:#333}
#rowbg-inside{font-size:13px; line-height:18px; color:#666; padding:0px 5px}
#rowbg-inside p{ font-size:14px; line-height:18px; color:#666; padding:0px 24px 0px 5px}
#rowbg-inside p strong{ color:#333}

#rowbg-inside h5.big{ font-size:38px; border:none; padding-left:0px; font-family:"Times New Roman", Times, serif;  line-height:38px}



#rowbg-inside [role="main"] img{ display: block}

/*side menu*/
#sidebarButton{ position: fixed;  background: url(../images/menu-mark.png) no-repeat; display:block; width:94px; height:46px; line-height:45px; color:#FFF; font-size:11px; font-weight:bold; text-shadow:0px 1px 1px #666; padding-left:27px; top:165px; left:-10px; z-index:10000}

/*left menu*/
#sidebar{ padding:0px 20px}
#sidebar h4{


font-family: 'Roboto Condensed',     "微軟正黑體"; font-weight:normal; text-align:right; font-size:23px; padding-right:19px; color:#999;text-transform: uppercase;}
#leftmenu{ text-align:right; background: none}
#leftmenu > li  { border:none; padding:0px}
#leftmenu > li  { border-bottom:1px solid #eee}
#leftmenu > li > a{ color:#999; font-size:14px; display:block; line-height:18px; padding:7px 20px 7px 0px}
#leftmenu > li.active > a { color:#FFF; }
#leftmenu > li.active{ border:none; z-index:100}
#leftmenu > li.active > a:hover { color:#FFF}
#leftmenu > li.active:hover { background:#2BA6CB}
#leftmenu > li.active{ box-shadow:1px 1px 1px #999}
#leftmenu > li > a:hover{color:#333}
#leftmenu > li:hover{ background:#eee}
#sidebar span{     font-family: 'PT Serif', "微軟正黑體";    color: #333;
    margin-bottom: 20px;
    text-align: left; font-size:16px; font-weight:normal; display:block }
#sidebar .left-other{ margin-top:40px}


/*info*/
.info-tb { border:none; width:95%; }
.info-tb tr td{font-size:13px; color:#666;}
/*.pcat.blue{ background:#e0f1f5}.pcat.green{ background:#e0efe8}.pcat.org{ background:#feefe4}.pcat.red{ background:#f9e4e5}.pcat.yellow{ background:#fff6e2}.pcat.gray{ background:#eff0f1}
.pcat.pu{ background:#ece6f1}.pcat.black{ background:#eee}*/
.pcat span.blue{ background:#008ab0; }.pcat span.green{ background:#007f3e; }.pcat span.org{ background:#f47920; }.pcat span.red{ background:#cb242b; }.pcat span.yellow{ background:#ead5a9; }
.pcat span.gray{ background:#7c838c; }.pcat span.pu{ background:#662f8f; }.pcat span.black{ background:#333; }
.pcat span{display:block; color:#FFF}
#rowbg-inside .pcat span img{ width:50px ; height:50px; display:block;}
.pcat span strong{ display:block; font-size:20px; font-weight:normal; margin-top:10px}
.pcat .block-grid.two-up{ margin:10px 0px}
.pcat .block-grid.two-up > li{ background:url(../images/dot.gif) no-repeat 16px 9px; padding-left:30px; font-size:13px; color:#333 }

.pcat .block-grid.three-up{ margin:10px 0px}
.pcat .block-grid.three-up > li{ background:url(../images/dot.gif) no-repeat 16px 9px; padding-left:30px; font-size:14px; color:#333 }

.pcat .block-grid.one-up > li{ background:url(../images/dot.gif) no-repeat 16px 9px; padding-left:30px; font-size:12px; color:#333 }
#rowbg-inside .pcat span p{ color:#FFF}
#photogallery a{ display:block; float:left; padding:5px;}
#rowbg-inside #photogallery a img{ display:block; height:80px; width:auto; margin:0px}

#floorplan b{ display:block; font-size:12px; background:rgba(0,0,0,0.6); color:#FFF; font-weight:normal; position:absolute; padding:1px 8px; width:85%; bottom:7px}
#floorplan div.six{ margin-bottom:15px}


#hotel{ border:none; width:100%; word-wrap: break-word; -webkit-text-size-adjust:none;}
#hotel .atitle{ background:#d2c6b1;}
#hotel .atitle strong{ display:block; margin:10px}
#rowbg-inside [role="main"] #hotel div img { margin-top:0px}
#hotel tr td{ font-size:14px; line-height:14px; -webkit-text-size-adjust:none; padding:3px 1px 3px 4px; border-bottom:1px solid #CCC}
#hotel tr td span.by{ display:block; margin:5px 0px 2px 0px}
#hotel tr td:first-child{ width:23%; padding-right:10px; font-size:16px; font-weight:bold}
#hotel tr th{ font-size:14px; line-height:14px; -webkit-text-size-adjust:none; padding:3px 1px; line-height:18px}
#hotel tr th.des{width:22%}
#hotel tr td ul li{ font-size:11px; list-style: circle; line-height:13px}
#hotel tr td ul{margin-left:10px}
#hotel tr td .hotelpic{ margin-bottom:10px}






#ecard .ten { font-size:11px; line-height:12px; padding:10px 0px 0px 0px}
#ecard li.active{ border-right:1px solid #CCC; background:#EEE; border-bottom:1px solid #CCC}
#ecard li{ padding:5px 0px 5px 5px}
#ecard .two img{ box-shadow:0px 0px 6px #999; width:40px; height:40px}
#e-body{ box-shadow:0px 0px 10px rgba(0, 0, 8, 0.5); background:#FFF }
#rowbg-inside #e-body img{ margin:0px}
.block-grid.three-up.pre-cat > li{ font-size:12px; padding:3px 0px 3px 0px; line-height:13px}
.pre-cat li input[type="checkbox"]{ display:block; margin-bottom:5px; float:left; position:relative; top:-3px}



/*-list-exhibitor list*/
.exhlist{ float:left; color:#000; font-size:11px; line-height:13px; border-bottom:1px solid #EEE; position:relative; margin-bottom:10px; height: auto;padding-bottom:8px; *padding-bottom:10px; width:100% }
.exhlist ul{ list-style-type: none; display: block; width: auto; width:100%; float:left}
.exhlist ul li{	display: block;height: auto;width: auto;float: left;}
/*-list-photo*/
.exhlist ul .photo{border: 1px solid #CCC;display: table-cell; vertical-align:middle; height: 85px;   width: 85px; line-height:85px; text-align:center;  cursor: pointer; box-shadow:0px 0px 5px #CCC; position:relative }

.exhlist ul .photo:hover{ border: 1px solid #999}
#rowbg-inside [role="main"] .exhlist ul .photo .thumb { display:inherit; position:relative; top:-3px}/*newadd*/
.exhlist ul .photo .thumb{vertical-align:middle;  max-width:100%; max-height:100%; cursor:pointer; display:block; line-height:85px}
#rowbg-inside [role="main"] img.thumb, #rowbg-inside [role="main"] .zoom img{ margin:auto}

/*-list-zoomphoto*/
.photo .zoom .arr{ position:absolute;left:-8px; top:0px; }
.exhlist ul .zoom{ border: 1px solid #CCC;display: table-cell; vertical-align:middle; height: 220px;   width: 220px; line-height:220px; text-align:center; cursor: pointer; background-color:#FFFFFF; padding:5px; }
.exhlist ul .zoom img{vertical-align:middle; max-height:100%; max-width:100%; display:compact}
/*-list-otherlnfo*/
.exhlist .company{ width:34%; margin-left:9px;  min-width:230px; font-size:11px ; line-height:14px; color:#666666; word-wrap: break-word; height:90px; overflow:hidden;}
.exhlist .productcat{ width:24%; margin-left:20px;   min-width:160px; word-wrap: break-word; font-size:11px ;line-height:14px; }
.exhlist .others{ width:20%; margin-left:10px; }
.exhlist .booth, .exhlist .country{font-size:12px}
.exhlist h1{ font-size:11px; color:#878786; font-weight:normal; margin:5px 0px 0px 0px}
.exhlist h2{ font-size:13px; font-weight:bold; color:#06C; margin:5px 0px 0px 0px}
li.photo:hover .zoom{ display: table-cell; width:220px; height:220px;}
.exhlist ul div.zoom{ display: none; position:absolute; left:90px; top:0px; z-index:99; box-shadow: 2px 2px 3px #CCC; -webkit-box-shadow: 2px 2px 3px #CCC; -moz-box-shadow: 2px 2px 3px #CCC; -o-box-shadow: 2px 2px 3px #CCC; -ms-box-shadow: 2px 2px 3px #CCC; width:220px; height:220px }
select#hall{ *margin-top:0px; }


.product-select{ background:none; border:none}
.top-bar.product-select, .top-bar.product-select ul{ margin:0px; }
.top-bar.product-select ul > li a{ font-size:12px; line-height:40px; height:40px }
.top-bar.product-select ul > li.gifts:hover{ background-color:#6ec7d6; text-decoration:underline; color:#FFF}
.top-bar.product-select ul > li.packaging:hover{ background:#dcc28e; text-decoration:underline; color:#FFF}
.top-bar.product-select ul > li.home:hover{ background:#bbc808; text-decoration:underline; color:#FFF}
.top-bar.product-select ul > li.toy:hover{ background:#f39200; text-decoration:underline; color:#FFF}
.top-bar.product-select ul > li.glass:hover{ background:#878786; text-decoration:underline; color:#FFF}
.top-bar.product-select ul > li.festive:hover{ background:#b70d18; text-decoration:underline; color:#FFF}
.top-bar.product-select ul > li.baby:hover{ background:#f39799; text-decoration:underline; color:#FFF}
.top-bar.product-select ul > li.kitchen:hover{ background:#5ab496; text-decoration:underline; color:#FFF}
.top-bar.product-select ul > li.Giftware:hover{ background:#6eb7df; text-decoration:underline; color:#FFF}
.top-bar.product-select ul > li.AsianStationery:hover{ background:#f38240; text-decoration:underline; color:#FFF}
.top-bar.product-select ul > li.HomeTextiles:hover{ background:#da94c1; text-decoration:underline; color:#FFF}
.top-bar.product-select ul > li.HomeDecor:hover{ background:#a1c255; text-decoration:underline; color:#FFF}
.top-bar.product-select ul > li.asia:hover{ background:#892A81; text-decoration:underline; color:#FFF}
.top-bar.product-select ul > li.divider { width:0px}


.product-select li a.active{ text-decoration:underline}
.product-select li.all{ background:#333}

.product-select li.gifts{ background:#6ec7d6; }
.product-select li.packaging{ background:#dcc28e}
.product-select li.home{ background:#bbc808}
.product-select li.toy{ background:#f39200}
.product-select li.glass{ background:#878786}
.product-select li.festive{ background:#b70d18}
.product-select li.baby{ background:#f39799}
.product-select li.kitchen{ background:#5ab496}
.product-select li.Giftware{ background:#6eb7df}
.product-select li.AsianStationery{ background:#f38240}
.product-select li.HomeTextiles{ background:#da94c1}
.product-select li.HomeDecor{ background:#a1c255}
.product-select li.asia{ background:#892A81}

.pro-search{ padding:10px 5px 1px 5px}
.pro-search{ background:#333333; position:relative; top:-5px}
.pro-search.gifts{ background:#6ec7d6; }
.pro-search.packaging{ background:#dcc28e}
.pro-search.home{ background:#bbc808}
.pro-search.toy{ background:#f39200}
.pro-search.glass{ background:#878786}
.pro-search.festive{ background:#b70d18}
.pro-search.baby{ background:#f39799}
.pro-search.kitchen{ background:#5ab496}
.pro-search.Giftware{ background:#6eb7df}
.pro-search.AsianStationery{ background:#f38240}
.pro-search.HomeTextiles{ background:#da94c1}
.pro-search.HomeDecor{ background:#a1c255}
.pro-search.asia{ background:#892A81}

.pro-filter{ background:#EEE; padding:5px 15px}
.pro-filter div { margin-right:10px}
.pro-filter label{ font-size:12px}


.com-list{ border-bottom:1px dotted #ccc; margin-bottom:8px; padding-bottom:5px; margin-left:15px }
.com-list div{font-size:12px; word-wrap: break-word}
.com-list div:first-child{ font-weight:bold; color:#333}
#rowbg-inside [role="main"] .com-pro img   { margin:0px ; padding:0px}
.com-pro-details{}
.com-pro-details div{ font-size:11px; word-wrap: break-word; border-bottom:1px dotted #ccc; margin-bottom:2px; padding-bottom:2px;}
.com-pro-details div.four{ color:#333}

#pro-page{ margin-top:20px}
#pro-page .three div{ line-height:30px; padding:0px 5px}


#searchtext{float:left; width:75%;*width:70%}
#busearch{float:left; padding:6px 18px 7px}

.fi_container {width:220px;overflow:hidden;position: relative;}

.fi_container .fb_iframe_widget, .fi_container .fb_iframe_widget span, .fi_container .fb_iframe_widget span iframe[style] {width:100% !important;}


/*update 2014 feb*/

/*exh list*/

#rowbg-inside [role="main"] .art-exhlist .art-subphoto a img{ margin-top:0px}

.art-exhlist{ float:left; width:100%; padding:5px 15px; position:relative}
			.art-exhlist .art-photo{ width: 180px; height: 240px;}
			.art-exhlist .art-subphoto{ position: absolute}
			.art-exhlist .art-subphoto.left{ bottom:5px; left:200px}
			.art-exhlist .art-subphoto.right{ bottom:5px; right:210px}
			.art-exhlist .art-subphoto a{ width:80px; height:80px; display:block; float:left; margin-left:10px;}
			.art-exhlist.round .art-subphoto a{ border-radius:80px}
			.art-exhlist.round .art-photo{border-radius:80px}
                     .art-exhlist .art-photo.left{ float:left}
			.art-exhlist .art-photo.right{ float:right}
                     .art-exhlist .art-des { color:#FFF; line-height:20px; margin:20px; width:62%}
			.art-exhlist .art-des.left{ float:left}
			.art-exhlist .art-des.right{ float:right}
			 .art-exhlist .art-des .art-name{ font-size:23px; line-height:28px}
			  .art-exhlist .art-des .art-name a{ color:#FFF}
			 .art-exhlist .art-des .art-booth{ font-size:20px; margin-top:10px}



.coverbox.re #coverwords-re{ right:0px; background:#39aed3; top:30%; background:rgba(57,174,211,0.92); box-shadow:0px 2px 2px rgba(0,0,0,0.4); z-index:-1; color:#FFF; padding:20px}

/* -----------------------------------------
coverbox
-----------------------------------------*/
.coverbox.re{  width:100%; background: url(../images/cover-bu.png) repeat-x; height:250px;  z-index:0; bottom:0; position:relative; top:-120px}
.coverbox.re #post{ position:relative; margin:0px auto; top:0px }
.coverbox.re .box{ background: url(../images/cover-square.png); width:216px; height:226px; margin:auto auto; padding:22px 0px 0px 22px}
.coverbox.re .box a{ display:block;}
.coverbox.re span{font-family: Century Gothic, sans-serif; font-size:22px; letter-spacing:-1px; display: block;  color:#FFF; text-align:center; }
.coverbox.re span.re2{background:rgba(57,174,211,0.8);  margin:0px 2px 0px 13px; position:relative; bottom:-13px; background:#39aed3 \9;  font-family: Arial,"微軟正黑體"}
.coverbox.re .sbox{ background:#FFF; width:100%; margin:35px 0px 0px 10px; box-shadow:0px 3px 8px rgba( 0,0,0,0.30); padding:20px 18px}
.coverbox.re .sbox .fu-box1{ background:#71c7d9; float:left; padding:2px; margin-right:17px}
.coverbox.re .sbox span{ text-align:center; padding:0px; margin:8px 0px; font-family: Arial,"微軟正黑體"}
.coverbox.re .sbox span.blue{ color:#3399cc; text-align:left; margin-bottom:2px}
.coverbox.re .sbox .fu-box2{ background:#bca443; float:left; padding:2px; margin-right:5px}

.coverbox.re .columns{ padding:0px; }









/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
	position: absolute;
	bottom: 105%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -80px;
	padding: 7px;
	width: 160px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
	position: absolute;
	bottom: 105%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid #000;
	border-top: 5px solid hsla(0, 0%, 20%, 0.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}


.wrapper-2{ margin:40px; position:relative}

.giftbg{ background:url(../images/bg-gifts.jpg); width:100%; height:500px;  position:absolute}



.tabs.date dd.active, .tabs.date li.active{  position:relative; z-index:100;   top:5px; border:none }
.tabs.date dd.active a, .tabs.date li.active a{display:block;border-top:1px solid #CCC; border-left:1px solid #CCC;border-right:2px solid #CCC;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}
.tabs.date dd a, .tabs.date li a{ background:#EEE; position:relative; top:-2px; margin-left:0px}
.tabs.date{ border-bottom:1px solid #CCC; }

.i-cat{ display:block; width:100%; font-weight:normal; margin-bottom:10px; float:left}
.i-cat span{ background:url(../images/arrow-right.gif) no-repeat; height:20px; padding-left:30px; clear:both; color:#333333 }
.i-cat span:hover{ background-position:left -18px}
.i-cat img{ display:block; float:left}
.i-cat b{ display:block; font-size:11px; font-weight:normal; line-height:12px; float:left; width:60%; color:#999; margin:2px 10px}


ul.nav-bar.catbar{ background-color: transparent; border: none}
ul.nav-bar.catbar > li{ border:none}
#menu ul.nav-bar.catbar li a.base{ background-position:5px center}
#menu ul.nav-bar.catbar li a.base:hover{ color:#FFF}
#menu ul.nav-bar{ margin-top:-3px}
#menu ul.nav-bar .has-flyout .flyout{ top:30px}


#menu ul.nav-bar .has-flyout ul.flyout li a{ text-align:left; font-size:12px; padding:3px; letter-spacing:-0.5px }
#menu ul.nav-bar .has-flyout ul.flyout li a img{  width:24px; height:24px; }

.w-reg .reg{  width:130px; height:133px; display:block; text-align:center; padding-top:48px; line-height:20px; color:#FFF; font-weight:bold; z-index:8000; font-size:18px;}
.w-reg { position:absolute; top:-60px;  right:30px;}



#sidebar .nav-bar > li.has-flyout > a:first-child:after{ right:5px; top:12px}
#sidebar ul.flyout li a, .nav-bar li ul li a{ padding:10px 10px 10px 20px; text-align:left}
.button.contact{ background-image:url(../images/icon-contact.png); background-repeat:no-repeat; background-position:10px 10px; padding-left:35px; float:right}

h4.cover{color: rgb(153, 153, 153);
    font-family: "Roboto Condensed",   "微軟正黑體";
    font-size: 26px;
    font-weight: normal;
    padding-right: 19px;
    text-align: left;
    text-transform: uppercase; letter-spacing:-1px; color:#000;text-shadow: 1px 1px 3px rgba(150, 150, 150, 1);}
h4.cover small{ display:block; line-height:20px; font-size:24px; text-shadow:none} 


.section-head {
height: 0px;
text-align: center;
width: 100%;
margin: 0px;
height: 50px;}
h1, .h1 {
font-size: 36px;text-transform: uppercase; letter-spacing:-1px; 
}
h2.bb {
font-size: 26px;
}
h2 {
background: none repeat scroll 0 0 #FFF;
letter-spacing: 1px;
color: inherit;
display: inline-block;

color: #333;
    font-family: "Roboto Condensed",   "微軟正黑體";
    font-size: 26px;
    font-weight: normal;

height: auto;
margin: 0;
padding: 0 30px;
position: relative; 

}
.section-head hr {
display: block;
margin: -13px auto 0;
width: 60%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #ccc;
}
.hallcenter{display:block; line-height:25px; font-size:22px; text-shadow:none; font-family: "Roboto Condensed",   "微軟正黑體"; text-align:center; color:#999999}
.hallcenter span{ display:block}
.message b{ font-size:100px; position:absolute; color:#999}
.message b.s1{ top:20px; left:-20px}
.message b.s2{ right:-20px; top:120px}
.message { border-radius: 20px; background:#eee; padding:15px 25px 30px 25px; line-height:20px; width:600px; font-size:12px; position: relative;-webkit-box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.51);
box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.51);}
.message strong{ display:block}
a.Exhib-square{ height:160px; width:160px; display:block;border:1px solid #ccc ;-webkit-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.45);
box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.45);}
.Exhib-innter{ float:left; margin:20px 12px 20px 12px; }
.Exhib-innter b{ display:block; width:148px; text-align:center; font-weight:normal}
.cover-bu{ border:1px solid #3CC; display:block; text-align:center; padding:10px; font-size:19px; background:#FFF;-webkit-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.3);
box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.3); width:45%; float:left; margin:20px; border-radius:10px }
.cover-bu:hover{ background:#eee}
.cover-bu.regcat{ border:1px solid #333; color:#333333; font-size:19px; }
.soso{ float:none; border-top:1px solid #eee; margin-top:10px}
.soso h5{ font-size:12px; padding-left:20px}
.footerbg .soso img, .footer .soso img{ width: 93px; height:25px}
.footerbg .soso a, .footer .soso a { border:none; margin:0px 5px 180px 5px; padding:0px}
.footerbg .soso a .code, .footer .soso a .code{ display: none}
.footerbg .soso a.wechat, .footer .soso a.wechat{ position:relative}
.footerbg .soso a.wechat .code, .footer .soso a.wechat .code{ position:absolute; left:0px; width:150px; height:150px }
.footerbg .soso a.wechat .code img, .footer .soso a.wechat .code img{height:150px; width:150px }
.footerbg .soso a.wechat:hover .code, .footer .soso a.wechat:hover .code{ display:block}

.footerbg a.suba, .footer a.suba{display:block; padding:3px 10px;border-radius:10px; background:#eee; border:1px solid #999; font-size:11px}
.footerbg a.suba:hover, .footer a.suba:hover{ text-decoration:none; background:#FFF;}



.footerbg a.suba{display:block; padding:3px 10px;border-radius:10px; background:#eee; border:1px solid #999; font-size:11px}



.sublinks a{ color:#333;   }
.sublinks{font-size:14px; position:absolute; padding:10px;z-index:10000}