@import url('https://fonts.googleapis.com/css?family=Kalam');
/*@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
.row.memberli{margin-top:20px;}
#sessionproduct .row{border-bottom: 1px solid #ccc;}
/*#sessionproduct .row:first-child{border-top: 1px solid #ccc;}*/
#sessionproduct .row>div {
    line-height: 130px;}

   /* .fybyn{display:none;}*/

.delectproduct{cursor: pointer;}

.hidefilter{
	border: 0;
	outline: 0;
	position: absolute;
	width: 94%;
	/* max-width: 700px; */
	right: 5%;
	height: 0;
	top: 0;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
	/* background: #eee; */
	padding: 0 20px;
	box-shadow: -1px 1px 3px #ccc;
	z-index: 1000;
 }

 .hidefilter.go{height: 50px;}

 .filterbutton{
 	position: absolute;
 	    top: 0;
 	    right: 30px;
 	    color: #6c6c6c;
 	    font-size: 16px;
 }

.dismiss{display: none;}

.contentbody{font-size: 16px;white-space: pre-line;}

.contentbody h1,.contentbody h2,.contentbody h3,.contentbody h4,.contentbody h5,.contentbody h6{font-size: 16px; margin:0;}

.nopadding{padding: 0;}

.nopaddingleft{padding-left:0;}

.detail p, .detail a{margin: 5px 0;   font-size: 16px;
    color: black;
    font-weight: 400;
white-space: nowrap;}

    .detail span{    font-size: 16px;
    color: black;
    font-weight: 400;
display: inline-block;
width: 70px;}



h1,h2,h3,h4,h5,div,span,p,a{font-family: 'Open Sans', Microsoft JhengHei, sans-serif; font-weight: 400;    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;}
.ctext {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 14px;
	/*color: #666666;
	text-decoration: none;*/
}
body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 14px;
	color: black;
	background-color:#FFFFFF;
	text-decoration: none;
	margin:0 0;
}
a:focus,a:hover,a{text-decoration: none;}
a:hover,#footer a:hover{color:#c6381b;text-decoration: none;}
.search_title {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.highlight_ctext {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 12px;
	color: #FF6600;
}

form {
	display: inline;
}
select {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FAFAFA;
	border: 1px solid #F0F0F0;
}
.menu_link {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.error_12 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
table {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 14px;
	/*color: #666666;
	text-decoration: none;*/
}
.table_c1 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	background-color: #F3F3F3;
	border: 1px solid #999999;
}
.table_c2 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	background-color: #ECFDD5;
	border: 1px solid #CCCCCC;
}
.step1_css {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 14px;
	color: #C4C4C4;
	text-decoration: none;
}
.step2_css {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 14px;
	color: #76D9C5;
	text-decoration: none;
}
.ebook_list {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 12px;
	color: #FFF;
	list-style-type: circle;
	text-decoration: none;
}
.css_disable {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 12px;
	color: #EBEBEB;
	background-color: #E6E6E6;
}

a:hover{text-decoration: none}

/* [[ ------------------------------------------------------------------- */
/* [[ ----- Comments                                                ----- */
/* [[ ------------------------------------------------------------------- */

#comment{
	width:745px;
	margin:20px 0 0 0;
}
#comment a img{
	border-style:none;
}
/* [[ text */
#comment #authz h4,
#comment #cmt h4,
#comment #cmt-list h4,
#comment #cmt-list h4 span{
	background-image:url(images/cmt_text.png);
	background-repeat:no-repeat;
	height:13px;
	margin:0;
	padding:0;
	background-color:none;
}
/* text ]] */

#comment #authz{
	background-color:#eee;
	width:100%;
	height:180px;
	margin:0 0 20px 0;	
	overflow:hidden;	
}
#comment #authz h4{
	background-position:0 -95px;
	width:130px;
	margin:65px auto 10px auto;
	_margin-left:310px;
	text-align:center;
}
#comment #authz div{
	text-align:center;
}
#comment #cmt{
	width:100%;
	height:180px;
	margin:0 0 20px 0;
	overflow:hidden;	
}
#comment #cmt h4{
	background-position:0 0;
	margin:0 0 10px 0;
}
#comment #cmt textarea{
	border:1px solid #ccc;
	width:100%;
	height:125px;
	height:110px\9;
	*height:110px;
	_height:110px;
	margin:0 0 5px 0;
	padding:3px;
	color:#333;
}
#comment #cmt div{
	text-align:right;
}

/* [[ comment listing */
#comment #cmt-list h4{
	background-position:0 -31px;
	margin:0 0 10px 0;
	padding-left:15px;
}
#comment #cmt-list h4 em{
	float:left;
	font-style:normal;
	font-weight:normal;
	margin-right:3px;
}
#comment #cmt-list h4 span{
	background-position:0 -62px;
	padding:0 0 0 0;
	display:block;
	height:13px;
	width:70px;
	float:left;
}
#comment #cmt-list ul{
	list-style:none;
	margin:0;
	padding:0;
}
#comment #cmt-list ul li{
	margin:0 0 20px 0;
	display:block;
}
#comment #cmt-list ul li div{
	background-image:url(images/cmt_ptn.png);
	background-repeat:no-repeat;
	background-position:0 1px;
	height:33px;
	margin:0;
	padding:0;
	line-height:33px;
}
#comment #cmt-list ul li div label{
	color:#61577f;
	font-weight:bold;
	width:30px;
	margin-right:50px;
	text-align:right;
	display:block;
	float:left;
}
#comment #cmt-list ul li a{
	text-decoration:none;
	color:#61577f;
}
#comment #cmt-list ul li a:hover{
	text-decoration:none;
}
#comment #cmt-list ul li div em{
	float:right;
	margin-right:10px;
	font-style:normal;
	font-weight:normal;	
}
#comment #cmt-list ul li p{
	margin:1px 0 1px 0;
	color:#333;
	line-height:16px;
	padding:5px;
}
#comment #cmt-list ul li.s2 div,
#comment #cmt-list ul li.s2 p{
	background-color:#eee;
}
#comment #cmt-list:after,
#comment #cmt-list ul:after,
#comment #cmt-list ul li:after{
	content:".";
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
	visibility:hidden;
}
/* comment listing ]] */

/* [[comment pagination */
#comment #pgn{
	margin:0 0 20px 0;
	display:block;	
	height:18px;
}
#comment #pgn ul{
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}
#comment #pgn ul li{
	float:left;
	background-color:#eee;
	margin:0 0 0 1px;
	line-height:12px;
	display:block;	
}
#comment #pgn ul li a{
	color:#61577f;
	padding:0 3px;
	border:1px solid #999;	
}
#comment #pgn ul li a:hover{
	color:#61577f;
	padding:0 3px;
	border:1px solid #61577f;	
}
#comment #pgn:after,
#comment #pgn ul:after,
#comment #pgn ul li:after{
	content:".";
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
	visibility:hidden;
}
/* comment pagination ]] */

/* ------------------------------------------------------------------- ]] */
/* ----- Comments                                                ----- ]] */
/* ------------------------------------------------------------------- ]] */



/* [[ ------------------------------------------------------------------- */
/* [[ ----- Search                                                  ----- */
/* [[ ------------------------------------------------------------------- */

#search{
	background-image:url(images/search_bg.png);
	/*
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/search_bg.png');	
	*/
	background-repeat:no-repeat;
	background-position:0 0;
	width:298px;
	height:80px;
	/*background-color:#52496e;*/
	overflow:hidden;
}
#search #sbox{
	width:298px;
	height:20px;
	margin:20px 0 10px 7px;
	overflow:hidden;
}
#search #hotkw{
	background-color:#c7c4cf;
	line-height:20px;
	width:298px;
	height:20px;
	font-size:12px;	
	overflow:hidden;
}
#search #hotkw h5{
	font-weight:bold;
	color:#ef4b2d;
	float:left;
	margin:0 0 0 7px;
	font-size:12px;	
}
#search #hotkw a{
	margin-left:10px;
	float:left;
	text-decoration:none;
	color:#666;
}
#search #hotkw a:hover{
	text-decoration:none;
}
#search #sbox:after,
#search #hotkw:after{
	content:".";
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
	visibility:hidden;
}
/* [[ old class/id name */
#search select,
#search #search3,
#search input{
	float:left;
	margin:0;
	background-image:none;
}
#search select{
	height:19px;
	border:1px solid #81a0b2;
}
#search #search3{
	height:19px;
	border:1px solid #81a0b2;
	margin:0 3px;
	width:130px;
}
/* old class/id name ]] */


/* ------------------------------------------------------------------- ]] */
/* ----- Search                                                  ----- ]] */
/* ------------------------------------------------------------------- ]] */





/* [[ ------------------------------------------------------------------- */
/* [[ ----- Website layout change                                   ----- */
/* [[ ----- * home.htm                                              ----- */
/* [[ ----- * design_list2.htm                                      ----- */
/* [[ ----- * company.php                                           ----- */
/* [[ ----- * company_content.htm                                   ----- */
/* [[ ------------------------------------------------------------------- */


/* [[ left menu */
td.white_14b,
td#menu1,td#menu2,td#menu3,td#menu4,td#menu5,td#menu6,td#menu7,td#menu8,td.ebook_list{
	background-image:url(images/todaysliving_menu_bg.png);
	background-repeat:no-repeat;
	background-position:right 0;	
	background-color:#900;
	margin-left:-25px;
}
td#menu1 a.ebook_list{
	margin-left:18px;
}
td.ebook_list a{
	margin-left:18px;
	text-decoration:none;
}
/*
body#business_guest td#menu6 a,
body#business_guest td#menu8 a,
body#homelive td#menu6 a,
body#homelive td#menu8 a{
        margin-left:18px;
	_margin-left:14px;
}
*/
td.white_14b{
	background-image:none;
	height:25px;
	font-weight:normal;
	font-size:12px;
	padding-left:25px;
	line-height:25px;
}
td.white_14b:before{
	/*content:"會員登入";*/
}
td.white_14b img{
	display:none;
}
#sub1,
#sub5{
	background-color:#fff;
	margin:5px 0 0 0;
	width:175px;
	overflow:hidden;
}
#sub1 a,
#sub5 a{
	margin-left:18px;
	text-decoration:none;
}
#sub1 #menu2,
#sub1 #menu3{
	background-image:none;
	background-color:inherit;
}
/*
#sub1 #menu2 a,
#sub1 #menu3 a{
	margin-left:0;	
}
*/
#sub1 table,
#sub5 table{
	float:left;
	width:175px;
}
#sub1:after,
#sub5:after{
	content:".";
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
	visibility:hidden;
}
.menu_title_2{
	float:left;
	margin-left:18px;	
}
#sub1 .menu_title_2,
#menu5 .menu_title_2,
#sub5 .ctext{
	/*margin-left:0;*/
	height:14px;	
}
#menu4 .menu_title_2,
#menu6 .menu_title_2,
#menu8 .menu_title_2{
	margin-left:18px;	
}

#menu1 .menu_title_2{
	/*_margin:-12px 0 0 15px;*/
}

#sub1 #menu1,
#sub1 #menu2,
#sub1 #menu3{
	background-color:#fff;
}
#sub1 #menu3 .menu_title_2{
	*margin:0;
	*line-height:16px;
}

#nat-menu td{
	text-align:left;
}
/*./chi/images/menu_bg_tmenu3.jpg*/

/* left menu ]] */

/* [[ main */
/*
td.menu_title,
b.menu_title,
span.menu_title{
	background-image:url(images/todaysliving_header_bg.png);
	background-repeat:repeat-x;
	background-position:0 0;
	
	background-color:#463f5e;
	color:#fff;
	height:20px;
}
b.menu_title,
span.menu_title{
	width:103%;
	display:block;
	margin:-18px 0 0 -2px;
}
*/
/*
form td span.menu_title{
	background-image:none;
	margin:0 0 5px 0;
	display:inline-block;
	width:100%;
	background-color:inherit;
	color:#333;
}
*/
.homepage_design_bg{
	background-color:#f28f53;
}
.homepage_design_menu{
	width:145px;
	background-color:#F2F2F2;
	padding-top:3px \9;
	padding-bottom:2px \9;

}
a.homepage_design_menu:link {
	text-decoration:none;
	color:#000;
}
a.homepage_design_menu:visited {
	text-decoration:none;
	color:#000;
}
a.homepage_design_menu:hover {
	text-decoration:none;
	color:#000;
}
a.homepage_design_menu:active {
	text-decoration:none;
	color:#000;
}

#homepage_design{
	width:250px;
	padding-top:3px;
	padding-left:3px;
}
#homepage_design table img{
	border:1px solid #ccc;
}

#m3 tr td .menu_link{
	background-color:#f2f2f2;
	display:inline-block;
	margin:-9px -49px 0 0;
	_margin:0px -49px 0 0;
	overflow:hidden;
	width:135px;
	_width:150px;
	border-top:1px solid #797689;
	border-bottom:2px solid #797689;
	border-right:7px solid #797689;
	_border-style:none;
	height:19px;	
	line-height:19px;
}

#m3 table,
#m3 tr,
#m3 td,
#m3 table tr td table tr td{
	/*_background-color:#797689;
	_background-color:#ffcc99;
	_background-color:#99ff99;*/
	/*_background-color:#FA9999;*/
}
#m3 td{
	_padding:0;
}

#homepage_design:after{
	content:".";
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
	visibility:hidden;
}

tr.menu_title td table tbody tr td img{
	display:none;
}
tr.menu_title td table tbody tr td .menu_link{
	background-color:#fff;
	display:inline;
	margin:0;	
	border-style:none;
	
	background-image:url(images/todaysliving_arrow.png);
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:15px;
	

}

/*
html body table tbody tr td table tbody tr td table tbody tr td table tbody tr td table tbody tr td table tbody tr td table tbody tr td a.ctext{
	background-image:url(images/todaysliving_arrow.png);
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:15px;
	background-color:#fff;
}
*/
a.ctext img{
	/*border:1px solid #ccc;*/
	padding:1px;
} 
a.ctext td img{
	border:none;
	padding:0;
} 
/*
html body table tbody tr td table tbody tr td table tbody tr td table tbody tr td table tbody tr td table tbody tr td a img{
	border:1px solid #ccc;
	padding:2px;
}
*/
#topMenu{
	position:relative;
	width:100%;
}
div#topMenu.go {
    background: white;
    height: 57px;
    position: fixed;
    z-index: 10000;
    top: 0;
}

@media only screen and (min-device-width : 1025px){

.qmask{
display: block;
width: 0;
height:600px;
-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
	position: absolute;
	top: 0;
	left:0;
	z-index: 7000;
	overflow: hidden;
}
.qmask.go{width:100%;}
.qbutton{
	z-index: 8000;
	width: 50px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 15px;
	line-height: 50px;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	padding: 200px 0px;
	font-size: 23px;
	background: #ccc;
	font-weight: 900;
-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
-o-user-select: none;
user-select: none;
cursor: pointer;}

.qmask .qform{width: 100%;
    height: 600px;
    background: rgba(255,255,255,0.85);
    top: 0;
    position: absolute;
    left: 0;
    padding: 30px 30px 30px 100px;    overflow-y: scroll;}

#menuLogo{
	width:24%;
}

div#menuLogo.go {
	width: 110px;
	    position: absolute;
	    left: 85px;
	    top: -4px;
}


}
@media only screen and (max-device-width : 767px){

	.qmask{display:none;}
	.qbutton{display:none;}

	#menuLogo{
		width:50%;
	}


	div#menuLogo.go {
	width: 100px;
	position: absolute;
	left: 34%;
	top: 0px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){

	.qmask{display:none;}
	.qbutton{display:none;}

	#menuLogo{
		width:40%;
	}


	div#menuLogo.go {
	width: 100px;
	position: absolute;
	left: 34%;
	top: 0px;
	}
}

#menuLogo{
	
	/*float:left;*/
	padding-top:0px;
	margin: auto;
    text-align: center;
}

#adsBanner{
	position:relative;
	float:right;
	width:100%;
	text-align:center;
	margin: 15px 0;
}
#topBanner{
	position:relative;
	text-align:center;
}
#menuNew{
	position:relative;
	top:-15px;
	left:33px;
	height:15px;
	overflow:hidden;
}
.menuNewContent{
	position:absolute;
	top:-15px;
	width:150px;
	height:15px;
	overflow:hidden;
}
#div_swf table{
	background-color:#fff;
}
/*
#div_swf #homelive{
	background-image:url(images/todaysliving_header_bg.png);
	background-repeat:repeat-x;
	background-position:0 0;	
	background-color:#000;
	width:325px;
	height:290px;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}
*/
#hd-title{
    text-align:left;
    font-weight:bold;
}

#div_swf #homelive a{
	_float:left;
	_display:block;
	/*
	_width:58px;
	_height:25px;
	*/
	_width:300px;
	_height:250px;
	_overflow:hidden;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://elephantpong.no-ip.info/todayliving/chi/images/todaysliving_homelive.png');
	_margin:5px 0 0 5px;/**/
}
#div_swf #homelive a img{
	border:none;
	float:left;
	_display:block;
	margin:3px 0 0 10px;
	/*_margin-top:-58px;*/
}


/* main ]] */

/* [[ srp */
/* design_list2.htm */
td#srp table tbody tr td table{
	background-color:#dedce4;
}
/* srp ]] */

.tm1{
	border:1px solid #EEEEFF;
}
td.tm2{
	width:50%;
}
td.tm2 img{
	border:1px solid #ddd;
	padding:3px;
}

/*
td.tm3 img{
	background-color:#fff;
	margin:0;	
	background-image:url(images/todaysliving_arrow.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:0px;
	height:12px;
	padding:0 0 0 12px;
	display:block;
	overflow:hidden;
}
*/

.hd-title{
	background-image:url(images/todaysliving_header_bg.png);
	background-repeat:repeat-x;
	background-position:0 0;
	/*background-color:#f28f53;*/
	height:21px;
	padding:0 0 0 5px;
}
.hd-title,
.hd-title span,
.hd-title b{
	color:#FFFFFF;
	font-size:12px;
	line-height:22px;
}

.hd-title h1{
	color:#FFFFFF;
	font-size:12px;
	line-height:7px;
}

.cpy{
	margin:0;
	padding:0;
}

.cpy p,
.cpy b,
.cpy font,
.cpy span{
	font-size:13px;
	font-family:"arial","pmingliu","mingliu";
	line-height:15px;
}

.cpy b,
.cpy strong{
	color:#8f62a7;
	margin:20px 0 15px 0;
	display:block;
}

.cpy a,
.cpy a font{
	color:#999;
	text-decoration:none;
}

.cpy a:hover,
.cpy a:hover font{
	text-decoration:none;
}

.cpy .loaded{
	border:1px solid #ddd;
	padding:3px;
}

.cpy .en_tx strong{
	float:left;
	margin:0;
	padding:0;
}
.cpy .en_tx,
.cpy .tx_declarech,
.cpy .tx_declare{
	background-color:#fff;
}

#policy.cpy strong{
	color:#bbb;
	font-weight:normal;
}

#policy.cpy p strong{
	color:#8f62a7;
	font-weight:bold;	
}


#cpy-menu,
#cpy-menu li a span{
	margin:0;	
	padding:0;
	background-image:url(images/company_menu.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:32px;
	display:block;
	overflow:hidden;
}	
#cpy-menu{	
	margin:20px 0 0 0;
	width:735px;
}
#cpy-menu li{
	height:32px;
	float:left;
}
#cpy-menu li a span{
	background-position:0 32px;
}
#cpy-menu li#cpy1 a span,
#cpy-menu li#cpy2 a span,
#cpy-menu li#cpy3 a span,
#cpy-menu li#cpy4 a span,
#cpy-menu li#cpy5 a span{
	margin-right:2px;
}
#cpy-menu li#cpy1 a span{
	width:144px;
}
#cpy-menu li#cpy2 a span{
	width:137px;
}
#cpy-menu li#cpy3 a span{
	width:144px;
}
#cpy-menu li#cpy4 a span{
	width:142px;
}
#cpy-menu li#cpy5 a span{
	width:160px;
}
#cpy-menu li#cpy1 a:hover span{
	background-position:0 -32px;
}
#cpy-menu li#cpy2 a:hover span{
	background-position:-146px -32px;
}
#cpy-menu li#cpy3 a:hover span{
	background-position:-285px -32px;
}
#cpy-menu li#cpy4 a:hover span{
	background-position:-431px -32px;
}
#cpy-menu li#cpy5 a:hover span{
	background-position:-575px -32px;
}

#cpy-menu ul{
	list-style:none;
	margin:0;
	padding:0;
	width:740px;
}

#cpy-menu:after,
#cpy-menu ul:after{
	content:".";
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
	visibility:hidden;
}

.fb-share{
	margin:0;	
	background-image:url(images/fb_share_24.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/fb_share_24.png');
	background-repeat:no-repeat;
	background-position:0 0;
	width:124px;
	height:36px;
	padding:0 0 0 0;
	display:block;
	overflow:hidden;
	border:none;
	position:relative;
	left:612px;
	/*margin:67px 2px -150px 0;*/
	margin:70px 0 -106px 0;
	cursor:hand;
	z-index:50;
}
.design-fb-share{
	margin:0;	
	background-image:url(images/fb_share_24.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/fb_share_24.png');
	background-repeat:no-repeat;
	background-position:0 0;
	width:124px;
	height:36px;
	padding:0 0 0 0;
	display:block;
	overflow:hidden;
	border:none;
	float:left;
	/*margin:67px 2px -150px 0;*/
	/*margin:70px 0 -106px 0;*/
	cursor:hand;
	z-index:50;
}

#design .fb-share{
	float:right;
	margin:-40px 0 0px 0;
}

#shopping #dtl,
#living #dtl,
#property #dtl,
#home_deco #dtl{
	zoom:1;
	position:relative;
	display:block;
}

#shopping .fb-share,
#living .fb-share,
#property .fb-share,
#home_deco .fb-share{
	float:right;
	float:none\9;
	*float:none;
	_float:none;
        position:absolute\9;
        *position:absolute;
        _position:absolute;
        right:0\9;
        *right:0;
        _right:0;
}

/*
body#homelive{
	background-color:#fff;
	background-image:none;
	margin:0 auto;
	padding:0;
}
*/


#shopping #dtl:after,
#living #dtl:after{
	content:".";
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
	visibility:hidden;
}
#property #dtl:after{
	content:".";
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
	visibility:hidden;
}
#ebook_step #div_table .ctext{
	white-space:normal\9;
}

#main_desc  {
	font-weight: bold;
	color:#339cff;
	font-family: "新細明體", "細明體";
	font-size: 14px;
	line-height:14px;
}
#main_desc h1{
	font-weight: bold;
	color:#339cff;
	font-family: "新細明體", "細明體";
	font-size: 14px;
	line-height:14px;
}
#member_title  {
	font-weight: bold;
	color:#000000;
	font-family: "新細明體", "細明體";
	font-size: 15px;
	line-height:15px;
	text-align:left;
	display:-moz-inline-box; display:inline-block;
}
#member_button  {	
	overflow-y:hidden;
	height=26;
	font-family: "新細明體", "細明體";
	font-size: 15px;
	line-height:15px;	
	text-decoration: none;
	padding-top:6px;
	padding-left:10px;
}
#member_button a  {	
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
#member_button a:hover   {	
	color: #FF0;
	font-weight: bold;
	text-decoration:none;
}
#member_button2{color: #000000;}
#member_button2 a  {	
	text-decoration: none;
}
#member_button2 a:hover   {	
	color: #00A;
	font-weight: bold;
	text-decoration:none;
}
#member_p11  {
	

	color:#339cff;
	font-family: "新細明體", "細明體";
	font-size: 13px;
	line-height:17px;
}

.memberli li{display: inline-block;list-style: none;}
.memberli ul{text-align: center;}
.memberli li:not(:first-child):before {
    content: "|"; /* Insert content that looks like bullets */
    padding-right: 8px;
}
@media only screen and (min-device-width : 1025px){
.innertable{padding:0 15%;}
.innertable td{padding-left: 10px;}

}



@media only screen and (max-device-width : 1024px){
	.memberli{margin-left: -30px;}
.innertable{padding:0;}
.innertable td{padding-left: 3px;}
.memberrow{margin:0; padding:0 15px;}
}

/* ------------------------------------------------------------------- ]] */
/* ----- Website layout change                                   ----- ]] */
/* ------------------------------------------------------------------- ]] */
.button{
	position:absolute;
	height:29px;
	top:65px;
	width:106px;
	background-repeat:no-repeat;
	font-size:16px;
	color:#FFF;
}
.buttonUp{
	position:absolute;
	height:69px;
	top:25px;
	width:106px;
	background-repeat:no-repeat;
	font-size:16px;
	color:#FFF;
}
.buttonContent{
	position:absolute;
	top:4px;
	left:4px;
}
a{
	text-decoration:none;
}
.buttonArea{
	position:absolute;
	height:94px;
	width:106px;
	filter:alpha(opacity=0) \9;
	background-color:#CCC \9;
	cursor: pointer;
}
/* NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW*/
img{
border: 0px;
}
.mainDivider{
	width:100%;
	clear:both;
	height:4px;
	margin:0px;
}
#mainLogin{
	position:relative;
	float:left;
}

.memberLoginBlock,.shareContentBlock,.productContentBlock{
	display:none;
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101000;

    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
}

.memberLoginBlock.go,.shareContentBlock.go,.productContentBlock.go{
	display: -webkit-flex;
    display: flex;}
.memberLoginBlock .outer,.shareContentBlock .outer,.productContentBlock .outer{
	background: url('line_bg_10.gif') repeat;
}
.memberLoginBlock .loginblock{    
	max-width: 400px;
	min-width: 300px;
	min-height: 450px;
    width: 90%;
    height: 90%;
    max-height: 500px;
    margin:5%;
    padding: 3% 2%;
    background: white;}

    .shareContentBlock .loginblock{    
    	max-width: 400px;
    	min-width: 300px;
    	min-height: 250px;
        width: 95%;
        height: 90%;
        max-height: 300px;
        margin:10px;
        padding: 3% 2%;
        background: white;}

    .productContentBlock .loginblock{    
    	
    	
    	min-height: 250px;
        width: 95%;
        height: 90%;
        max-height: 700px;
        margin:10px;
        padding: 3% 2%;
        background: white;
    	overflow-y:scroll;}

.text-muted{display: block;
    margin-bottom: 5px;}

.bodywrap{height: 100%;
width:100%;}

@media only screen and (min-device-width : 1025px){
#mainSearch,#mainSearchMobile{
			display: none;
		width: 100%;
	    height: 100%;
	    background: rgba(0,0,0,0.9);
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 79000;

}
.loginmobile{display: none;}
.searchicon.mobile{display: none;}
.faceBookicon.mobile{display: none;}
#mainSearch .searchBar,#mainSearchMobile .searchBar{border: 1px solid;	  float: left;  padding: 3px;}

#mainSearch input[type="text"],#mainSearchMobile input[type="text"] {
	border: none;
	height: 25px;
	padding: 3px;
	width: 246px;
	float: left;
	outline: none;
}
body.go{overflow: hidden;}
#mainSearch.go,#mainSearchMobile.go{display: block;}
.bodywrap.go{overflow: hidden;}

#mainSearch .searchBar,#mainSearchMobile .searchBar{
      border: none;
      position: absolute;
      top: 100px;

	  border-color: #666;
	  border-radius: 5px;
	  padding: 3px 10px;
	  left: 30%;
}


#mainSearch .searchkeywords,#mainSearchMobile .searchkeywords{

	     position: absolute;
	         top: 200px;
	         padding: 3px 10px;
	         left: 30%;
	         color: white;
	         font-size: 26px;
}


#mainSearch input[type="text"],#mainSearchMobile input[type="text"]{
    border: none;
    height: 90px;
    padding: 0 10px;
    width: 600px;
    /* float: left; */
    outline: none;
    color: white;
    background: transparent;
    margin: auto;
    font-size: 30px;
    border-bottom: 1px dashed white;
}

.searchResult input[type="text"] {
	border: none;
	    height: 80px;
	    padding: 0 10px;
	    width: 100%;
	    float: left;
	    outline: none;
	    color: #333;
	    background: transparent;
	    margin: 20px auto 0 auto;
	    font-size: 45px;
	    border-bottom: 1px solid #999;
}

#mainSearch input[type="text"]::-webkit-input-placeholder,#mainSearchMobile input[type="text"]::-webkit-input-placeholder {
color:#aaa !important;
}
 
#mainSearch input[type="text"]::-moz-placeholder,#mainSearchMobile input[type="text"]::-moz-placeholder { /* Firefox 18- */
color:#aaa !important;  
}
 
#mainSearch input[type="text"]::-moz-placeholder,#mainSearchMobile input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
color:#aaa !important;  
}
 
#mainSearch input[type="text"]::-ms-input-placeholder,#mainSearchMobile input[type="text"]::-ms-input-placeholder  {  
color:#aaa !important;  
}
}


@media only screen and (max-device-width : 767px){

	.searchResult input[type="text"] {
		border: none;
		    height: 60px;
		    padding: 0 10px;
		    width: 100%;
		    float: left;
		    outline: none;
		    color: #333;
		    background: transparent;
		    margin: 20px auto 0 auto;
		    font-size: 30px;
		    border-bottom: 1px solid #999;
	}
		#mainSearch,#mainSearchMobile{
			display: none;
		width: 100%;
	    height: 100%;
	    background: rgba(0,0,0,0.9);
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 79000;

	}

	#mainSearch.go,#mainSearchMobile.go{display: block;}
	.bodywrap.go{overflow: hidden;}
	body.go{overflow: hidden;}

	#mainSearch .searchBar,#mainSearchMobile .searchBar{
	      border: none;
	      position: absolute;
	      top: 100px;

		  border-color: #666;
		  border-radius: 5px;
		  padding: 3px 10px;
	}

	#mainSearch .searchkeywords,#mainSearchMobile .searchkeywords{

		      position: absolute;
		      top: 150px;
			  padding: 3px 10px;
			  color: white;
	         font-size: 26px;
			  
	}



	#mainSearch input[type="text"],#mainSearchMobile input[type="text"]{
	    border: none;
	    height: 50px;
	    padding: 0 10px;
	    width: 300px;
	    /* float: left; */
	    outline: none;
	    color: white;
	    background: transparent;
	    margin: auto;
	    font-size: 20px;
	    border-bottom: 1px dashed white;
	}

	#mainSearch input[type="text"]::-webkit-input-placeholder,#mainSearchMobile input[type="text"]::-webkit-input-placeholder {
	color:#aaa !important;
	}
	 
	#mainSearch input[type="text"]::-moz-placeholder,#mainSearchMobile input[type="text"]::-moz-placeholder  { /* Firefox 18- */
	color:#aaa !important;  
	}
	 
	#mainSearch input[type="text"]::-moz-placeholder,#mainSearchMobile input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
	color:#aaa !important;  
	}
	 
	#mainSearch input[type="text"]::-ms-input-placeholder,#mainSearchMobile input[type="text"]::-ms-input-placeholder {  
	color:#aaa !important;  
	}


}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){

	.searchResult input[type="text"] {
		border: none;
		    height: 60px;
		    padding: 0 10px;
		    width: 100%;
		    float: left;
		    outline: none;
		    color: #333;
		    background: transparent;
		    margin: 20px auto 0 auto;
		    font-size: 30px;
		    border-bottom: 1px solid #999;
	}
		#mainSearch,#mainSearchMobile{
			display: none;
		width: 100%;
	    height: 100%;
	    background: rgba(0,0,0,0.9);
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 79000;

	}

	#mainSearch.go,#mainSearchMobile.go{display: block;}
	.bodywrap.go{overflow: hidden;}
	body.go{overflow: hidden;}

	#mainSearch .searchBar,#mainSearchMobile .searchBar{
	      border: none;
	      position: absolute;
	      top: 100px;

		  border-color: #666;
		  border-radius: 5px;
		  padding: 3px 10px;
		  left:18%;
	}

	#mainSearch .searchkeywords,#mainSearchMobile .searchkeywords{

		      position: absolute;
		      top: 200px;
			  padding: 3px 10px;
			  left: 18%;
			  color: white;
	         font-size: 26px;
	}



	#mainSearch input[type="text"],#mainSearchMobile input[type="text"] {
		border: none;
		    height: 100px;
		    padding: 0 10px;
		    width: 500px;
		    /* float: left; */
		    outline: none;
		    color: white;
		    background: transparent;
		    margin: auto;
		    font-size: 35px;
		    border-bottom: 1px dashed white;
		
	}

	#mainSearch input[type="text"]::-webkit-input-placeholder,#mainSearchMobile input[type="text"]::-webkit-input-placeholder {
	color:#aaa !important;
	}
	 
	#mainSearch input[type="text"]::-moz-placeholder,#mainSearchMobile input[type="text"]::-moz-placeholder { /* Firefox 18- */
	color:#aaa !important;  
	}
	 
	#mainSearch input[type="text"]::-moz-placeholder,#mainSearchMobile input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
	color:#aaa !important;  
	}
	 
	#mainSearch input[type="text"]::-ms-input-placeholder,#mainSearchMobile input[type="text"]::-ms-input-placeholder  {  
	color:#aaa !important;  
	}

}

.searchicon.mobile{z-index: 80000;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;}

    .searchicon.desktop{
    	margin: 0 5px;
    	    padding: 3px 4px;
    	    cursor: pointer;}

    .searchicon i {
    font-size: 24px;
    color: #333;
}

.searchicon.mobile.go i{color:white;}
.searchicon.desktop.go i{color:white;font-size: 30px;}
.searchicon.desktop.go{z-index: 80000;
    position: absolute;
    top: 25px;}

#mainSearch .searchBar,#mainSearchMobile .searchBar{

	  -webkit-transition: all 0.30s ease-in-out;
	  -moz-transition: all 0.30s ease-in-out;
	  -ms-transition: all 0.30s ease-in-out;
	  -o-transition: all 0.30s ease-in-out;
	  border-color: #666;

	  border-radius: 5px;
	
}
#mainSearch .searchBar.focus,#mainSearchMobile .searchBar.focus{
	border-color:#cc0000;
}




#mainSearch button[type="submit"],#mainSearchMobile button[type="submit"] {
	border: none;
	height: 22px;
	margin-right: 5px;
	margin-left: -1px;
	background: none;
	outline: none;
}


#mainSearch button[type="submit"] i,#mainSearchMobile button[type="submit"] i{font-size: 20px;}

@media only screen and (min-device-width : 1025px){

#mainSearch2 .socialMedia{
	display: -webkit-flex;
	display: flex;
}

}
@media only screen and (max-device-width : 1024px){

	#mainSearch2 .socialMedia{
		display:none;
	}


}

#mainSearch2 .socialMedia{
	float:right;
	height: 30px;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-left: 5px;
}
#mainSearch2 .socialMedia>a>i{font-size:25px;color:#333;margin:0 5px;}
#mainSearch2 .socialMedia>span>i{font-size:16px;color:#FFF;}
#mainSearch2 .socialMedia>span{background:#333;border-radius: 5px;margin:0 2px;padding: 3px 4px;}

.mainBody{	
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
}


@media only screen and (min-device-width : 1025px){
	.selecticon{
		position: absolute;
	    top: 50px;
	    left: 30px;
	}

	.selecticon.desktop.go{
	top: 10px;
    left: 4px;}
	.selecticon.mobile{display: none;}
}
@media only screen and (max-device-width : 767px){

	.selecticon{
		position: fixed;
	    top: 10px;
	    left: 10px;
	}
	.selecticon.desktop{display:none;}
   .loginmobile{display: block;}
	.faceBookicon.mobile{  
		
	    position: fixed;
	    top: 10px;
	    right: 40px;
	    display: block;
	}
	.searchicon.mobile{  
		
	    position: fixed;
	    top: 10px;
	    right: 10px;
	    display: block;
	}


	
.faceBookicon.mobile{  
    
      position: fixed;
      top: 10px;
      right: 40px;
      display: block;
  }

.faceBookicon.mobile{z-index: 80000;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;}

    .faceBookicon.desktop{
      margin: 0 5px;
          padding: 3px 4px;
          cursor: pointer;}

    .faceBookicon i {
    font-size: 24px;
    color: #333;
}


}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){

	.selecticon{
		position: fixed;
	    top: 20px;
	    left: 20px;
	}
	.selecticon.desktop{display:none;}

	.searchicon.mobile{  
		
	    position: fixed;
	    top: 20px;
	    right: 20px;
	    display: block;
	}

}
.selecticon{
    z-index: 100000;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
/*.selecticon.go {
    top: 10px;
    left: 0px;
}*/

.selecticon i{
	font-size: 30px;
	color: #333;
	float: left;
}

@media only screen and (min-device-width : 1025px){

.selectbox{
	width: 15%;
	left: -17%;
}

.selectbox.go{
 left:0%;
}
.mainBody.go{ transform: translateX(15%);}


}
@media only screen and (max-device-width : 767px){

.selectbox{
	width: 100%;
	left: -115%;
	padding-left: 50px;
}

.selectbox.go{
 left:-10%;
}
.mainBody.go{ transform: translateX(100%);}


}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){

	.selectbox{
		width: 45%;
		left: -50%;
	}

	.selectbox.go{
	 left:0%;
	}
.mainBody.go{ transform: translateX(45%);}


}


.selectbox{

	position: fixed;
	top: 0%;
	height: 100%;
	background:white;
	z-index: 90000;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;

}
.selectbox .panel-default,.selectbox .list-group-item {border:none;}
.selectbox .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{border:none;}

.selectboxinner {
    width: 200px;
float: left;
height: 130px;
margin: top;
margin: 5px;
text-align: center;
vertical-align: middle;
line-height: 130px;
border-radius: 5px;
box-shadow: 1px 1px 3px #444;
background: white;
}


.selectbox a,.selectbox h5,.selectbox h4 {
	color:#333;
    text-decoration: none;
}

.selectbox a:hover{color: #c6381b;}
.selectbox .guest,.selectbox .member{display: none;}
.selectbox .guest.yes,.selectbox .member.yes{display: block;}

.selectbox li{list-style: none;color:#333;}
.needlogin{display: block;padding: 0px 20px;margin-bottom:50px;}
.needlogin.yes{display:none;}

.searchPreset{
	width:160px;
	color:#999;
}
.searchSet{
	width:160px;
	color:#333;
}
.searchContent{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}
.searchInteriorContent{
	width:220px;
	text-align:center;
	float:left;
	padding:5px;
}
.searchProductContent{
	float:left;
	width:170px;
	height:170px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin:3px;
	padding:0px;
}
.searchProductContent:hover{
	padding:3px;
	margin:0px;
	-webkit-filter: brightness(110%);
}
.searchDivider{
	clear:both;
	width:100%;
	height:1px;
}
.searchSubTitle{
	float:left;
	color:#666;
	font-size:18px;
}
.searchSubMore{
	float:right;
}
.searchDecor{
	height:100px;
	position:relative;
	margin-top:5px;
}
.searchDecorPic{
	width:145px;
	height:100%;
	float:left;
	margin-left:5px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.searchDecorTitle{
	float:left;
	width:400px;
	padding:10px;
	color:#333
}
.searchAdvertiser{
	background-color:#F8F8F8;
	padding-top:5px;
	padding-bottom:5px;
}
.searchAdvertiser A:link{color:#999999;}
.searchAdvertiser A:visited {color:#999999;}
.searchAdvertiser A:active {color:#999999;}
.searchAdvertiser A:hover {color:#999999;}
#mainLogin A:link{color:#4455aa}
#mainLogin A:visited {color:#4455aa}
#mainLogin A:active {color:#4455aa}
#mainLogin A:hover {color:#4455aa}
#menuFB A:link{color:#666}
#menuFB A:visited {color:#666}
#menuFB A:active {color:#00C;}
#menuFB A:hover {color:#00C;}
#mainLoginForm{
	position:absolute;
	background-color:#FFF;
	z-index:55;
	left:0px;
	top:16px;
	display:none;
	box-shadow: 3px 3px 10px #333;
	padding:10px;
	width:200px;
}
#menuFB{
	background:url(images/menu_fb.png) no-repeat;
	padding-left:18px;
	cursor:pointer;
}
#menuFB:hover{
	background:url(images/menu_fb_hover.png) no-repeat;
}

@media only screen and (max-device-width : 1024px){
#menuBar{display: none;}

}
#menuBar{
	position:fixed;
	width:100%;
	height:80px;
 	left: 0px;
	right: 0px;
	background: #fff;
	top:0px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	clear:both;
	z-index:10;
	padding-bottom:5px;
}
div#menuBar.go {
/*	width: 100%;
    position: fixed;*/
    /*left: 200px;*/
}

div#menuBar.go .menuButton {
    /*font-size: 14px;*/
}
@media only screen and (min-device-width : 1025px){

.menuTop{
	display: block;
}

}
@media only screen and (max-device-width : 1024px){

	.menuTop{
		display: none;
	}

}

.menuTop A:link {color:#999;}/*
.menuTop A:visited {color:#999;}
.menuTop A:active {color:#999;}*/
.menuTop A:hover {color:#c6381b;}
.menuButton{
	float:left;
	text-align: center;
	color:#333;
	line-height: 20px;
	/*font-family:Tahoma, Geneva, sans-serif;*/
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	
	font-size:17px;
	padding:6px;
	padding-left:14px;
	padding-right:14px;
	padding-top:10px;
	position:relative;
	z-index:10;
	text-transform: uppercase;
}
.menuButton a{text-transform: uppercase;}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.menuButton{
	padding-left:12px;
	padding-right:12px;
}
}
.menuButton:hover{
	color: #c6381b;
	cursor:pointer;
}
.menuButton A{color:#000;}/*
.menuButton A:visited {color:#000;}
.menuButton A:active {color:#000;}*/
.menuButton A:hover {color:#c6381b;}
.menuDivider{
	float:left;
	padding-top:8px;
	font-size:14px;
}
.menuFacebook{
	float:right;
	text-align:right;
	padding-right:10px;
}
.menuBox{
	position:absolute;
	background-color:#FFF;
	z-index:100;
	left:0px;
	top:30px;
	display:none;
	box-shadow: 3px 3px 10px #333;
	width:350px;
}
.menuBox a:link {color:#000;}
.menuBox a:visited {color:#000;}
.menuBox a:active {color:#000;}
.menuBox a:hover {color:#c6381b;}
.menuBoxTop{
	width:100%;
	height:6px;
	background-image:url(chi/images/menu_top.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:-6px;
}
.menuBoxContent{
	width:140px;
	float:left;
	overflow:hidden;
	padding:4px;
}
.menuBoxPic{
	width:190px;
	float:left;
	text-align:center;
	padding:5px;
}
.menuTitle{
	width:100%;
	font-weight:bold;
	color: black;
	padding:8px;
	padding-bottom:2px;
	font-family:Tahoma, Geneva, sans-serif;
}
.menuSubTitle{
	width:100%;
	padding:2px;
	padding-left:12px;
	font-size:15px;
	font-family:Tahoma, Geneva, sans-serif;
}
.menuSubTitle:hover{
	color: #c6381b;
}
.menuDivider1{
	width:100%;
	border-top:1px dashed #666;
	margin-top:12px;
}
#left{
	position:relative;
	width:100%;
	overflow:hidden;
	float:left;
}
#right{
	/*width:300px;*/
	display: none;
	float:right;
	padding:2px;
	position:relative;
}
#content{
	width: 100%;
	display: table;
}
#contentBannerBar{
	width: 100%;
	    overflow: hidden;
	    padding: 2px;
	    max-width: 720px;
	    max-height: 82px;
}
#contentBanner{
	float:left;
	padding:2px;
	width:100%;
}
@media only screen and (min-device-width : 1025px){
#contentBanner iframe{width:436px;height:82px;}

	}


@media only screen and (max-device-width : 1024px){
	#contentBannerBar{margin-bottom:10px;}
#contentBanner iframe{width:100%;height:auto;}
	}

#contentAd{
	float:left;
	text-align:center;
	width:276px;
	height:80px;
	padding:2px;
}
#searchBox{
	float:left;
	width:270px;
	overflow:hidden;
	padding:2px;
}
#article{
	clear: both;
	color:#333;
	font-size:16px;
	line-height:180%;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:10px;
}
#articleHeading{
	clear:both;
	float:left;
	padding:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:36px;
}
#articleControl{
	float:right;
	margin-right:20px;
	font-size:20px;
}
#articlePhotos{
	clear: both;
}
.articlePhoto{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height:165px;
	width:165px;
	float:left;
	margin-right:5px;
	margin-left:5px;
	cursor:pointer;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.articlePhoto:hover{
	-webkit-transform: translateY(-10px) scale(1.12);
     -moz-transform: translateY(-10px) scale(1.12);
       -o-transform: translateY(-10px) scale(1.12);
      -ms-transform: translateY(-10px) scale(1.12);
          transform: translateY(-10px) scale(1.12);
	-webkit-filter: brightness(120%);
}
#articleContent{
	padding:10px;
	font-family:"新細明體",Tahoma, Geneva, sans-serif;
}
.articleRefBG{
	background-color:#EEE;
}
.articleRef{
	width:23%;
	padding:1%;
	float:left;
	text-align:center;
}
.articleDivider{
	clear:both;
}
.articleRef:hover{
	background-color:#CCC;
}
.articleRefPhoto{
	width:100%;
	height:200px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#showImages{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:20;
	text-align:center;
	display:none;
}
#showImageBG{
	background-image:url(images/article_image_bg.png);
	background-repeat: repeat; 
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}
.showImageContent{
	position:absolute;
	left:50%;
	margin-top:30px;
	display:none;
	z-index:1;
}
.imageContent{
	position:relative;
	left:-50%;
	background-color:#000;
	padding:5px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
}
.imageClose{
	position:absolute;
	left:100%;
	top:-10px;
	text-align:left;
	width:100%;
	height:100%;
}
@media only screen and (min-device-width : 1025px){
#homeHeading{height:466px;}

.headingBanner{    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0% 50%;
}

#homeHeading .headingBanner{    
	height: 450px;
  
}

.largebanner .headingBanner{    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0% 50%;
}

	}



@media only screen and (max-device-width : 767px){

	.tableparent{overflow: scroll;}

	/*#homeHeading{height:255px;}*/
	.headingBanner{    height: 225px;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	}

	.largebanner .headingBanner{    height: 300px;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	}

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){

	.tableparent{overflow: scroll;}

	#homeHeading{height:450px;}
	.headingBanner{    height: 450px;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	}

	.largebanner .headingBanner{    height: 450px;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	}
}

#homeHeading{
	width:100%;
	
	float:left;
	padding:2px;
	position:relative;
}




.homepageBanner .item{position: relative;}
.homepageBanner .innerBlock{position: absolute;
    bottom: 2%;
    right: 2%;
    color: #000;
    background: rgba(255,255,255,0.6);
    max-width: 90%;
    min-width:150px;
    padding: 0 20px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;}
.homepageBanner .owl-prev{position: absolute;
top: 32%;
left: 5%;
}
.homepageBanner .owl-next{position: absolute;
top: 32%;
right: 3%;
}

.owl-prev{position: absolute;
top:32%;
left: 3%;
}
.owl-next{position: absolute;
top: 32%;
right: 3%;
}



.owl-theme .owl-nav [class*=owl-]{
	background: transparent;
color: #EEE;
    font-size: 50px;
}
.owl-theme .owl-nav [class*=owl-]:hover{
	background: rgba(100,100,100,0.7);

}
#fbShare{
	/* background-image: url(images/fb_share_24.png); */
	margin-top:5px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 124px;
	height: 36px;
	display: block;
	/* overflow: hidden; */
	border: none;
	position: relative;
	/* left: 565px; */
	float: right;
	/* margin: 67px 2px -150px 0; */
	cursor: hand;
	z-index: 5;
	color: #333;
	border-radius: 7px;
	border: 1px solid #eee;
	padding: 4px 19px 4px 13px;
	font-size: 18px;
	/* line-height: 1px; */
	box-shadow: -1px 1px 2px #ababab;
}

#fbShare i {
width: 25px;
margin-right: 8px;
/* display: inline-block; */
/* padding: 0 5px; */
}

.whatsappshare{
	margin-top: 5px;
	    width: 80%;
	    max-width: 250px;
	    height: 36px;
	    display: block;
	    border: none;
	    position: relative;
	    cursor: hand;
	    z-index: 5;
	    color: #333;
	    border-radius: 7px;
	    border: 1px solid #eee;
	    padding: 7px 0px 4px 5%;
	    font-size: 14px;
	    box-shadow: -1px 1px 2px #ababab;
	    text-align: left;
	    margin: 5px auto;
}
.whatsappshare i{    font-size: 18px;color: black;width: 25px;
margin-right: 8px;}



#fbShare i::after{
    content: "|";
    margin-left: 10px;
    color: #ccc;
}

.homeHeadingContent{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	cursor:pointer;
	display:none;
}
.homeHeadingContent:hover .homeHeadingTitle{
	-webkit-transition-duration: 0.5s;
	background:#999;
	background: rgba(100,100,100,0.8);
	height:88px;
}
.homeHeadingTitle{
	-webkit-transition-duration: 1s;
	position:absolute;
	width:686px;
	background:#CCC;
	background: rgba(200,200,200,0.5);
	padding:12px;
	bottom:-4px;
	font-size:24px;
	color:#FFF;
	height:28px;
	overflow:hidden;
}
.homeHeadingWords{
	font-size:16px;
}
.homeWhatsHot{
   
    border: 1px solid #e30613;
    padding: 14px;
    text-align: center;
    font-size: 14px;
    color: #333;
    position: relative;
    
}

@media only screen and (min-device-width : 1025px){
.homeWhatsHot{width: 300px; margin: 60px 0 0 auto;min-height: 220px;}
.homeWhatsHotTitle{font-size:26px;}

	}


@media only screen and (max-device-width : 767px){
.homeWhatsHot{width: 100%; margin: 60px 0;}
.homeWhatsHotTitle{font-size:23px;}
	}


	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
		.homeWhatsHot{width: 100%; margin: 20px 0;}
		.homeWhatsHotTitle{font-size:23px;}
	}

.homeWhatsHot A:link{color:#333}
.homeWhatsHot A:hover{color:#333}
.homeWhatsHot A:active{color:#333}
.homeWhatsHot A:visited{color:#333}
.homeWhatsHotTitle{
	color:#e30613;
	background:#FFF;
	
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	position:absolute;
	top:-21px;
	padding-left:10px;
	padding-right:10px;
}
.designPreNext{
	
}
.designPre{
	float:left;
	width:320px;
	text-align:right;
	padding:15px;
	font-size:16px;
}
.designNext{
	float:right;
	width:320px;
	padding:15px;
	font-size:16px;
}
.design_company_list{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 16px;
	display: block;
	overflow:hidden;
	line-height:32px;
	padding-left:3px;
	height: 32px; /9
	cursor: pointer;
	color:#666;
}
.design_company_list:hover{
	color:#609;
	text-decoration: none;
}
.designCompanyListPro{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 16px;
	display: block;
	overflow:hidden;
	line-height:32px;
	padding-left:3px;
	height: 32px; /9
	cursor: pointer;
	color:#666;
	background-color:#F9F9F9;
}
.designCompanyListPro:hover{
	color:#609;
	text-decoration: none;
}
.designCompanyListTop{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 16px;
	display: block;
	padding-left:3px;
	padding-top:5px;
	line-height:24px;
	cursor: pointer;
	color:#666;
	background-color:#F9F9F9;
}
.designCompanyListTop:hover{
	color:#609;
	text-decoration: none;
}
.designCompanyListTopPic{
	width:145px;
	height:100px;
	float:left;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-right:5px;
}
.designCompanyList2Title{
	float:left;
	width:230px;
	padding-top:10px;
	color:#666;
	font-size:16px;
	line-height:30px;
}
.designCompanyBtnCot{
	width:100%;
	height:40px;
	border-bottom:1px solid #777777;
}
.designCompanyBtnSelect{
	float:left;
	padding:10px;
	font-size:16px;
	background-color:#FFFFFF;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border:1px solid #777777;
	border-bottom:1px solid #FCFCFC;
	cursor:pointer;
	margin-left:10px;
}
.designCompanyBtn{
	float:left;
	padding:10px;
	font-size:16px;
	background-color:#A0A0A0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border:1px solid #999999;
	border-bottom:0px;
	color:#DDDDDD;
	cursor:pointer;
	margin-left:10px;
}
.designCompanyBtn:hover{
	background-color:#909090;
	color:#DDDDDD;
}
.switchDesign{
	background-color:#DDDDDD;
    color:#909090;
}
.designCompanyCase{
	clear:both;
	display:none;
}
.designCompanyListProCount{
	float:right;
	font-size:12px;
}

.products .productbox div{width:100%; min-height: 300px;  background-repeat: no-repeat;
    background-size: cover;
    background-position: 0% 50%;}

    .products.newproducts .productbox div{width:100%; min-height: 300px;  background-repeat: no-repeat;
        background-size: contain;
        background-position: 0% 50%;}

.products .productbox{display: inline-block;padding: 5px 5px;}
.product_search_form{
	padding-left:4px;
	font-size:18px;
}
.product_search_form A:link{color:#666}
.product_search_form A:hover{color:#666}
.product_search_form A:active{color:#666}
.product_search_form A:visited{color:#666}
.product_search_form img{
	vertical-align:middle;
}
.product_search_category{
	float:left;
	text-align:center; 
	font-size:18px;
	margin-left:7px;
	margin-top:7px;
	padding:3px;
	height:200px;
	width:170px;
	overflow:hidden;
}
.product_search_category:hover{
	float:left;
	text-align:center; 
	font-size:18px;
	margin-left:7px;
	margin-top:7px;
	padding:3px;
	background-color:#DDD;
}
.product_search_menu{
	height:54px;
	padding:14px;
	border-bottom:solid;
	border-bottom-color:#666;
}
.product_list_menu{
	height:26px;
	padding:14px;

}
.productListPromo{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	font-size: 16px;
	display: block;
	overflow:hidden;
	line-height:32px;
	padding-left:3px;
	height: 32px; /9
	cursor: pointer;
	color:#666;
	background-color:#F9F9F9;
}
.productListPromo:hover{
	color:#609;
	text-decoration:none;
}
.productListPromoName{
	float:left;
}
.productListPromoCount{
	float:right;
	font-size: 12px;
}
.productDetails{
}
.productPhoto{
	float:left;
	
	text-align:center;
}
.productPhoto img{
	max-width:400px;
	    width: 100%;
}
.productContent{
	float:left;
	padding:10px 20px;
	
	font-size:16px;
	
}
.productContentDivider{
	height:1px;
	width:100%;
	background-color:#CCC;
	margin-top:20px;
	margin-bottom:20px;
}
#productRight{
	float:right;
	top:0px;
	overflow-x:hidden;
}

.outputSearch label{font-size: 16px;}
.outputSearch div,.outputSearch span,.outputSearch input{display: inline-block;}

.supplierList li{list-style: none;}
.supplierList h4{color:#9F8A42;}
.supplierTitle{margin-top:20px;border-top: 1px solid #ddd;padding:0;}
.supplierTitle:first-child{border-top: 0;}
.supplierName{display: table;width: 100%;}
.supplierList .supplierName li{list-style: disc;
    float: left;}


.homeDivider{
	width:100%;
	clear:both;
	height:4px;
	margin:0px;
}
.homeLeft{
	width:100%;
	float:left;
}
.homeLeft .ideas .block .mask {
   height: 170px;
   overflow:hidden;
}
.homeLeft .ideas .block img {
    width: 100%;
}
.homeLeft .ideas .block.lifestyle{
	margin-bottom: 20px;
}

@media only screen and (min-device-width : 1025px){
.homeLeft .ideas .block.lifestyle .mask {
   height: 210px;
   overflow:hidden;
}


	}



@media only screen and (max-device-width : 1024px){


	}
.designs.designcompany .block .mask{
   max-height: 320px;
   display: table;
}
.designs .block .mask{
   height: 225px;
   overflow:hidden;
}

.designs .block img {
    width: 100%;
}
.designs .block {
    display: inline-block;
    margin-bottom: 30px;
    padding: 0 30px;
}

.designs .row{margin: 0;}

.designs .homeWhatsHot{margin: 0 0 50px auto;}
.block .homeWhatsHot a img{width:auto;}
.designs.articles .homeWhatsHot{margin: 0 0 90px auto;}
.designSlider .owl-prev{position: absolute;
top: 45%;
left: 3%;
}
.designSlider .owl-next{position: absolute;
top: 45%;
right: 3%;
}

.designSlider .item{position: relative;max-height: 600px;}
.designSlider .innerBlock{position: absolute;
    bottom: 2%;
    right: 2%;
    color: #000;
    background: rgba(255,255,255,0.6);
    max-width: 90%;
    min-width:150px;
    padding: 0 20px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;}


@media only screen and (min-device-width : 1025px){

.homeLeft #homeLifestyle #banner_rec{text-align: right;}
}
@media only screen and (max-device-width : 1024px){
.homeLeft #homeLifestyle #banner_rec{text-align: center;}
}

@media only screen and (max-device-width : 350px){

.adBoxs{padding-left:0;padding-right: 0;}
.container{padding-left:0;padding-right: 0;}
	
	.homeWhatsHot {
	    width: 90%;
	    margin: 60px auto;
	}
}

.homeLeft .ideas .block {
    display: inline-block;
    margin-bottom: 10px;
}
.loadMoreblock{
    text-align: center;
    padding: 20px 0 30px;
}
.loadMore,.loadMore:focus{
	-webkit-border-radius: 5;
	    -moz-border-radius: 5;
	    border-radius: 35px;
	    /* font-family: Arial; */
	    color: #000;
	    font-size: 15px;
	    background: #FFF;
	    /* padding: 10px 20px 10px 20px; */
	    border: solid #ddd 1px;
	    text-decoration: none;
	    text-transform: uppercase;
	    outline: none;
	    width: 150px;
	    height: 45px;
	    margin-left: 10px;
	    /* line-height: 11px; */
}

.loadMore:hover {
  background: #FFF;
  text-decoration: none;
  border: solid #aaa 1px;
  color: #999;
}

.homeRight{
	float:right;
	width:300px;
}
@media only screen and (max-device-width : 1024px){
	#homeArticle{width: 100%;}
	#homeArticleHeading{font-size:18px;padding-left: 0;padding:4px;}
	#homeLifestyleHeading{font-size:18px;padding-left: 0;padding:4px;}

}
@media only screen and (min-device-width : 1025px){
	#homeArticle{width:100%;}
	#homeArticleHeading{font-size:22px;padding-left: 0;padding:4px;}
	#homeLifestyleHeading{font-size:22px;padding-left: 0;padding:4px;}

}

@media only screen and (max-device-width : 350px){

	#homeArticleHeading{padding-left: 15px;}
	#homeLifestyleHeading{padding-left: 15px;}

}
#homeArticle{
	/*width:75%;*/
	margin:0px;
	overflow:hidden;
	margin-bottom: 30px;
}
#homeArticleImage{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width:270px;
	height:270px;
	float:left;
	margin:15px;
}
#homeArticleHeading{
	width:100%;
	font-family: 'Kalam',Microsoft JhengHei, cursive, sans-serif;	
	color:#9F8A42;
	margin-bottom: 15px;
	text-transform: uppercase;
}
#homeArticleHeading b{font-weight: 400;}
.homeArticleTitles{
	float:right;
	padding:8px;
	width:392px;
	padding-left:15px;
	color:#555;
}
.homeArticleTitles:hover{
	background-color:#EEE;
	color:#222;
}
.homeArticleTitlesSelected{
	float:right;
	padding:8px;
	padding-left:15px;
	width:392px;
	color:#555;
	background-color:#EEE;
}
.homeArticleTitlesSelected:hover{
	background-color:#EEE;
	color:#a33;
}
.homeArticleDivider{
	float:right;
	width:414px;
	border-bottom:1px dashed #666;
}
.homeArticleH1{
	font-size:18px;
	font-weight:bold;
	line-height:30px;
}
.homeArticleH3{
	font-size:12px;
}
.specialtitle .blockTitle{
	 font-size: 16px; margin-top: 10px;
}

.blockTitle {
 font-size: 16px;
 /*font-weight: bold;*/
 color: black;
 max-height: 25px;
 min-height: 25px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 padding: 0 10px;

}
#homeArticleContent .blockDescription{
font-size: 15px;
}
.blockDescription{
	font-size: 16px;
	overflow: hidden;
	height: 40px;
	text-overflow: ellipsis;
	display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color:#000;
 padding: 0 10px;
}


a:hover .blockDescription{color: #c6381b;}
a:hover .blockTitle{color: #c6381b;}

#homeLifestyle{
	width:100%;
	margin:0px;
	overflow:hidden;
	text-align:left;
	/*padding-bottom:6px;*/
	margin-bottom: 30px;
}
#homeLifestyleImage{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width:270px;
	height:270px;
	float:right;
	margin:15px;
}
#homeLifestyleHeading{
	width:98%;
	font-family: 'Kalam',Microsoft JhengHei, cursive, sans-serif;
	
	color:#9F8A42;
	padding-top:10px;
	text-align: left;
	margin-bottom: 15px;
	text-transform: uppercase;
}
#homeLifestyleHeading b{font-weight: 400;}
.homeLifestyleTitles{
	float:left;
	padding:7px;
	padding-right:15px;
	width:394px;
	color:#FFF;
}
.homeLifestyleTitlesSelected{
	float:left;
	padding:7px;
	padding-right:15px;
	width:394px;
	color:#FFF;
	background-color:#333;
}
.homeLifestyleTitlesSelected:hover{
	color:#F88;
}
.homeLifestyleDivider{
	float:left;
	width:414px;
	border-bottom:1px dashed #666;
}
.homeLifestyleH1{
	font-size:18px;
	font-weight:bold;
	line-height:30px;
}
.homeLifestyleH3{
	font-size:12px;
}

#homeRoom{
    width: 100%;
    margin: 0px;
    overflow: hidden;
    margin-bottom: 30px;
}


#homeLivingClub{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	padding:10px;
}
.homeLivingContent{
	width:230px;
	text-align:center;
	padding:10px;
	float:left;
}
.homeLivingPic{
	width:230px;
	height:170px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.homeLivingTitle{
	font-size:16px;
}
#homeliveContent{
	padding:10px;
	width:100%;
	overflow:hidden;
	color:#666666;
}
#homeliveContent h2{
	font-weight:normal;
	font-size:16px;
	line-height:24px;
}

.homeliveHome:hover .homeliveHomeTitle{
	background:#666;
	background: rgba(0,0,0,0.7);
	color:#F28;
}
.homeliveHome:hover .homeliveHomeCat{
	background:#666;
	background: rgba(0,0,0,0.7);
}
.homeliveHomeTitle{
	position:absolute;
	width:100%;
	background:#BBB;
	background: rgba(0,0,0,0.6);
	padding:12px;
	bottom:0px;
	font-size:24px;
	color:#FFF;
	overflow:hidden;
}
.homeliveHomeCat{
	background:#BBB;
	background: rgba(0,0,0,0.6);
	color:#FFF;
	padding:10px;
	padding-left:12px;
	padding-bottom:12px;
	width:60px;
	float:right;
	text-align:center;
	border-bottom-left-radius:20px;
	font-size:14px;
}
.homeliveListCat{
	font-size: 18px;
	height: 24px;
	border-bottom: 1px dotted #333;
	margin-top: 0;
	text-align: center;
	margin-bottom:10px;
}
.homeliveListCat span{
	color: #333;
	line-height: 48px;
	padding-left: 10px;
	padding-right: 10px;
	background: #FFFFFF;
}
.homeliveList{
	/*max-height:290px;*/
	width: 100%;
	overflow-y:scroll;
	clear:both;
}
.homeliveListBlock{
	float:left;
	padding:5px;
	width:216px;
	overflow:hidden;
	text-align:center;
}
.homeliveListBlock:hover{
	color:#E09;
	background-color:#EEEEEE;
}
.homeliveList a:link{color:#333;}
.homeliveList a:visited{color:#999;}
@media only screen and (max-device-width : 1024px){
	#footer{display: none;}
}
#footer{
	position:relative;
	width:100%;
	font-size: 12px;
	color:#333;
	padding:10px;
}
#footer a {color:#000;}
/*#footer dt a:link{color:#555;}
#footer dt a:visited{color:#555;}
#footer dt a:hover{color:#222;text-decoration:none;}
#footer dt a:active{color:#222;}
#footer dd a:link{color:#666;}
#footer dd a:visited{color:#666;}
#footer dd a:hover{color:#333;text-decoration:none;}
#footer dd a:active{color:#333;}*/
#footer ul{
	/*margin:0px;*/
	padding-left:20px;
}
#footer li{
	float:left;
	width:100px;
	margin-left:30px;
	list-style-type:none;
}
.lidivider{
	float:left;
	margin-top:15px;
	width:1px;
	height:130px;
	background-color:#DDD;
	list-style-type:none;
}
#footer dt{
	margin-top:15px;
	font-weight:bold;
}
#footer dd{
	margin-left:0px;
}
.footerOthers{
	text-align:center;
	padding:5px;
}
/*.footerOthers a:link{color:#555;}
.footerOthers a:visited{color:#555;}
.footerOthers a:hover{color:#222;text-decoration:none;}
.footerOthers a:active{color:#222;}*/
.cbookOrder{
	float:left;
	text-align:center;
	max-width:340px;
	width:100%;
	margin:4px;
	padding:3px;
	color:#666666;
	font-weight:bold;
}
.cbookOrder:hover{
	box-shadow:0px 0px 4px 2px #E0E0E0;
	-webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.cbookDivider{
	width:100%;
	clear:both;
	height:4px;
}
.yearbookOrder{
	float:left;
	text-align:left;
	width:100%;
	margin:4px;
	padding:20px 3px;
	min-height:350px;
	border-bottom: 1px solid #dedede;
}

.cbookOrder.yearbookOrder{max-height: 450px;}

.cbookOrder.yearbookOrder .blockTitle{
	  -webkit-line-clamp: 3;
	  max-height: 70px;
	  min-height:70px;
}

.yearbookOrder .ctextnew{font-size: 20px;
    color: #000;
    margin: 0 0 30px 0;
    padding: 0 20px;}
.yearbookOrder .ordertext{

	min-height: 40px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    padding: 0 20px;
	    font-size: 18px;
	    font-weight: 600;
	    color: #CC0000;
}
.yearbookOrder .blockTitle{
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 70px;
	height: 60px;
	/* word-wrap: break-word; */
	text-align: left;
	padding: 0 20px;
	font-size: 22px;
	width: 100%;
	white-space: pre-wrap;
	font-weight: 700;
}
/*.yearbookOrder:hover{
	box-shadow:0px 0px 4px 2px #E0E0E0;
}*/
.ebookOrder{
	float:left;
	text-align:center;
	width:220px;
	margin:4px;
	padding:3px;
}
.ebookOrder:hover{
	box-shadow:0px 0px 4px 2px #E0E0E0;
}
.cbookDivider{
	width:100%;
	clear:both;
}
#livingClub{
	text-align:center;
	padding:10px;
}
.livingClubTitle{
	text-align:left;

	font-size:28px;
	font-weight:bold;
	margin:10px;
	color:#222;
}
.livingClubIntro{
	text-align:left;
	font-size:16px;
	margin:10px;
	color:#222;
}
.livingClubDetail{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	margin:20px;
	color:#222;
}
.livingClubTC{
	text-align:left;
	font-size:12px;
	margin:10px;
	color:#222;
}
#livingClubMember{
	text-align:left;
	margin:10px;
	padding-left:100px;
	color:#444;
}
.companyIndex{
	font-size:16px;
	text-align:right;
	width:660px;
}
.location{
	margin:12px 0;
	padding: 5px;
	font-family: 'Kalam',Microsoft JhengHei, sans-serif;
font-size: 22px;
	line-height: 36px;
	
	color: #9F8A42;
	text-transform: uppercase;
}

.location a{
	padding: 5px;
	font-family: 'Kalam',Microsoft JhengHei, cursive, sans-serif;
font-size: 22px;
	line-height: 36px;
	
	color: #9F8A42;
	text-transform: uppercase;
}
.location a b{font-weight: 400;}

.location A:link{color:#9F8A42}
.location A:visited{color:#9F8A42}
.location A:hover{color:#666666}
.location A:active{color:#9F8A42}
.propertyList{
	text-align:center;
	float:left;
	font-size:18px;
	padding:14px;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
	cursor:pointer;
	color:#333;
	margin:4px;
}
.propertyList:hover{
	background-color:#EEEEEE;
}
.propertyList:hover img{
		-webkit-transform: translateY(-4px) scale(1.05);
     -moz-transform: translateY(-4px) scale(1.05);
       -o-transform: translateY(-4px) scale(1.05);
      -ms-transform: translateY(-4px) scale(1.05);
          transform: translateY(-4px) scale(1.05);
	-webkit-filter: brightness(110%);
}
#propertyPic{
	float:left;
}
#propertyName{
	float: left;
	    width: 280px;
	    padding-top: 60px;
	    text-align: center;
	    color: #333;
}
.propertyCat{
	font-size: 18px;
	height: 24px;
	border-bottom: 1px dashed #999;
	margin-top: 0;
	margin-bottom:10px;
	padding-left:20px;
}
.propertyCat span{
	color: #333;
	line-height: 48px;
	padding-left: 10px;
	padding-right: 10px;
	background: #FFFFFF;
}
.propertyBlock{
	padding:5px;
	
	cursor:pointer;
}
.propertyBlock:hover{
	background-color:#EEE;
}


#propertyQuotation{
	width:100%;
	margin-bottom:8px;
	border:#C96 dotted 2px;
	margin-top:8px;
}
#propertyQuotationTitle{
	font-size:18px;
	padding:10px;
	padding-bottom:2px;
	background:#FFFFFF;
	color:#630;
	margin-left:12px;
	top:-10px;
	position:absolute;
}
#propertyQuotationContent{
	padding:5px;
}
#propertyQuotationContent h2{
	color:#009;
	text-align:center;
}
.propertyDesignRef{
	float:left;
	overflow:hidden;
	width:33%;
	text-align:center;
}
.propertyDesignRef:hover{
	background-color:#F0F0F0;
}
.propertyDesignRef img{
	max-height:171px;
	max-width:224px;
}
#grayBG{
	background:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	position:fixed;
	z-index:100500;
	display:none;
	top: 0;
    left: 0;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
}
#grayBG.go{display: flex;display: -webkit-flex;}

#grayBG .outer {
    background: url(line_bg_10.gif) repeat;
    width:95%;
    max-width: 1000px;
}

#quoteForm{

		max-width: 1000px;
		min-width: 290px;
		min-height: 450px;
	   
	    height: 90%;
	    max-height: 700px;
	    margin:10px;
	    padding: 3% 2%;
	    background: #FFFDFB;
	    font-size:16px;
	    color:#665544;
	    line-height:26px;
	    overflow-y: scroll;
	    overflow-x: hidden;
}
#quoteCompany{
	width:98%;
	border:1px solid #CCBBAA;
	max-height:260px;
	overflow:auto;
}
.quoteCompanyBlock{
	width:265px;
	float:left;
}
.quoteCompanyBlock:hover{
	background-color:#FFEEDD;
}
.quoteFormClose{
	float: right;
	    width: 30px;
	    height: 30px;
	    /* -webkit-border-radius: 20px; */
	    -webkit-border-radius: 20px;
	    -moz-border-radius: 20px;
	    /* background: #FFFFFF; */
	    text-align: center;
	    border: 1px solid #BBAA99;
	    color: #AA9988;
	    line-height: 27px;
	    cursor: pointer;
	    font-size: 17px;
}

.bookCateHeading{
	width:100%;
	
	font-family: 'Kalam',Microsoft JhengHei, cursive, sans-serif;
	    color: #9F8A42;
	font-size:18px;
	font-weight:bold;
	padding:3px;
}
.bookCateHeading b{font-weight: 400;}
.bookCateThumb{
	width:100%;
	text-align:center;
	display:none;
}
.bookCateContent{
	width:100%;
	
	word-wrap: break-word;
}
.bookCateContent label{width:100%;position: relative;}

.marquee {position:relative;
     direction:up;
     overflow:hidden;
     width:290px;
     height:388px;
}
	 
.marquee span {white-space:nowrap;}

.magazine .magazineinner{width:100%;}
.propertyBlockPhoto img{width:100%;height: auto;}
.propertyHeading{    width: 100%;
    display: table;
    margin-bottom: 20px;
    }
/*.bookstore .publication_left{padding-top:50px;}*/

.nextstep{display: none;}

.publication .item {cursor: pointer;padding: 0; display: inline-block;margin: 4px 1px;
    vertical-align: top;}
 .publication .item img {  /*width:auto; height: 100%;*/width:100%; height: auto;
    margin: auto;}

    .row.bookstore {
        margin-top: 10px;
    }
@media only screen and (min-device-width : 1025px){

	.pheading{
		float: left;
		    
		    padding-top: 60px;
		    text-align: center;
		    color: #333;
	}

	.freeebook.mask{height:315px;}

	.loadmore.freeebook{margin-top: 100px;}

	.designs.designcompany .homeWhatsHot{margin: 0 0 125px auto;}

	.searchkeywords li{width: 600px;}

	.readbook .leftlist{padding:0 5% 0 2%;}

	.productContentBlock .loginblock{min-width: 800px;}

	#left{min-height: 1000px;}

	.publication .item {width: 19%;height:120px;}
	/*.bookstore .publication_left.go{padding-top:0;margin-top: -40px;}*/
	.publication_banner{right: -35px;}
	.publication_banner.go {
    overflow-x: hidden;
    overflow-y: scroll;
}
	.publication_parent.go {
    overflow: hidden;
}
	.hiddenmd{display: none;}

	/*.whatsappshare{display: none;}*/

	#banner_rec{text-align: right;}

	#videoiframe{height: 500px;}
	.propertyHeading{box-shadow: 2px 2px 10px #ccc;}

	.yearbookOrder{
		overflow: hidden;}

		.yearbookOrder img{max-width: 225px;}

	.homeliveHome{
		position:relative;
		float:left;
		width:100%;
		min-height: 300px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		margin:5px;
	}
	.bookCate{
		float:left;
		min-width:33%;
		cursor:pointer;
		padding:5px;
	}
.magazine{padding: 15px 20px;}
.homepagehidden{display: none;}
.floorplan img{max-width: 30%;}
#scrollbar1 .overview{width: 100%;}
.propertyBlockPhoto{
	float:left;
	
	text-align:center;
	overflow:hidden;
}
.propertyBlockContent{
	float:left;
	
	padding:10px;
	font-size:16px;
	color: black;
}


.description_box{width:340px;float:left; white-space: pre-wrap;}
}

@media only screen and (max-device-width : 767px){

	.productT{max-height: unset !important;}

	.back65{margin-top:-65px !important; }

	.description_box{width:70%;float:left; white-space: pre-wrap;}

	.loadMore, .loadMore:focus{
		font-size:12px;margin:0;
	}

	.bookdetail li .loadmore.back{margin-top: 40px;max-width:49%;}

	.fybyn{    padding-left: 5px;}

	.freeebook.mask{height:225px;}
	.loadmore.freeebook{margin-top: 10px;}

	.designs.designcompany .homeWhatsHot{margin: 0 0 65px auto;}

	.searchkeywords li{width: 300px;font-size: 14px;}

	.form-control{font-size:12px;}

	.readbook .leftlist{padding:0 10% 0 10%;}

	.productContentBlock .loginblock{min-width: 300px;}

	.products.newproducts .productbox div{background-position: 50% 50%;}

	#sessionproduct .row>div.productdesp {
	    line-height: 50px;
	    text-align: center;
	}

	.yearbookOrder img{max-width: 50%;}

	

	.product_search_form a{margin-left: -15px;}

	#banner_rec{text-align: center;}

	.nomargin{margin:0;}

	.panel.panel-default{display: table;}

	.banner_rec_block{padding: 0;}

	.block.banner_rec_block{padding: 0;}

	h1,h2{font-size: 24px;}
	#grayBG .outer {
	    margin-left:-15px;
	}
	#videoiframe{height: 200px;}
	#propertyPic{
		width: 100%;
		text-align: center;
	}
	.toppost ul li{width:100%;}
	.toppost .nav>li>a{padding:5px; 15px;}
	.homeliveHome{
		position:relative;
		float:left;
		width: 100%;
		min-height: 300px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		margin:5px;
	}
	.bookCate{
		float:left;
		min-width:100%;
		cursor:pointer;
		padding:5px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){

	.productT{max-height: 400px !important;}

	.description_box{width:70%;float:left; white-space: pre-wrap;}

	.freeebook.mask{height:225px;}
	.loadmore.freeebook{margin-top: 10px;}

	.homeLeft .ideas .block.lifestyle .mask {
	   height: 170px;
	   overflow:hidden;
	}

	.designs.designcompany .homeWhatsHot{margin: 0 0 85px auto;}

	.searchkeywords li{width: 400px;font-size: 16px;}

	.readbook .leftlist{padding:0 5% 0 2%;}

	.productContentBlock .loginblock{min-width: 700px;}

	.yearbookOrder img{max-width: 50%;}

	/*.whatsappshare{display: none;}*/

	#banner_rec{text-align: right;}

	.panel.panel-default{display: table;}
	#videoiframe{height: 350px;}
	.homeliveHome{
		position:relative;
		float:left;
		width:100%;
		min-height: 300px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		margin:5px;
	}
	.bookCate{
		float:left;
		min-width:50%;
		cursor:pointer;
		padding:5px;
	}

}

.rightboxblock{max-height: 600px;overflow: hidden;}


.bookstore .rightboxblock{
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;

}

.bookstore .publication_left{
	-webkit-transition: all 0.3s cubic-bezier(0, 1.58, 1, 1);
	-moz-transition: all 0.3s cubic-bezier(0, 1.58, 1, 1);
	-o-transition: all 0.3s cubic-bezier(0, 1.58, 1, 1);
	-ms-transition: all 0.3s cubic-bezier(0, 1.58, 1, 1);
	transition: all 0.3s cubic-bezier(0, 1.58, 1, 1);
	overflow-y: scroll;
	    right: -35px;

}




@media only screen and (max-device-width : 1024px){



	.propertyBlockPhoto{
		float:left;
		
		text-align:center;
		overflow:hidden;
	}
	.propertyBlockContent{
		float:right;
		color:black;
		padding:10px;
		font-size:16px;
	}
	.floorplan img{max-width: 80%;}
.rightboxblock table{margin:auto;}

.magazine{padding: 15px 20px;display: none;}

.owl-carousel.owl-loaded {margin-bottom: 15px;}
#scrollbar1 .overview{width: 100%;overflow: scroll;padding:15% 10% 0 10%;}
}


.magazine .magazineinner img{max-width:141px;margin: auto;}



.panel-default>.panel-heading{background: white;border:0;}
.panel{box-shadow: none;-webkit-box-shadow:none;}


@media (max-width: 767px) {

	.homeLeft .ideas .block.lifestyle .mask {
	   height: 210px;
	   overflow:hidden;
	}
	.homeLeft .ideas .block .mask {
	   height: 210px;
	   overflow:hidden;
	}
    .text-center {
        text-align: center;
    } 

    .product_search_form{width:100%; display: block;margin-bottom: 10px;}
    .supplierList .supplierName li{font-size: 4.5vw;}
    .outputSearch input{width:100%;}
}

@media (min-width: 768px) {


    .text-center {
        text-align: center;
    } 

    .text-right {
        text-align: right;
    } 
    .outputSearch input{width:30%;}
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.nav>li>a:focus, .nav>li>a:hover{background:none;}

.nav>li>a{color: black;text-transform: uppercase;}

.toppost .nav>li>a{font-size: 16px;}

.toppost ul li{display: inline-block;}


.toppost a:hover{color:#c6381b;}

.supplierName a{color:#666;}

.supplierName a:hover{color:#c6381b;}

.booklist{position: relative;margin-bottom: 100px;}
.booklist li{list-style: none;position: absolute;width: 22%;left: 0;}
.booklist li img{width: 100%;}
.booklist li:first-child{left: 25.5%;width:46%;top:0;}
.booklist li:nth-child(2){top: 0;}
.booklist li:nth-child(3){bottom: 0;}
.booklist li:nth-child(4){left: 75%;top:0;}
.booklist li:nth-child(5){left: 75%;bottom: 0;}



.bookdetail li{list-style: none;    margin: 5px 0;}
.bookdetail li .loadmore{margin-top: 10px;}
.bookdetail li .loadmore.back{margin-top: 40px;}
.bookdetail li img{width:80%;}


.designerphoto .photo2{position: absolute;top: 0;left: 0;opacity: 0;}
.designerphoto .mask{position:relative;}
.designerphoto:hover .photo2{opacity: 1;}

.fybyn{margin-top:10px;max-width: 30%;}

.searchkeywords li{    list-style: none;
    text-transform: uppercase;
    cursor: pointer;}

 .searchkeywords li span{  
     cursor: pointer;}


.searchkeywords ul{padding-left: 5px;}

.booktable{margin-top:50px;}
.booktable2>tbody>tr>td {
    /* margin: 17px; */
    padding: 15px 5px;
}

.golden{
	color:#db0a26;
}

.whitetext{
	color:#fff;
}

.selectedkeyword span{color:#db0a26;}

.readbook h3{font-size:16px;}
.readbook h3:last-child{margin-bottom:30px;}
.readbook .leftlist img{width: 100%;margin-top:5px;}

.readbook .leftlist .menu_link{font-size:16px;}


.book_detail_cover{text-align: center;margin-bottom: 30px;}
.book_detail_cover img{width: 40%;}


.branches{margin:0 10px;display: inline-block;}

.desigVideo{ width:700px; height:525px; }

@media only screen and (max-device-width : 767px){
.desigVideo{ width:100%; height:250px; }
}

/*new*/
.guabggao{ margin: 20px 0;}
.guabggao ul{ padding: 0;}
.guabggao ul li{ width: 100%; border: solid 1px #efefef; padding: 15px; list-style: none;
	float: left;
	position: relative;
	margin-bottom: 15px;
}
.guabggao_xz{
	display: inline-block;
	float: left;
	margin-top: 38px;
	font-size: 16px;
	max-width: 32px;
	flex: 0 0 32px;
	color: #b4dc11;
	line-height: 24px;
	font-weight: bold;
	/*text-transform: uppercase;*/
	margin-right: 20px;
	border-left: 5px solid #7b7b7b;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	transform: scale(-1);
	text-align: center;
	letter-spacing: 1px;
}


.guabggao_img{ width: 20%; overflow: hidden; display: inline-block;}
.guabggao_img img{ width: 100%;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}


.guabggao ul li:hover .guabggao_img img{
	-o-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.guabggao_right{ width: 72%; float: right;}
.guabggao_title{ font-size: 16px; display: block; color: #333; margin-top: 20px;}
.guabggao_url{ margin-top: 20px; display: block;}

@media only screen and (max-device-width : 767px){
	.guabggao_right{ width: 50%;}
	.guabggao_img{ width: 40%;}
.guabggao_xz{
		margin: 15px 0px;
}
.guabggao_title{ 
	margin-top: 0px;
	line-height: 18px;
	}
.guabggao ul li{
	padding: 10px;
	}
}