/*ref for google fonts
==================================================== */
/*font-family: 'Yantramanav', sans-serif;

font-family: 'Marcellus', serif;

font-family: 'News Cycle', sans-serif;

font-family: 'Yanone Kaffeesatz', sans-serif;

Yantramanav:100|Marcellus|News+Cycle:400,700|Yanone+Kaffees.row-eq-height .col-md-6 patz:400,300

*/



/* MEDIA QUERIES
================================================== */

@media screen and (max-width: 768px) {
.about-section-title {line-height:1}
body .slog{ font-size:6.5vw; line-height:normal}
body .quick-reg{ display:none}
body .cbp-af-header{-webkit-box-shadow: 0px 3px 20px -6px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 3px 20px -6px rgba(0,0,0,0.55);
box-shadow: 0px 3px 20px -6px rgba(0,0,0,0.55);}
body .lang{ right:10px}
body .catlist  .col-md-4 img{ width:80%; }
body .banner a{ width:auto; height:auto}
.col-md-12.logobar div { font-size:4vw}
.sidebar-nav ul li a{ font-size:12px} 

}

@media screen and (max-width: 480px) {.big-background-title {font-size:58px}
.small-background-title {line-height:1}
/*.player{ display: none;}  -> If you want to remove the video bg on a specific viewport w/o plugin*/
}

@media screen and (max-width: 360px) {
.big-background-title,#colorize { line-height:1}
}

@media screen and (max-width: 320px) {.small-background-title {font-size:30px}
}

.lang{ position:absolute; top:5px}
.lang a{ font-size:12px; color:#666666}
.lang a:hover{ color:#000}



.topleftmenu  a{ text-decoration:none; font-family:Marcellus; font-size:18px; color:#333}



/* COVER STYLES
================================================== */
.slog{ font-family:Philosopher; letter-spacing:-1pt; color:#666; padding:10px; font-size:40px; color:#FFF; line-height:40px} 
.center .img-responsive{ margin: 0 auto;}
.cat {font-family:Philosopher;letter-spacing:-0.5px; color:#FFF; font-size:18px}
.left .img-responsive{ display:inline-block}
.left{ text-align:right; color:#FFF}
.left p{ text-align:right; font-size:10px}
.right{ text-align:left; color:#FFF}
.right p{ text-align:left; font-size:10px}
.col-md-6 span strong{ display:block; font-family: 'Dosis';font-size:50pt; font-weight:200; letter-spacing:-2px; color:#CCC; line-height:60px}
.col-md-6 span.date{ font-size:26px; font-weight:100; letter-spacing:-2px; color:#ccc}

.cbp-af-header nav .dropdown-menu a{ color:#FFF; font-size:12px; font-family: 'Lato', sans-serif; width:120px; height:120px; margin:0px; padding:0px; float:left; overflow:hidden; text-align:center; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); line-height:normal}
.cbp-af-header nav .dropdown-menu{ border-radius:0px; padding:0px; width: 362px;
    background: none; box-shadow:none; border:none; 
   }
.cbp-af-header nav .dropdown-menu.pull-right{width: 245px}
.cbp-af-header nav .dropdown-menu li{ padding:0px; margin:0px; float:left}
.cbp-af-header nav .dropdown-menu b{ display: block; width:80px; white-space:normal;  margin:auto; line-height:12px; font-weight:400;  height:100%; vertical-align:bottom;  top:60px; position:relative; font-size:12px; letter-spacing:0px }
.cbp-af-header nav .dropdown-menu .Gifts{  background-image:url(../images/ic-gifts.jpg); }
.cbp-af-header nav .dropdown-menu .Design{  background-image:url(../images/ic-design.jpg) }
.cbp-af-header nav .dropdown-menu .Giftwrap{background-image: url(../images/ic-packag.jpg)}
.cbp-af-header nav .dropdown-menu .Festive{ background-image:url(../images/ic-xmas.jpg)}
.cbp-af-header nav .dropdown-menu .Housewares{ background-image:url(../images/ic-houseware.jpg)}
.cbp-af-header nav .dropdown-menu .Kitchen{ background-image:url(../images/ic-kitchen.jpg)}
.cbp-af-header nav .dropdown-menu .Glassware{ background-image:url(../images/ic-glassware.jpg)}
.cbp-af-header nav .dropdown-menu .Toys{ background-image:url(../images/ic-toys.jpg)}
.cbp-af-header nav .dropdown-menu .Baby{ background-image: url(../images/ic-baby.jpg)}
.cbp-af-header nav .dropdown-menu .Giftware{ background-image:url(../images/ic-p2-gift.jpg)}
.cbp-af-header nav .dropdown-menu .Stationery{ background-image:url(../images/ic-p2-stationery.jpg)}
.cbp-af-header nav .dropdown-menu .Textiles{ background-image: url(../images/ic-p2-houseware.jpg)}
.cbp-af-header nav .dropdown-menu .Bathroom{ background-image:url(../images/ic-p2-bathroom.jpg)}
.cbp-af-header nav .dropdown-menu li{background-repeat:no-repeat ; background-position: center 10px}
.cbp-af-header nav .dropdown-menu li{}
.cbp-af-header nav .dropdown-menu li > a:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+0,0.4+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
}


.maincover{ margin-top:10px}
.maincover .col-md-6{ margin:0px; padding:0px; position: relative }
.maincover .col-md-6 .col-md-6 { height:100%; position:relative}

.maincover  .warp15{ margin:0px 7px 14px 7px; height:300px; text-align:center; position:relative;  display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;}
	 .maincover  .warp15 img{ display:block; width:100%; height:auto}
.maincover  .warp15 span{ display:block; margin:15px; font-family: 'Lato', "微軟正黑體", sans-serif; font-size:16px; font-weight:400}
.maincover  .warp15 span p{ display:block; line-height:18px; margin:0px; font-size:16px}

.maincover .row{ margin:0px; padding:0px}
.sq1{ background-color:#5AB396; color:#FFF; }
.sq2{ background-color:#97BDD2; color:#FFF}
.sq3{ background-color:#F3B3C0; color:#FFF}

footer  .logo{ padding:0px; margin:0px}
footer  .logo a{ color:#999; font-size:12px; }
footer  .logo .col-md-6 .splogo a{ display:block; padding:5px}
footer  .logo .col-md-6 .splogo a img{ display:block; height:34px; width:auto; padding-top:5px}
footer  .logo a b{ font-weight:normal}
footer div ul { list-style:none; margin:0px; padding:0px; float:left}
footer ul li{ list-style:none; float:left; display:block; margin:0px 20px 0px 0px; padding-right:10px }
footer ul li.line{ border-right: 1px solid #999}
footer ul li img{ display: block; width: auto; height:30px}
footer ul li b{ display:block; color:#666; font-weight:normal; font-size:11px}
footer ul li a:hover{ text-decoration:none; font-style:normal; }
footer div.clearfix{ height:20px; width:100%; float:left}
#google_translate_element select{ font-size:11px}
.skiptranslate.goog-te-gadget{ white-space:normal}

footer  .sublink{ font-family: Arial; font-size:10px; }
footer  .sublink a { margin:5px}

/*.soso{ float:none; border-top:1px solid #eee; margin-top:20px}*/
.soso{ float:none}
.soso h5{ font-size:22px; padding-left:7px;  color:#999; text-align:left; margin-bottom:10px }
footer .soso img, .footer .soso img{ width: 85px; height: auto}
footer .soso a, .footer .soso a { border:none; padding:3px; float:left}
footer .soso a .code, .footer .soso a .code{ display: none}
footer .soso a.wechat, .footer .soso a.wechat{ position:relative}
footer .soso a.wechat .code, .footer .soso a.wechat .code{ position:absolute; left:0px; width:150px; height:150px }
footer .soso a.wechat .code img, .footer .soso a.wechat .code img{height:150px; width:150px }
footer .soso a.wechat:hover .code, .footer .soso a.wechat:hover .code{ display:block}
footer .china{ text-align:center; font-size:12px; padding:40px 0px; margin-bottom:60px}
.dirlinkfacebook{ float:left; margin-top:10px}
.quick-reg{position: absolute;right: 50px;
    top: 70px;
    width: 335px;}
.quick-reg a{ width:100%; padding:2px}
.quick-reg a img{ position:absolute; left:25px; top:7px}
.quick-reg a strong{ font-size:26px}

.mainbackground{-webkit-box-shadow: inset 0px -11px 22px -12px rgba(0,0,0,0.35);
-moz-box-shadow: inset 0px -11px 22px -12px rgba(0,0,0,0.35);
box-shadow: inset 0px -11px 22px -12px rgba(0,0,0,0.35);}
.mainbackground.shrink{ height:227px}


.square{-webkit-transition: all 1s;;
	-moz-transition: all 1s;
	transition: all 1s;}
.square{  margin-top:270px; z-index:0; position:relative}
/*.square{  margin-top:204px; z-index:0; position:relative}*/
	.square .pre-reg {  height:60px; background:url(../images/pre-reg-bg.jpg); width:248px; z-index:10; color:#FFF; font-size:20px; line-height:28px; text-align:left; padding:5px;  
	

  
  
-webkit-animation:flipInX;  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 2s;
  -webkit-animation-iteration-count: infinite; 
	 }
	 
.info{background:url(../images/top-info.jpg); background-size:cover;background-position: center center; width:100%; height:320px; position:absolute; z-index:-1;-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5S;	 } 
.exh{background: url(../images/top-exh.jpg); ; background-size:cover;background-position: center center; width:100%; height:320px; position:absolute; z-index:-1;-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5S;	} 
.buyer{background:url(../images/top-buyer.jpg); ; background-size:cover;background-position: center center; width:100%; height:320px; position:absolute; z-index:-1;-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5S;	} 
	 
	 

	.square a { z-index:10000; color:#FFF; margin:auto; width:300px; display:block;background:url(../images/icon-reg.png); background-repeat:no-repeat; background-position:15px center; padding-left:60px; line-height:20px}
	.square a.cut{ font-size: 14px}
	.square a.cut { z-index:10000; color:#FFF; margin:auto; width:300px; display:block; background-image: none; padding-left: 10px; line-height: 17px}
	.square a.cut strong{ font-size:18px}
	.square a.cut span{ font-size:15px; display: block}
	.square a strong{ font-size:23px; }
	.square a:hover{ text-decoration:none; color:#FFF}
	/*.square.shrink{ margin-top:110px; z-index:0; position:relative}*/
		.square.shrink{ margin-top:180px; z-index:0; position:relative}
	.wrap-square{ position:absolute; left:25px; z-index:20}
	.square-cat{ position:absolute; width:100%}
	/*.sidebar-nav{ text-align:center; margin-top:150px}*/
	.sidebar-nav{ text-align:center; margin-top:20px}
	.sidebar-nav a{ color:#999999; font-size:14px}
	.sidebar-nav a:hover{ color:#000; font-weight:bold}
	.sidebar-nav .nav > li > a{ padding:7px 0px}
	.sidebar-nav .nav > li > a.red{ color:red}
	
		.sidebar-nav .nav > li.active a{background:#eee; color:#000; font-weight:normal; border-right:3px solid #C29A53}
	.sidebar-nav .nav > li.active a:hover{background:#eee; color:#000; font-weight:normal; border-right:3px solid #C29A53}
	
	.search-box{ background:#C29A53; float:left; padding:10px; z-index:0; position:relative; width:100%}
	.search-box .col-lg-12{ margin-bottom:5px}
	.search-box select, .search-box input,.search-box button{ font-family: Arial; font-size:13px}
	.Filter{ background:#333; float:left; width:100%; padding:7px; color:#FFF}
	span.ico-green{ background-image:url(../images/icon-gogreen.png); background-repeat:no-repeat; display: inline-block; height:16px; width:16px; }
	span.ico-movie{ background-image:url(../images/icon-movie.png); background-repeat:no-repeat; display: inline-block; height:16px; width:16px; }
	span.ico-new{ background-image:url(../images/icon-newexh.png); background-repeat:no-repeat; display: inline-block; height:16px; width:16px; }
	.exh-list.breadcrumb a{ color:#000000 }
	.company-item .wrap5{  height:100%;  overflow:hidden; width:100%; padding:1px 0px 1px 1px; background-repeat: no-repeat;  background-position:bottom right}

	.company-item{  height:290px; padding:5px; position:relative;-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;}
	.company-item:hover{background:#333}
	.company-item a{ }
	.company-item .pic-one{ width:64%; float:left; height:182px; margin:1px; }
	.company-item .pic-two{ width:34%; float:left; height:90px; margin:1px;}
	.company-item .pic-three{ width:34%; float:left; height:90px;margin:1px;}
	
	.company-item .pro-name b{ display:block; font-weight:normal; font-family: Arial; font-size:12px;}
	.company-item .pro-name b.name{ line-height:16px}
	.company-item .pro-name b.country{  margin-top:8px}

	.company-item .pro-name{ width:100%; text-align:center; color:#FFF; margin-top:7px; float:left}
	.company-item .pro-icon{  float:left; position:absolute; bottom:15px; left:15px;}
	.company-item .pro-icon span{ margin:2px}
	
	.company-item .Gifts{ background-image:url(../images/ic-gifts.jpg);}
	.company-item .Giftwrap{ background-image:url(../images/ic-packag.jpg)}
	.company-item .Festive{ background-image:url(../images/ic-xmas.jpg)}
	.company-item .Housewares{ background-image:url(../images/ic-houseware.jpg)}
	.company-item .Kitchen{ background-image:url(../images/ic-kitchen.jpg)}
	.company-item .Glassware{ background-image:url(../images/ic-glassware.jpg)}
	.company-item .Toys{ background-image:url(../images/ic-toys.jpg)}
	.company-item .Baby{ background-image:url(../images/ic-baby.jpg)}
	.company-item .Design{ background-image:url(../images/ic-design.jpg)}
	.company-item .Giftware{ background-image:url(../images/ic-p2-gift.jpg)}
	.company-item .Stationery{ background-image:url(../images/ic-p2-stationery.jpg)}
	.company-item .Textiles{ background-image:url(../images/ic-p2-houseware.jpg)}
	.company-item .Bathroom{ background-image:url(../images/ic-bathroom.jpg)}
	a.bu-contact{ display:block; background:#59463F; color:#FFF; width:200px; margin:auto; line-height:34px; position:relative }
	.wrap-contact{border-bottom:2px solid #D9A300; width:100%}
	a.bu-contact:hover{ color:#FFF; text-decoration:none}
	.company-details .table > tbody > tr > th{ color:#999999; font-weight:normal; font-size:12px; line-height:14px; width:35%}
		.company-details .table > tbody > tr > td{ color:#333;font-size:12px; font-weight:700; line-height:15px}
		.company-details .table > tbody > tr > td{ border:none}
		.company-details .table > tbody > tr > th{ border:none}
		.company-details .table > tbody > tr > td P{ font-size:12px; font-weight:bold}
		.company-details  .background{ margin-bottom:5px}
		.company-details .background > tbody > tr > th{background-color:#EEE; color:#000}
		.company-details{ margin-top:10px}
		.wrap-products a{ width:100%; height:250px; display:block; border:1px solid #eee}
		.wrap-products .name{ display:block; font-size:14px; padding:10px 0px; line-height:14px}
		.wrap-products .table > tbody > tr > td{ color:#333;font-size:12px; font-weight: normal; line-height:15px}
		.wrap-products .table > tbody > tr > th{color:#999999; font-weight:normal; font-size:12px; line-height:14px; width:40%}
	


	


/*main body
=============================================*/

.row-eq-height .col-md-6{  color:#575747; padding:0px; margin:20px 0px; font-family: 'Lato',"微軟正黑體" ,sans-serif; font-size:1.5em; line-height:25px; 

}
.row-eq-height .col-md-6 strong{ display:block; font-size:2em; line-height:40px}
.row-eq-height .col-md-6 p{   text-align:center; float:none;
    display: table-cell;
    vertical-align:middle; height:454px; padding:20px; font-size:0.9em; }
.row-eq-height .col-md-6 img{ width:100%; height:100%}

.text{background:#E6D9CF;}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;}

.catlist .col-md-8{ font-family:Arial; font-size:11px; line-height:14px;margin-bottom:15px }
.catlist  .col-md-4 img{ width:100%; display:block; background:#FFF;padding:15px 0px 15px 10px }
.catlist  .col-md-4 { padding-right:0px;margin-bottom:10px }
.logobar .blue{ background: #1c7a94;-webkit-box-shadow: 0px 8px 17px -5px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 8px 17px -5px rgba(0,0,0,0.24);
box-shadow: 0px 8px 17px -5px rgba(0,0,0,0.24); color:#FFF; border-radius:10px; overflow:hidden; padding-left:10px}
.logobar .red{ background: #eb557a;-webkit-box-shadow: 0px 8px 17px -5px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 8px 17px -5px rgba(0,0,0,0.24);
box-shadow: 0px 8px 17px -5px rgba(0,0,0,0.24); color:#FFF; border-radius:10px; overflow:hidden; padding-left:10px}
.logobar  div{ color:#666; font-size:20px}
.logobar  img{ display: inline; margin-right:20px; width:60px; height:auto}
.ca{ float:left; padding:20px; width:100%; border-bottom:1px  dotted #CCC; }
.ca ul li{ background: url(../images/dot.gif) no-repeat; background-position:left 12px; padding-left:15px}

.wrap-cat{ float:left; padding:20px; width:100%; border:1px solid #FFF; }
.wrap-cat ul{ display:block; margin:5px}
.wrap-cat ul li{ background: url(../images/dot.gif) no-repeat; background-position:left 12px; padding-left:15px; font-size:16px}
.wrap-hightlight a{ display:block; width:100%; height:160px; padding:10px; border:1px solid #fff; background:#fff; -webkit-box-shadow: 0px 13px 28px -9px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 13px 28px -9px rgba(0,0,0,0.41);
box-shadow: 0px 13px 28px -9px rgba(0,0,0,0.41);}
.wrap-hightlight span{ display:block;  text-align:center; font-size:12px; padding:5px}
.wrap-jointheshow{ margin-top:40px}
.wrap-jointheshow a { display:block;  font-size:2vh; text-align: center; padding:15px 15px 28px; background:#FFF; color:#000; border-radius:20px 20px 20px; line-height:16px;-webkit-transition: all 0.5s;;
	-moz-transition: all 0.5s;
	transition: all 0.5s;-webkit-box-shadow: 0px 10px 29px -16px rgba(0,0,0,0.74);
-moz-box-shadow: 0px 10px 29px -16px rgba(0,0,0,0.74);
box-shadow: 0px 10px 29px -16px rgba(0,0,0,0.74); }
.wrap-jointheshow a:hover{ text-decoration:none; -webkit-box-shadow: 0px 25px 28px -6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 25px 28px -6px rgba(0,0,0,0.3);
box-shadow: 0px 25px 28px -6px rgba(0,0,0,0.3); background:#A6A6A6; color:#FFF}
.wrap-jointheshow a strong{ display:block; font-size:3vh; margin-top:10px}


ul.list li{ background: url(../images/dot.gif) no-repeat; background-position:left 12px; padding:2px 5px 4px 15px}
.ca div{ margin-top:10px}
.linebu .row{ border-bottom:1px solid #CCC; padding:10px}
.wrap15{ margin:15px}
.wrap20{ margin:20px}
.listcenter ul li{ text-align:center; }
.box-shadow{-webkit-box-shadow: 0px 0px 46px -5px rgba(0,0,0,0.73);
-moz-box-shadow: 0px 0px 46px -5px rgba(0,0,0,0.73);
box-shadow: 0px 0px 46px -5px rgba(0,0,0,0.73);}

.banner a img{ display:block; width:100%; margin:auto; }
.banner a{border:1px solid #CCC; padding:5px; margin-bottom:10px; display:block; width:210px; height:110px}

.thumbnail.supporters{ min-height:210px;}
.thumbnail.supporters p{ font-size:12px; line-height:16px}
.listm10{ margin:20px 10px 30px 10px; float:left}
.mainbody p.red{ color:#FF0004;}
.mainbody p.small{ font-size:1em}
.red{ color:#FF0004;}
.white{ background:#FFF}
.whitetext{ color:#FFF}
span.small{ font-size:4px}
.footerwrapper{ background:#FFF; padding-top:10px}
.round20{ border-radius:20px 20px 20px}



.arrow-left  strong, .arrow-right  strong{ display:block}

.arrow-left {
	position: relative;
	background: #eeeeee;
	border: 2px solid #FFFFFF;padding:25px 30px 40px 25px;
	
	-webkit-box-shadow: 0px 0px 28px 3px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 0px 28px 3px rgba(0,0,0,0.41);
box-shadow: 0px 0px 28px 3px rgba(0,0,0,0.41);
}
.arrow-left:after, .arrow-div:before {
	right: 100%;
	top: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-left:after {
	border-color: rgba(238, 238, 238, 0);
	border-right-color: #eeeeee;
	border-width: 20px;
	margin-top: -20px;
}
.arrow-left:before {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #FFFFFF;
	border-width: 21px;
	margin-top: -21px;
}



.arrow-right {
	position: relative;
	background: #eeeeee;
	border: 2px solid #FFFFFF;;padding:25px 30px 40px 25px;
	
	-webkit-box-shadow: 0px 0px 28px 3px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 0px 28px 3px rgba(0,0,0,0.41);
box-shadow: 0px 0px 28px 3px rgba(0,0,0,0.41);
}
.arrow-right:after, .arrow-right:before {
	left: 100%;
	top: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-right:after {
	border-color: rgba(238, 238, 238, 0);
	border-left-color: #eeeeee;
	border-width: 20px;
	margin-top: -20px;
}
.arrow-right:before {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #FFFFFF;
	border-width: 21px;
	margin-top: -21px;
}







.hallname li a{ display:block; position:relative; }
.hallname li a span{ display:block; color:#000000;  text-align:center; }
.hallname li a img{ display:block; min-width:70%; margin:auto}
.Agent strong{ display:block; color:#000; line-height:15px; margin:11px 0px 7px 0px}


 .in-part1 ul, .in-part2 ul{ margin-top:2px}
 .in-part1 ul a, .in-part2 ul a{ display:block; border:1px solid #eee; padding:5px; border-radius:10px; }

  .in-part1 ul a:hover, .in-part2 ul a:hover{ border:1px solid #999;}
   .in-part1 ul a.active, .in-part2 ul a.active{ border:1px solid #333}

   
.reg-cat .panel{ border:1px solid #E9E9E9}
.reg-cat .panel-heading{ padding:0px; overflow: hidden}
.reg-cat .panel-title{ color:#FFF}
.reg-cat .panel-title a b{ display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 35px; background: white; color: #333; line-height: 40px; padding: 0px 15px}
.reg-cat .panel-title a { display:block; position:relative; line-height:35px}
.reg-cat .panel-title a img{ display: inline-block; width:35px; height:auto}
.step strong{display:block; background:#000; color:#FFF; line-height:70px; font-size:20px; width:70px; text-align:center}
.spon div{ background-color:#EDBC11; padding:10px 0px; color:#FFF}
.spon div + div{ border-left:2px solid #FFF}
.spon div span{ display:block; font-size: 3em; color:#000}
ol.smalltext{ font-size:10px; font-family: Arial; color:#909090}
.wrap-venue{ margin:40px 0px}
.wrap-venue h5{ font-size:3vh}





/* cat STYLES
================================================== 
part1
==================================================*/
.catbar{ -webkit-box-shadow: 0px 8px 17px -5px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 8px 17px -5px rgba(0,0,0,0.24);
box-shadow: 0px 8px 17px -5px rgba(0,0,0,0.24); color:#FFF; border-radius:5px; overflow:hidden; padding:0px; line-height:10px; margin:30px 0px 20px 0px}
.catbar img{ height:40px}

.defaultcat{ background:#666}
.reg-cat .panel-title.defaultcat a b{ color: #666}


/*Asian Gifts & Premiums Show*/ 
.Gifts{ background:#6CC6D5}
.reg-cat .panel-title.Gifts a b{ color: #6CC6D5}

/*Asian Mobile Electronics & Accessories Show*/ 
.Mobile{ background:#949599}

/*Asian Giftwrap & Packaging Show */
.Giftwrap{ background:#DCC08E}
.reg-cat .panel-title.Giftwrap a b{ color: #DCC08E}

/*Asian Festive, Christmas & Seasonal Show*/ 
.Festive{ background:#B60D18}
.reg-cat .panel-title.Festive a b{ color: #B60D18}
/*Asian Housewares & Home Decor Show*/ 
.Housewares{ background:#BDC808}
.reg-cat .panel-title.Housewares a b{ color: #BDC808}
/*Asian Kitchen & Dining Show*/ 
.Kitchen{ background:#5AB396}
.reg-cat .panel-title.Kitchen a b{ color: #5AB396}
/*Asian Glassware Trends Show*/ 
.Glassware{ background:#567483}
.reg-cat .panel-title.Glassware a b{ color: #567483}
/*Asian Toys &  Games Show*/ 
.Toys{ background:#F29021}
.reg-cat .panel-title.Toys a b{ color: #F29021}
/*Asian Baby & Nursery World Show*/
.Baby{ background:#EF8280}
.reg-cat .panel-title.Baby a b{ color: #EF8280}
/*Design Studio Hall*/
.Design{ background:#2d3192}

/*
================================================== 
part2
==================================================*/
/*Asian Giftware & Fashion Accessories Show */ 
.Giftware{ background:#0E82C6}
.reg-cat .panel-title.Giftware a b{ color: #0E82C6}
/*Asian Stationery Show  */ 
.Stationery{ background:#EA6110}
.reg-cat .panel-title.Stationery a b{ color: #EA6110}
/*Asian Housewares & Home Textiles Show */ 
.Textiles{ background:#D165A3}
.reg-cat .panel-title.Textiles a b{ color: #D165A3}
/*Asian Sanitary & Bathroom Accessories Show*/ 
.Bathroom{ background:#ED2379}
.reg-cat .panel-title.Bathroom a b{ color: #ED2379}

.mainbody{  margin:340px auto 10px}


/*Offcanvas
===================================================*/
@media screen and (max-width: 767px) {
	
	body h3{ margin:20px 0px}
	
	body{  overflow-x: hidden;}
	.sidebar-nav{ margin-top:10px}
	.mainbody{  margin:120px auto 10px}
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
.maincover .warp15{ margin:0px; height:auto}
  .row-offcanvas-left .sidebar-offcanvas {
    left: -70%;
  }

  .row-offcanvas-left.active {
    left:75%;
  }
  #sidebar.active{ position:fixed; left:-20px; top:165px}

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 70%;
    margin-left: 12px;
  }
  .row h2{ font-size:6vw}
    
  
  
   .row h1{ display:block; width:100%; font-size:6.3vw; line-height:50px;-webkit-margin-before:0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;}
	 .row-eq-height{ display:block}
	 .col-md-6.text p{ height:auto }
	 .row-eq-height .col-md-6{ margin:0px}
	 .row-eq-height .col-md-6 strong{ font-size:7vw; line-height:27px}
	 footer .sublink{ }
	 
	 
	 .ca ul{ margin-top:3px}
	 
	 .exh-list .company-item .pic-two{ width:48.5%}
	 .exh-list .company-item .pic-three{ width:49%}
	  .exh-list .company-item{ height:200px}

}




 








/* GENERAL STYLES
================================================== */



h1{ font-family: 'Marcellus', "微軟正黑體", serif;border-bottom:1px solid #C29A53; text-align:center; color:#C29A53; line-height:90px; display:block; letter-spacing:-1px; font-weight: inherit;font-size: 2.3em}

h2{font-family: 'Marcellus', "微軟正黑體", serif; text-align:center; font-size:3em; margin:35px 0px 25px }
h2.mb5{ margin:5px}
h2.ssmall{font-size:2em; text-align:left; padding-left:20px}
h6{font-family: 'Marcellus', "微軟正黑體", serif; text-align:center; font-size:1.4em; margin:5px 0px 25px }
h5{font-family: 'Marcellus', "微軟正黑體", serif; text-align:center; font-size:1.8em; margin:5px 0px 25px }
h2.small{font-size:1.2em; border-bottom:1px solid #C29A53; line-height:17px; background:#eee; padding:15px 14px}

h3{border-bottom:1px solid #C29A53; border-top:1px solid #C29A53; font-family: 'Marcellus', "微軟正黑體",serif; color:#594840; text-align:center; font-size:2.2em; padding:20px; margin:40px 0px }
h3 span.ch{font-family: 'Marcellus', "微軟正黑體",serif; display:block; font-size:0.75em}

h3 small{ display:block; line-height:28px; font-size:0.7em} 
h3 small.left{  text-align:left; color:#333}

html {
    height:100%
}

.toggelmenu{ position:absolute; top:125px; left:10px}
.container15{padding: 15px;

    margin-right: auto;
    margin-left: auto;}

.mainbody p.b{font-family: 'Marcellus', "微軟正黑體", serif; font-size:1.2em
}
.mainbody p{ font-size:1.15em; line-height:23px; color:#000}
body {
	 font-family: 'Lato', 微軟正黑體; 
    margin:0;
    padding:0;
    height:100%;
    width:100%; font-size:1.3em; color:#000;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
	  -webkit-touch-callout: none; /* iOS Safari */
 /*  -webkit-user-select: none;   /*Chrome/Safari/Opera */
/*  -khtml-user-select: none;    /* Konqueror */
/*  -moz-user-select: none;      /* Firefox */
/*  -ms-user-select: none;       /* IE/Edge */
 /* user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
	/*-webkit-user-select:none;
    -webkit-text-size-adjust:none; position:relative*/
}

body p{ font-size:16px}

.pattern {
    background-image:url(../images/pattern.png);
    background-repeat: repeat;
    background-attachment:scroll;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}

.divider {
    background-image:url(../images/divider.png);
    display:block;
    width:300px;
    height:35px;
    margin:10px auto
}


#colorize {
    color:#f1c40f;
    font-family:'Lato',sans-serif;
    font-size:40px
}
div.title{ font-family: 'Marcellus', "微軟正黑體",serif;
    color: #594840;
    text-align: left;
    font-size: 2em;
    padding: 10px; line-height:28px}

div.title span{  font-size: 0.6em; display:block; line-height:22px }
div.title.small{ font-size: 0.55em;}
div.title.xsmall{font-size: 0.47em; color:#000;}
.registration .input-sm{ font-weight:bold; font-size:15px; color:#000}

.registration .form-control{font-weight:bold; font-size:12px; color:#000; padding:0px 12px}
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999; font-weight:normal
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999; font-weight:normal

}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999; font-weight:normal

}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999; font-weight:normal
}




/* BIG VIDEO BACKGROUND
================================================== */
.big-background {
    z-index:550;
    text-align:center;
    height:100%;
    min-height:100%;
    position:relative;
    overflow:hidden
}

.big-background .big-background-container {
    width:830px;
    max-width:100%;
    display:inline-block;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

.big-background-title {
    font-family:'Raleway',sans-serif;
    font-size:78px;
    color:#fff;
    font-weight:300;
    text-transform:uppercase;
    text-align:center;
    margin-bottom:22px;
    padding-top:20px;
    display:inline-block;
    background-attachment:scroll;
    background-repeat:repeat-x;
    background-position:top center
}

a.big-background-btn {
    font-family:'Lato',sans-serif;
    font-size:13px;
    text-transform:uppercase;
    text-decoration:none;
    color:#fff;
    background:transparent;
    border:2px solid #fff;
    padding:10px 14px;
    cursor:pointer;
    letter-spacing:2px;
    text-align:center;
    display:inline-block;
    -webkit-transition:.4s background ease;
    -moz-transition:.4s background ease;
    -o-transition:.4s background ease;
    transition:.4s background ease;
}

.big-background-btn:hover {
    color:#fff;
    background:rgba(255,255,255,0.20)
}

.big-background-default-image {
    background:url(../images/sunset.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    width:100%;
    height:100%;
    z-index:0;
    backface-visibility:hidden
}







/* SMALL VIDEO BACKGROUND 
================================================== */
.small-background-section {
    font-family:'Raleway',sans-serif;
    padding:100px 0;
    position:relative;
    width:100%;
    overflow:hidden
}

.small-background-container {
    position:relative;
    text-align:center
}

.small-background-title {
    font-size:40px;
    color:#f1c40f;
    font-weight:300;
    z-index:10;
    display:inline-block;
    text-transform:uppercase;
    margin-bottom:20px;
    margin-top: 20px;
    position:relative;
    background-attachment:scroll;
    background-repeat:repeat-x;
    background-position:top center
}


/*hotelbook*/
.hotelbook strong{ display:block; font-size:15px}
.hotelbook  span{ display:block; margin:10px 0px}


.hotelbu{ font-size: 14px; background-image: url(../images/bubu.jpg);  background-position: right; background-repeat: no-repeat; line-height: 18px; height: 110px}
.hotelbu strong{ font-size: 20px; line-height: 25px}
.hotelbu div.hand { display: block; position: absolute; right: 10px}
.hotelbu div.hand span{display: block; font-size: 40px;  line-height: 35px; position: absolute; right: 70px; top: 10px}
.hotelbu div.hand img{ width: 70px; height: auto}
.hotelbu div.splogo { position: absolute; top: 15px; left: 20px }
.hotelbu div.splogo img{ display: block; width: 240px; height: auto; }
.appsicon{ }


/*business matching*/
.m-bu-add{ background-color: #7b858a; border-radius: 25px; display: block; text-align: center;  color: #FFF;  margin: auto;-webkit-box-shadow: 0px 15px 29px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 15px 29px -5px rgba(0,0,0,0.75);
box-shadow: 0px 15px 29px -5px rgba(0,0,0,0.75); border: 2px solid #FFF; font-size: 2vh; padding: 5px; line-height: 22px}
.m-bu-add span{ font-size: 20px}
.m-bu-add:hover{ color: #FFF;  text-decoration: none ; box-shadow: none; position: relative; top: 2px}
.m-bu-add:focus{ color:#FFF; text-decoration: none ;}
.bu-role{ width: 100%; -webkit-box-shadow: 0px 7px 23px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 23px -9px rgba(0,0,0,0.75);
box-shadow: 0px 7px 23px -9px rgba(0,0,0,0.75); font-size: 1.8vh; padding: 10px 2px}
.ms-box-wrap{ margin-bottom: 15px; display: block; background-color: #FFF}
.ms-box{ border: 1px solid #CCC; height: 65px; overflow: hidden ;}
.ms-box:hover{ border: 1px solid #393939; background-color: #eeeeee}
.ms-box-name{ width: 25%; float: left; color: #FFF;  text-align: center;font-family: 'Lato', "微軟正黑體"; font-size: 30px; overflow: hidden; position: relative; height: 100%;}
.ms-box-name .ms-box-name-wrap{ position: relative; top: 50%;  transform: translateY(-50%);}
.ms-box-content{width: 75%; float: left}


.ms-box.want .ms-box-name{ background-color: #0099ff;}
.ms-box.sell .ms-box-name{ background-color: #66cc33}




.ms-box-content{ padding: 5px;}
.ms-box-subject{ color: black; font-weight: bold}
.ms-box-message{ color: #666; font-size: 12px; line-height: 17px; overflow: hidden; height: 35px}
#viewmessage label{ color:#999}
#viewmessage .form-group{ clear:both}
#viewmessage .want{ background-color: #0099ff; color:#FFF;  padding: 5px}
#viewmessage .sell { background-color: #66cc33; color:#FFF; padding: 5px}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	.cp1 img, .cp2 img{ display:block; width: 150% ; position:absolute;top:0; bottom:0; margin:auto;}
	.row1 .cp1, .row1 .cp2{ height: 180px; position: relative}
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
		body .clist { height:270px}	
	body	.clist-sphoto1, body .clist-sphoto2,body .clist-next,body .clist-sphoto3{height: 65px}
	body .clist-detials span.c-name{    padding: 20px;}
	body .searchexh .header{  margin: 5px 0px 5px 20px}
}



.m-newcover{ margin:auto; width:1100px}
.clist{ height: 382px}

.clist-bphoto{height: 382px; width: 50%; float: left}
.clist-detialswrap{ float: left;  width: 50%;  height:100%; display: flex; text-align: center; position: relative}
.clist-wrap{width: 50%; float: left; height: 100%; }
.clist-sphoto{ position: absolute;  bottom:1px; overflow: hidden; width: 100%; left: 0px; }
.clist-sphoto1, .clist-sphoto2, .clist-next, .clist-sphoto3{ width: 32.8%; height: 95px; float: left; margin-left: 1px }
.clist-next{  background-color: #333333}
.clist a{ display:block; width:100%;  position: relative;  height: 100%}
.row1 div, .row2 div, .row3 div, .row4 div{ padding:0px}
.row1, .row2, .row3, .row4{  margin: 0px; overflow: hidden}
.clist-detials{ color:#FFF;   width: 100%;  height: 100%}
.clist-detials span{ display:block;  text-align: center; width: 100%; }
.clist-detials span.c-name{   font-size: 25px; padding: 40px 20px 20px; line-height: 23px}

.clist-wrap .clist-detials { background-repeat: no-repeat ; background-position: center 150px ; overflow: hidden; position: relative}
	.clist-wrap.Gifts .clist-detials{ background-image:url(../images/ic-gifts.jpg);}
	.clist-wrap.Giftwrap .clist-detials{ background-image:url(../images/ic-packag.jpg)}
	.clist-wrap.Festive .clist-detials{ background-image:url(../images/ic-xmas.jpg)}
	.clist-wrap.Housewares .clist-detials{ background-image:url(../images/ic-houseware.jpg)}
	.clist-wrap.Kitchen .clist-detials{ background-image:url(../images/ic-kitchen.jpg)}
	.clist-wrap.Glassware .clist-detials{ background-image:url(../images/ic-glassware.jpg)}
	.clist-wrap.Toys .clist-detials{ background-image:url(../images/ic-toys.jpg)}
	.clist-wrap.Baby .clist-detials{ background-image:url(../images/ic-baby.jpg)}
	.clist-wrap.Design .clist-detials{ background-image:url(../images/ic-design.jpg)}
	.clist-wrap.Giftware .clist-detials{ background-image:url(../images/ic-p2-gift.jpg)}
	.clist-wrap.Stationery .clist-detials{ background-image:url(../images/ic-p2-stationery.jpg)}
	.clist-wrap.Textiles .clist-detials{ background-image:url(../images/ic-p2-houseware.jpg)}
	.clist-wrap.Bathroom .clist-detials{ background-image:url(../images/ic-bathroom.jpg)}
.searchexh .form-group{ padding: 0px; margin: 0px}
.searchexh{  background-color: #e6673e;  color: #FFF; height: 93px; border: 1px solid #e6673e; overflow: hidden}
.searchexh .header{   font-size: 20px; margin: 18px}
.searchexh input{ background-color: #e6673e; border: none; box-shadow: none; height: 93px; font-size: 40px; color: #FFF}
.searchexh input:focus{  border:none}
.searchexh input::placeholder{  color: #ea876c; font-size: 23px}
.searchexh input:-ms-input-placeholder{  color: #ea876c; font-size: 23px}
.searchexh input::-webkit-input-placeholder{  color: #ea876c; font-size: 23px}


.searchexh button{ font-size: 20px; background-color: transparent; line-height: 80px; margin: 0px;  border-radius: 0px; border-right:0px; border-top:0px;   border-left: 1px solid #ea876c; color:#FFF;padding-left:20px  }
.searchexh .btn-default span{ font-size: 30px ; color: darksalmon}
.searchexh .btn-default:hover{ background-color: #e6673e; border-left: 1px solid #ea876c;}
.c-request .ms-box-content{ padding: 5px 5px 5px 10px}
.cp1{ background-color: #1d7b95; overflow: hidden}
.cp2{ background-color: #ec547a; overflow: hidden}
.row2{ background-color: #73615a}
.row2 a{ position: relative}
.row2 a b{  display: block; position: absolute; color: #FFF; font-size: 24px; line-height: 20px; left: 20px; font-weight: normal; top: 0% }
.row2 a{ position: relative}
.row3 a b{ display: block; position: absolute; color: #666; font-size: 24px; line-height: 20px; left: 20px; font-weight: normal ; top: 40% } 
.row2 .col-lg-6{ overflow: hidden}