/**
* Markup by sonic
* http://www.sonichtml.com
*/
/* Defaults */
:focus{outline:0}
a:link,a:visited{text-decoration:none;color:#999}
a:hover{text-decoration:none;color:#333;}
body{
font:normal 13px Verdana, Arial, Helvetica, sans-serif, "Futura Lt BT", "新細明體", "細明體";
line-height:18px;
color: #999;
}
img{border:0;vertical-align:bottom}
fieldset{border:0}
h1, h2, h3, h4, h5, h6{font-size:1em;}
p{margin:0 0 1em}
/* Public Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- Containers --*/
body{}
#skip{height:0px;overflow:hidden;width:0px}
#page{width:900px;margin:0 auto;}
/*-- Header --*/
#header{height:82px;border-bottom:1px solid #ccc;}
#logo{float:left;margin:30px 22px 0 20px;display:block;width:100px;height:38px;background:url(img/logo_mot.png) no-repeat;}
#logo a{display:block;height:38px;text-indent:-9999px;}
#header h2{float:left;font-size:26px;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif, "Futura Lt BT", "超研澤細黑", "華康細黑體";margin:48px 25px 0 8px;background:url(img/nt_bg.png) no-repeat;text-indent:-9999px;}
#header h2 a{display:block;height:22px;}
#header h2.bar{width:118px;height:22px;background-position:0 0;}
#header h2.arts_shop{width:204px;height:22px;background-position:0 -30px;}
#header h2.arts{width:126px;height:22px;background-position:0 -60px;}
#header h2.kitchen{width:130px;height:22px;background-position:0 -90px;}
#header h2.casa{width:130px;height:22px;background-position:0 -120px;}
#header h2.design_gallery{width:279px;height:22px;background-position:0 -240px;}
/*- navigation -*/
#navigation{float:left;margin:46px 0 0 0;}
#navigation li{display:inline;float:left;_width:30px;height:32px;margin:0 12px;white-space:nowrap;}
#navigation li a{color:#808080;display:block;height:32px;font-size:12px;line-height:32px;border-bottom:4px solid #fff;}
#navigation li.active{}
#navigation li.active a,#navigation li a:hover{text-decoration:none;color:#4c4c4c;border-bottom:4px solid #4d4d4d;}
/* site */
#navigation .site a{text-indent:-9999px;background:url(img/nav_site_a.png) no-repeat 0 0;}
#navigation .site .n1{width:69px; background-position:0 0;}
#navigation .site .n2{width:64px;background-position:0 -40px;}
#navigation .site .n3{width:64px;background-position:0 -80px;}
#navigation .site .n4{width:64px;background-position:0 -120px;}
#navigation .site .n5{width:64px;background-position:0 -160px;}
#navigation .site .n6{width:64px;background-position:0 -200px;}
#navigation .site .n7{width:64px;background-position:0 -240px;}
/* bar */
#navigation .bar a{text-indent:-9999px;background:url(img/nav_bar_a.png) no-repeat 0 0;}
#navigation .bar .n1{width:56px; background-position:0 0;}
#navigation .bar .n2{width:111px;background-position:0 -40px;}
#navigation .bar .n3{width:90px;background-position:0 -80px;}
/* shop */
#navigation .shop a{text-indent:-9999px;background:url(img/nav_shop_a.png) no-repeat 0 0;}
#navigation .shop .n1{width:56px;background-position:0 0;}
#navigation .shop .n2{width:68px;background-position:0 -40px;}
#navigation .shop .n3{width:56px;background-position:0 -80px;}
#navigation .shop .n4{width:138px;background-position:0 -120px;}
/* arts */
#navigation .arts a{text-indent:-9999px;background:url(img/nav_arts_a.png) no-repeat 0 0;}
#navigation .arts .n1{width:56px;background-position:0 0;}
#navigation .arts .n2{width:56px;background-position:0 -40px;}
#navigation .arts .n3{width:56px;background-position:0 -80px;}
#navigation .arts .n4{width:66px;background-position:0 -120px;}
#navigation .arts .n5{width:96px;background-position:0 -160px;}
/* kit */
#navigation .kit a{text-indent:-9999px;background:url(img/nav_kit_a.png) no-repeat 0 0;}
#navigation .kit .n1{width:56px;background-position:0 0;}
#navigation .kit .n2{width:144px;background-position:0 -40px;}
#navigation .kit .n3{width:123px;background-position:0 -80px;}
/* casa */
#navigation .casa a{text-indent:-9999px;background:url(img/nav_casa_a.png) no-repeat 0 0;}
#navigation .casa .n1{width:56px;background-position:0 0;}
#navigation .casa .n2{width:56px;background-position:0 -40px;}
#navigation .casa .n3{width:68px;background-position:0 -80px;}
#navigation .casa .n4{width:56px;background-position:0 -120px;}
#navigation .casa .n5{width:102px;background-position:0 -160px;}
/* dg */
#navigation .dg a{text-indent:-9999px;background:url(img/nav_dg_a.png) no-repeat 0 0;}
#navigation .dg .n1{width:56px;background-position:0 0;}
#navigation .dg .n2{width:56px;background-position:0 -40px;}
#navigation .dg .n3{width:178px;background-position:0 -80px;}
/*- language -*/
#header .language{color:#999;float:right;margin:40px 0 0 0;}
#header .language span{display:block;font-size:10px;padding:0 10px;}
#header .language a{padding:0 10px;}
#header .language a.current{color:#333;font-weight:bold;}
/*-- Footer --*/
#footer{position:relative; width:100%; height:50px;padding:12px 0 0 0;background:url(img/footer_line.png) repeat-x left top;}
#footer .logo{position:absolute;right:0px;top:14px;text-indent:-9999px;width:124px;height:24px;background:url(img/logo_jld.png) no-repeat;}
#footer div{font-size:10.5px;color:#999;}
#footer div a{}
#footer .i ul{display:inline;margin:0 24px 0 0;}
#footer .i li{display:inline;padding:0 2px;}
#footer .i li span{font-size:9px}
#footer .o span{padding:0 12px 0 0;}
#footer .o .email{padding:0 28px 0 0;}
/*-- Content --*/
#content{height:auto;padding:40px 0 50px 0;}
#main{float:right;width:746px;}
#main2{float:right;width:746px;}
#side{float:left;width:140px;}
/*- pagination -*/
.pagination {padding:20px 6px;margin:3px;font-size:13px;text-align:right;}
.pagination a{padding:2px 5px 2px 5px;margin:2px;background-color:#ffffff;!important;text-decoration:none;color:#8A8CA5;}
.pagination a:hover, div.pagination a:active {color:#fff;background:#999;text-decoration:none;}
.pagination span.current{padding:2px 5px 2px 5px;margin:2px;font-weight:bold;color:#000;}
.pagination span.disabled{padding:2px 5px 2px 5px;margin:2px;color:#DDD;}
/* 01 Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- index_pro_list --*/
.index_pro_list{}
.index_pro_list li{display:inline-block;*display:inline;zoom:1;width:216px;margin:0 5px 20px 0;vertical-align:top}
.index_pro_list li .img{overflow:hidden;width:216px;height:193px;background:#e6e6e6;margin:0 0 8px 0;}
.index_pro_list li .img img{display:block;}
.index_pro_list li a{text-indent:-9999px;display:block;line-height:22px;color:#666;font-size:18px;font-weight:bold;padding:2px 0;background:url(img/pro_list_a.png) no-repeat ; }
.index_pro_list li .p1{background-position:0 0;}
.index_pro_list li .p2{background-position:0 -30px;}
.index_pro_list li .p3{background-position:0 -60px;}
.index_pro_list li .p4{background-position:0 -90px;}
.index_pro_list li .p5{background-position:0 -120px;}
.index_pro_list li .p6{background-position:0 -150px;}
.index_pro_list cite{float:left;color:#7f7f7f;}
.index_pro_list p{color:#7f7f7f;margin:0 0 0 70px;font-size:12.5px;}
.index_pro_list .small{width:216px;height:80px;float:left;text-aling:left}
.index_pro_list .small .img{width:65px;height:65px;float:left;overflow:hidden;background:#ffffff}
.index_pro_list .right{width:140px;height:65px;float:right;}
.index_pro_list .right span{font-size:13px;color:#333;line-height:120%}
.index_pro_list .right cite{
font-size:12.5px;
color:#7f7f7f;
line-height:160%;
margin:5px 0 0 0
}
/*-- menu_list --*/
.menu_list{}
.menu_list li{display:inline-block;*display:inline;zoom:1;width:216px;margin:0 5px 15px 0;vertical-align:top}/* 原本margin-right:12px */
.menu_list li .img{overflow:hidden;width:216px;height:193px;margin:0 0 4px 0;}
.menu_list li .img img{display:block;width:216px;height:193px;}
.menu_list li a{text-indent:-9999px;display:block;line-height:22px;color:#666;font-size:16px;font-weight:bold;padding:2px 0 4px 0;}
.menu_list .b1,.menu_list .b2,.menu_list .b3,.menu_list .b4,.menu_list .b5,.menu_list .b6,.menu_list .b7{text-indent:-9999px;display:block;line-height:22px;color:#666; font-size:18px;font-weight:bold;padding:2px 0;background:url(img/bar_list_a.png) no-repeat ;}
.menu_list .b1{background-position:0 0;}
.menu_list .b2{background-position:0 -30px;}
.menu_list .b3{background-position:0 -60px;}
.menu_list .b4{background-position:0 -90px;}
.menu_list .b5{background-position:0 -120px;}
.menu_list .b6{background-position:0 -150px;}
.menu_list .b7{background-position:0 -180px;}
.menu_list .k1,.menu_list .k2,.menu_list .k3,.menu_list .k4,.menu_list .k5,.menu_list .k6{text-indent:-9999px;display:block;line-height:22px;color:#666;font-size:18px;font-weight:bold;padding:2px 0;background:url(img/kit_list_a.png) no-repeat ;}
.menu_list .k1{background-position:0 0;}
.menu_list .k2{background-position:0 -30px;}
.menu_list .k3{background-position:0 -60px;}
.menu_list .k4{background-position:0 -90px;}
.menu_list .k5{background-position:0 -120px;}
.menu_list .k6{background-position:0 -150px;}
.menu_list p{color:#999;font-size:12.5px;line-height:150%;}
/* 02 Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- menu --*/
#side .menu{margin:1px 0 0 0;padding:10px 0 10px 0;border-bottom:1px solid #ccc;border-top:2px solid #ccc;}
#side .menu li{font-size:13px;letter-spacing:0.5pt;line-height:185%;}
#side .menu li a{color:#bdbdbd;}
#side .menu li a:hover{color:#000;}
#side .menu li.active a{color:#000;}
#side .menu li span{font-size:10px;padding:0 0 0 4px;}
/*-- KIT/BAR sub_menu --*/
#side .submenu{margin:2px 0 0 14px;padding:0 0 4px;}
#side .submenu li{font-size:11.5px;letter-spacing:0pt;}
#side .submenu li a{color:#bdbdbd;line-height:26px;}
#side .submenu li a:hover{color:#000;}
#side .submenu li span{font-size:10px;padding:0 0 0 4px;}
#side .submenu li.active a{color:#000;}
#side .menu .submenu{margin:0 0 0 16px;}
#side .menu .submenu li{font-size:11px;}
#side .menu .submenu li a{color:#bdbdbd;}
#side .menu .submenu li a:hover{color:#000;}
#side .menu .submenu li.current a{color:#000;}
/*-- about --*/
.about{
overflow:hidden;
zoom:1;
font-size:13px;
letter-spacing: 1pt;
line-height: 18px;
}
.about .banner{overflow:hidden;width:672px;}
.about .banner img{display:block;width:672px;height:180px;}
.about .banner1{overflow:hidden;width:750px;}
.about .banner1 img{display:block;width:750px;height:200px;}
.about .specialP{overflow:hidden;width:738px;}/*-- BAR/KITCHEN/CASA news --*/
.about .specialP img{display:block;width:738px;height:510px;}/*-- BAR/KITCHEN/CASA news --*/
.about .artslist{overflow:hidden;width:365px;float:left}/*-- ARTS artists list --*/
.about .artslist img{width:350px;height:195px;float:left;margin:0 0 16px 0}/*--350x195 --*/
.about .artslist h3{color:#000;font-weight:bold;font-size:20px; text-align:left; line-height:30px;}/*-- ARTS artists list title --*/
.about .artslist .content{width:350px; height:120px; color:#999;padding:14px 0; line-height:150%}/*-- ARTS artists list --*/
.about .artstlist .more{ text-align:right;}/*ARTS artists*/
.about .info .content img{float:left;width:435px;height:260px;}/*ARTS info*/
.about .ex_review{overflow:hidden;width:365px;float:left}/*-- ARTS/DG exhibit review --*/
.about .ex_review img{width:140px;height:84px;float:left;margin:0 12px 0 0}/*--140 x 84 --*/
.about .ex_review li{width:360px; float:left;margin:0 0 15px 0}
.about .ex_review p{color:#999;font-size:13px;text-align:left;margin:20px 0 10px 0}
.about .ex_review p cite{color:#999;font-size:12px;}
.about .explain{
border-top:1px solid #7f7f7f;
float:left;
width:750px;
height:auto;
color:#999;
margin-top: 5px;
padding-top: 7px;
padding-right: 0;
padding-bottom: 7px;
padding-left: 0;
}/*news explain*/
.about .explain h3{padding:10px 0 15px 0;color:#000;font-size:14px;}/*news explain*/
/*- info -*/
.about .info{float:left;width:435px;}
.about .info h2{text-indent:-9999px;color:#4d4d4d;font-size:20px;font-weight:bold;height:30px;margin:10px 0 0 0; line-height:20px;border-bottom:1px solid #888;background:url(img/it_bg.png) no-repeat ; }
.about .info h2.bar{background-position:0 0;}
.about .info h2.shop{background-position:0 -30px;}
.about .info h2.arts{background-position:0 -60px;}
.about .info h2.kit{background-position:0 -90px;}
.about .info h2.kit2{
background-position:0 -300px;
height: 58px;
}
.about .info h2.casa{background-position:0 -120px;}
.about .info h2.vitra{background-position:0 -150px;}
.about .info h2.moooi{background-position:0 -180px;}
.about .info h2.salon{background-position:0 -210px;}
.about .info h2.k{background-position:0 -240px;}
.about .info h2.new{background-position:0 -272px;}
.about .info .content{height:330px;color:#999;padding:14px 0;line-height:150%;}
/* intro字 */
.about .info p{margin-bottom:2em;}
.about .info .goto{text-align:right;}
.about .info ul{margin-bottom:1em;}
.about .info ul li{}
.about .main_info{overflow:hidden;zoom:1;margin:0 0 26px 0;}
.about .main_info1{overflow:hidden;zoom:1;margin:0 0 15px 0;}
.about .main_info1 .news{width:368px;float:left;height:auto;padding:15px 0 0 0;}
.about .main_info1 .news1{width:368px;float:right;height:auto;padding:15px 0 0 0;}
.about .main_info1 .show{float:left;width:372px;height:290px;}
.about .main_info1 h3{color:#888;font-size:14px;margin:0 0 0px 380px;line-height:16px;}
.about .main_info1 h3 span{display:block;}
.about .main_info1 h2{
padding:10px 0 5px 0;
color:#000;
font-size:15px;
border-bottom:1px solid #7f7f7f;
margin:0 0 10px 0;
}/*news explain*/
.about .main_info1 ul{margin:0 0 0 0px;*padding:0 0 1em 0;}
.about .main_info1 li{zoom:1;display:block;color:#999;margin:0 0 5px 0;padding:0 0px 0 0; width:100%}
.about .main_info1 li cite{float:left;margin:0 10px 0 0;color:#ccc;padding:0 0px 0 0;}
.about .main_info1 li span{display:block}
.about .info2{float:left;width:336px;}/*--about JUT left--*/
.about .info2 .content{color:#999;padding:14px 0;}
.about .info2 p{margin-bottom:2em; margin-right:1.2em;}
.about .info2 .goto{text-align:right;}
.about .info2 ul{margin-bottom:2em;}
.about .info2 ul li{}
/*--about JUT right--*/
.about .info3{float:left;width:650px;height:280px}
.about .info3 .content{color:#999;padding:14px 0;}
.about .info3 p{margin-bottom:2em}
.about .info3 .goto{text-align:right;}
.about .info3 ul{margin-bottom:2em;}
.about .info3 ul li{}
/*--about JUT left--*/
.about .info4{float:left;width:265px;}
.about .info4 .content{padding:10px 0;}
.about .info4 p{margin-bottom:2em; margin-right:1.2em;}
.about .info4 .goto{text-align:right;}
.about .info4 ul{margin-bottom:2em;font-size: 13px;line-height:200%}
.about .info4 ul li{}
/*--aabout JUT right--*/
.about .info5{float:left;width:410px;height:auto}
.about .info5 .content{color:#999;padding:14px 0;letter-spacing:1pt;}
.about .info5 p{margin-bottom:2em;margin-right:1em;padding-left: 15px;}
.about .info5 .goto{text-align:right;}
.about .info5 ul{margin-bottom:2em;}
.about .info5 ul li{}
/*- projects-*/
.about .pro{float:left;width:585px;}
.about .pro .content{height:72px;color:#999;padding:20px 0 2px 0;letter-spacing:0.5px;border-bottom:1px solid #7f7f7f;margin:0 0 20px 0;line-heigt:150%}/* intro字 */
.about .pro p{margin-bottom:2em;}
.about .pro .goto{text-align:right;}
.about .pro ul{margin-bottom:2em;}
.about .pro ul li{}
/*- photo -*/
.about .photo{display:inline;float:right;width:216px;margin:40px 76px 0 0;padding:18px 0 0 0;border-top:1px solid #888;}
.about .photo6{
display:inline;
float:right;
width:216px;
border-top:1px solid #888;
margin-top: 51px;
margin-right: 76px;
margin-bottom: 0;
margin-left: 0;
padding-top: 18px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.about .photo img{margin:0 0 10px 0}
.about .photo li{color:#999;line-height:150%;letter-spacing:0.2pt}/* intro字 */
.about .photo2{
display:inline;
float:right;
width:216px;
margin:12px 76px 0 0;
padding:15px 0 0 0;
border-top:1px solid #808080;
}
.about .photo2 img{width:216px;height:75px;margin:0 0 5px 0}
.about .photo3{
display:inline;
float:left;
width:585px;
margin:0 0 0 0;
padding:0 0 0 0;
}
.about .photo3 img{width:216px;height:140px;padding:0 0 15px 0;float:left}
.event_title{width:355px; font-size:18px; font-weight: bold; color:#808080; text-align:left; margin:10px 0 5px 0; float:right}
.event_intro{width:355px;font-size:13px;color:#999;text-align:left;line-height:18px;float:right}
.event_intro .more{text-align:right;}
/* 03 Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- subscribe --*/
.subscribe{}
.subscribe fieldset{color:#999;}
.subscribe fieldset label{display:block;line-height:32px;cursor:pointer;}
.subscribe fieldset p.btn{text-align:right;}
.subscribe fieldset p .inp_txt{line-height:16px;height:16px;width:132px;padding:2px;border:1px solid #7f7f7f;}
.subscribe fieldset p .btn_sub{line-height:18px;height:18px;color:#fff;margin:0 0 0 4px;background:#b3b3b3;border:0;cursor:pointer;}
/*-- review --*/
.review{}
/*- prv -*/
.review .prv{overflow:hidden;zoom:1;margin:0 0 10px 0;}
.review .prv .main_prv{float:left;width:180px;height:248px;}
.review .prv h2{margin:180px 0 0 220px;font-size:32px;font-weight:bold;color:#000;}
.review .prv .motstyle{text-indent:-9999px;width:138px;height:40px;background:url(img/motstyle.gif) no-repeat;}
.review .prv p{color:#808080;font-size:14px;margin:0 0 0 220px;}
.review .prv p cite{margin:0 48px 0 0;}
/*- num -*/
.review .num{}
.review .num h3{color:#999;line-height:32px;border-bottom:1px solid #ccc;}
.review .num li{float:left;margin:12px 12px 0 0;}
.review .num li img{width:65px;height:90px;}
/* 04 Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- review_e --*/
.review_e{}
/*- prv -*/
.review_e .prv{overflow:hidden;zoom:1;margin:0 0 10px 0;}
.review_e .prv .main_prv{
float:left;
width:430px;
height:210px;
}
.review_e .prv h2{margin:150px 0 0 450px;font-size:24px;font-weight:bold;color:#000;}
.review_e .prv .e-paper{
text-indent:-9999px;
width:136px;
height:26px;
background:url(img/e-paper.gif) no-repeat;
}
.review_e .prv p{color:#808080;font-size:12px;margin:0 0 0 450px;}
.review_e .prv p cite{
margin:0 8px 0 0;
}
/*- num -*/
.review_e .num{width:740px;}
.review_e .num h3{color:#888;line-height:32px;border-bottom:1px solid #ccc;}
.review_e .num ul{overflow:hidden;zoom:1;}
.review_e .num li{float:left;font-size:13px;color:#999;width:360px;margin:12px 10px 0 0;}
.review_e .num li a{color:#999;}
.review_e .num li cite{margin:0 40px 0 0;}
/* 05 Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- brands --*/
.brands{height:505px}
.brands .banner{overflow:hidden;width:750px;}
.brands .banner img{display:block;width:750px;height:194px;}
/*- list -*/
.brands .list{margin:12px 0 0 0;}
.brands .list li{display:inline-block;*display:inline;zoom:1;vertical-align:top;width:139px;margin:0 7px 20px 0;*margin:0 10px 20px 0;}
.brands .list abbr{display:block;color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:28px;width:28px;height:28px;margin:0 0 8px 0;background:#ccc;}
.brands .list ul{border-top:1px solid #ccc;padding:2px 0 0 0}
.brands .list ul li{float:none;width:auto;display:block;margin:0;padding:2px 0;}
/*-- MAP --*/
.map{overflow:hidden;width:672px;}
.map img{display:block;height:110px;}
/* 06 Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- brands_menu --*/
.brands_menu{padding:0 0 0 0;}
.brands_menu h3{color:#000;line-height:38px;margin:0 0 10px 0;border-bottom:2px solid #ccc; }
/*--cube--*/.brands_menu h4{color:#999;line-height:32px;margin:6px 0 6px 0;border-bottom:2px solid #ccc; }
.brands_menu ul{}
.brands_menu li{
display:block;
line-height: 15px;
padding-top: 5px;
padding-bottom: 5px;
}
.brands_menu li a{
line-height:140%;
}
.brands_menu li.active a{color:#000;font-weight:bold;}
/*-- brands_detail --*/
.brands_detail{}
/*- title -*/
.brands_detail .title{overflow:hidden;zoom:1;}
.brands_detail .title h2{float:left;font-size:34px;font-weight:bold;color:#222;margin:0 10px 0 0;}
.brands_detail .title h2 span{display:block;}
.brands_detail .title .prv{}
.brands_detail .title .prv li{float:left;width:62px;margin:0 10px 0 0;border:2px solid #999;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}
.brands_detail .title .prv li img{width:62px;height:40px;}
.brands_detail .title .prv li a{}
.brands_detail .title .prv li.active{filter:none;-moz-opacity:1;opacity:1;}
/*- content -*/
.brands_detail .content{padding:26px 0 0 0;}
.brands_detail .main_show{float:left;width:368px;}
.brands_detail h3{font-size:16px;color:#000;font-weight:bold;line-height:32px;margin:0 0 10px 380px;border-bottom:1px solid #ccc; }
.brands_detail .dl{margin:0 0 0 380px;}
.brands_detail .dl li{display:block;color:#999;padding:6px 0;}
.brands_detail .dl li a{padding:0 0 0 15px;}
.brands_detail .dl li span{padding:0 0 0 15px;}
/*-- gallery_detail --*/
.gallery_detail{}
/*- title -*/
.gallery_detail .title{overflow:hidden;zoom:1;}
.gallery_detail .title h2{float:left;font-size:34px;font-weight:bold;color:#222;margin:0 10px 0 0;}
.gallery_detail .title h2 span{display:block;}
.gallery_detail .title .prv{}
.gallery_detail .title .prv li{float:left;width:62px;margin:0 10px 0 0;border:2px solid #999;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}
.gallery_detail .title .prv li img{width:62px;height:40px;}
.gallery_detail .title .prv li a{}
.gallery_detail .title .prv li.active{filter:none;-moz-opacity:1;opacity:1;}
/*- content -*/
.gallery_detail .content{padding:0 0 0 0;}
.gallery_detail .main_show{float:left;width:435px;height:345px;}
.gallery_detail h3{font-size:16px;color:#000;font-weight:bold;line-height:32px;margin:0 0 10px 460px;border-bottom:1px solid #ccc; }
.gallery_detail .dl{margin:0 0 0 460px;}
.gallery_detail .dl li{display:block;color:#999;padding:6px 0;}
.gallery_detail .dl li a{padding:0 0 0 15px;}
.gallery_detail .dl li span{padding:0 0 0 15px;}
/*-- related_pro --*/
.related_pro{}
.related_pro h3{color:#999; font-size:13px; line-height:45px;border-bottom:1px solid #ccc;margin:0 0 16px 0;}
.related_pro ul{}
.related_pro li{overflow:hidden;float:left;margin:0 9px 10px 0;}
.related_pro li a{}
.related_pro li img{}
.related_list{width:745px;height:150px;border-bottom:1px solid #ccc; padding-top:12px}/*--140x140 list列表 --*/
/* 07 Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- artists --*/
.artists{height:493px}
/*- list -*/
.artists .list{margin:12px 0 0 0;}
.artists .list li{display:inline-block;*display:inline;zoom:1;vertical-align:top;width:139px;margin:0 7px 20px 0;*margin:0 10px 20px 0;}
.artists .list strong{display:block;color:#000;font-size:14px;line-height:28px;border-bottom:1px solid #ccc;margin:0 0 4px 0;}
.artists .list ul li{float:none;width:auto;display:block;margin:0;padding:2px 0;}
/* 08 Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- cur_exh --*/
.cur_exh{}
/*- main_info -*/
.cur_exh .main_info{overflow:hidden;zoom:1;margin:0 0 26px 0;}
.cur_exh .main_info .show{float:left;width:366px;height:290px;}
.cur_exh .main_info h3{color:#888;font-size:14px;margin:0 0 24px 380px;line-height:16px;}
.cur_exh .main_info h3 span{display:block;}
.cur_exh .main_info ul{margin:0 0 0 380px;*padding:0 0 1em 0;border-bottom:1px solid #ccc;}
.cur_exh .main_info li{zoom:1;display:block;color:#999;margin:0 0 1em 0;padding:0 0 0 80px;}
.cur_exh .main_info li cite{float:left;margin:0 0 0 -79px;color:#ccc;}
.cur_exh .main_info li span{display:block}
/*- info -*/
.cur_exh .info{float:left;width:366px;}
.cur_exh .info h3{margin:0 0 1em;font-size:12px;color:#444;}
.cur_exh .info h3 a{color:#444;}
.cur_exh .info p{color:#999;letter-spacing:0.5pt;font-size:13px}
/*- list -*/
.cur_exh .list{margin:0 0 0 380px;}
.cur_exh .list li{overflow:hidden;zoom:1;color:#999;margin:0 0 10px 0;}
.cur_exh .list li img{float:left;width:140px; margin:0 0 5px 0}
.cur_exh .list li h3{margin:0 0 4px 150px;font-size:12px}
.cur_exh .list li p{margin:0 0 0 150px;font-size:11px}
.cur_exh .list li p cite{padding:0 0 0 18px;}
/*-- exh_menu --*/
.exh_menu{;font-size:12px}
.exh_menu h3{color:#999;line-height:12px;margin:0 0 10px 0;border-bottom:2px solid #ccc; }
/*--cube--*/.brands_menu h4{color:#999;line-height:32px;margin:6px 0 6px 0;border-bottom:2px solid #ccc; }
.exh_menu ul{}
.exh_menu li{display:block;}
.exh_menu li a{line-height:150%;}
.exh_menu li.active a{color:#000;}
/* 09 Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- brands_info --*/
.brands_info{color:#999;}
/*- banner -*/
.brands_info .banner{width:750px;margin:0 0 20px 0; }
.brands_info .banner img{display:block;width:750px; height:200px;}
/*- menu -*/
.brands_info .menu{float:left;width:216px;}
.brands_info .menu h2{font-size:18px;padding:4px 0 16px 0;font-weight:bold;color:#333;margin:0 10px 8px 0;border-bottom:1px solid #ccc;}
.brands_info .menu ul{}
.brands_info .menu li{padding:6px 0;}
/*- con -*/
.brands_info .con{margin:0 0 0 236px;line-height:150%;letter-spacing:0.5pt } /*brands info*/
/* 10 Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- artists_menu --*/
.artists_menu{}
.artists_menu h3{color:#000;font-weight:bold;font-size:15px;line-height:32px;margin:0 0 10px 0;border-bottom:1px solid #ccc;}
.artists_menu ul{margin:0 0 10px 0;min-height:210px;_height:210px;}
.artists_menu li{display:block;color:#666}
.artists_menu li a{line-height:180%;letter-spacing:0pt}
.artists_menu li.active a{color:#000;font-weight:bold;}
/*-- artists_detail --*/
.artists_detail{color:#999;margin-bottom:10px;}
.artists_detail h3{width:216px;color:#000;font-weight:bold;font-size:17px;line-height:32px;margin:0 0 10px 0;border-bottom:1px solid #ccc;}
.artists_detail .content{letter-spacing:0.2pt}
.artists_detail .content .show{float:left;width:216px; height:200px;}
.artists_detail .content p{margin:0 0 1em 236px; line-height:150% }
/* 11 Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- (6frontpage) index --*/
.front_main img{width:520px;height:428px;padding:0 0 0 0}
.front_sub img{width:216px;height:97px;padding:0 0 13px 0}
.front_sub2 img{width:216px;height:207px;padding:0 0 13px 0}
/* 12 Sytle
------------------------------------------------------------------------------------------------------------*/
/*- CASA/ARTSHOP Shopinfo -*/
.shopinfo_list{}
.shopinfo_list li{display:inline-block;*display:inline;zoom:1;width:216px;margin:0 90px 20px 0;*margin:0 12px 20px 0;vertical-align:top}
.shopinfo_list li .img{overflow:hidden;width:216px;height:140px;background:#e6e6e6;margin:0 0 12px 0;}
.shopinfo_list li .img img{display:block;width:216px;height:140px;}
.shopinfo_list li a{text-indent:-9999px;display:block;line-height:22px;color:#666;font-size:18px;font-weight:bold;padding:2px 0;background:url(img/pro_list_a.png) no-repeat ; }
.shopinfo_list li .p1{background-position:0 0;}
.shopinfo_list li .p2{background-position:0 -30px;}
.shopinfo_list li .p3{background-position:0 -60px;}
.shopinfo_list li .p4{background-position:0 -90px;}
.shopinfo_list li .p5{background-position:0 -120px;}
.shopinfo_list li .p6{background-position:0 -150px;}
.shopinfo_list li .p7{background-position:0 -180px;}
.shopinfo_list li .p8{background-position:0 -210px;}
.shopinfo_list cite{float:left;color:#7f7f7f;}
.shopinfo_list p{color:#999;margin:0 0 0 0;font-size:11px;}
/* 13 Sytle
------------------------------------------------------------------------------------------------------------*/
/*- BAR/KITCHEN MENU -*/
.menu_sub{}
.menu_sub p{
color:#C69C6D;
margin:0 0 20px 0;
font-size:12px;
line-height:150%
}
.menu_sub h3{font-size:12px;letter-spacing:0.5px;width:670px;color:#999;line-height:32px;margin:0 0 10px 0;border-top:2px solid #ccc;}
.menu_sub h4{width:900px;color:#999;margin:0 0 0 0;border-top:2px solid #ccc; text-align:center}
.menu_sub li{display:inline-block;*display:inline;zoom:1;width:216px;margin:0 6px 20px 0;vertical-align:top}/* 原本margin-right:12px */
.menu_sub li .img{overflow:hidden;width:216px;height:193px;margin:0 0 15px 0;}
.menu_sub li .img img{display:block;width:216px;height:193px;}
.menu_sub li a{text-indent:-9999px;display:block;line-height:22px;color:#666;font-size:16px;font-weight:bold;padding:2px 0 4px 0;}
.menu_sub li p{
color:#C69C6D;
margin:0 0 5px 0;
font-size:14px;
line-height:120%
}
.menu_sub li cite{float:right;color:#7f7f7f;font-size:11px}
.menu_sub li span{color:#7f7f7f;font-size:12px;margin:0 0 0 0px;letter-spacing:0pt}
.menu_sub .title{height:40px; width:670px;font-size:13px; text-align:right;line-height: 280%;color:#999; margin:3px 0 0 0 }
.menu_sub .title2{
height:60px;
width:670px;
font-size:13px;
line-height: 280%;
color:#999;
margin-top: 3px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
text-align: right;
}
.menu_sub .title .img{float:left}
.menu_sub .title2 .img{float:left}
.menu_sub .title span{margin:0 0 0 35px}
.menu_sub .select{width:670px;height:40px; border-top:1px #e6e6e6 solid;margin:5px 0 0 0}
.menu_sub .select .img{float:left}
.menu_sub .set{width:670px;margin:10px 0 10px 0}
.menu_sub .set .img{overflow:hidden;width:140px;height:40px;background:#e6e6e6;margin:10px 0 5px 0;border-bottom:1px solid #CCC}
.menu_sub .set .img img{display:block;width:140px;height:40px}
.menu_sub .set .menu_english{
font-family: Verdana, Arial, Helvetica, sans-serif, "Futura Lt BT", "超研澤細黑", "華康細黑體";
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height:16px;
letter-spacing:;
color: #7f7f7f;
text-decoration: none;
}
.menu_sub .set .menu_names_s{
font-family: Verdana, Arial, Helvetica, sans-serif, "Futura Lt BT", "超研澤細黑", "華康細黑體";
font-size: 13px;
font-style: normal;
font-weight: normal;
line-height:17px;
color: #7f7f7f;
text-decoration: none;
}
.menu_names_ps{
font-family: Verdana, Arial, Helvetica, sans-serif, "Futura Lt BT", "超研澤細黑", "華康細黑體";
font-size: 11px;
letter-spacing:0.5pt;
font-style: normal;
font-weight: normal;
line-height:17px;
color: #C0C0C0;
text-decoration: none;}
.menu_sub .set .menu_names{
font-family: Verdana, Arial, Helvetica, sans-serif, "Futura Lt BT", "超研澤細黑", "華康細黑體";
font-size: 13px;
font-style: normal;
font-weight: normal;
line-height:18px;
color: #7f7f7f;
text-decoration: none;
}
.menu_sub .set .price_big{
font-family: Verdana, Arial, Helvetica, sans-serif, "Futura Lt BT", "超研澤細黑", "華康細黑體";
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height:18px;
color: #7f7f7f;
text-decoration: none;
}
/*- sub_nav -*/
#header2 h2{float:left;font-size:26px;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif, "Futura Lt BT", "超研澤細黑", "華康細黑體";margin:10px 0 0 0;background:url(img/nt_bg.png) no-repeat;text-indent:-9999px;}
#header2 h2 a{display:block;height:22px;}
#header2 h2.bar{width:118px;height:22px;background-position:0 0;}
#header2 h2.arts_shop{width:143px;height:22px;background-position:0 -30px;}
#header2 h2.arts{width:126px;height:22px;background-position:0 -60px;}
#header2 h2.kitchen{width:136px;height:22px;background-position:0 -91px;}
#header2 h2.casa{width:130px;height:22px;background-position:0 -119px;}
#header2 h2.design_gallery{width:279px;height:22px;background-position:0 -240px;}
#sub_text{font-size:12px;color:#666;height:25px;width:700px;float:left;margin:9px 0 5px 15px;}
#sub_text li{display:inline;float:left;_width:30px;height:25px;margin:0 22px 0 0;white-space:nowrap;}
#sub_text li a{color:#808080;display:block;height:3px;line-height:3px;padding:0 0 0 6px;margin:10px 0 0 0;border-left:3px solid #fff;}
#sub_text li.active{}
#sub_text li.active a{text-decoration:none;color:#333;border-left:3px solid #333;}
#sub_text li a:hover{text-decoration:none;color:#CCC;border-left:3px solid #CCC;}
/*-Project-*/
.projects{height:500px}
/*- news0 3則訊息-*/
.news0{
width:685px;
height:94px;
border-bottom:1px solid #888;
padding-top: 13px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.news0 li{
width:670px;
display:inline;
float:left;
overflow:hidden;
letter-spacing:1pt;
margin-top: 3;
margin-right: 10px;
margin-bottom: 3px;
margin-left: 0;
}
.news0 li p{font-size:13px;color:#000;font-weight:bold;letter-spacing:1px;border-left:4px #000 solid;line-height:120%;margin:0 0 0 5px;}
.news0 li span{font-size:13px;color:#333333;line-height:180%}
/*- news -*/
.news{
width:685px;
height:auto;
padding-top: 15px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.news li{
width:330px;
height:105px;
display:inline;
float:left;
letter-spacing:1pt;
margin-top: 0;
margin-right: 12px;
margin-bottom: 5px;
margin-left: 0;
}
.news li img{width:80;height:80px;overflow:hidden;margin:0 10px 10px 0;float:left}
.news li span{font-size:13px;color:#333333;letter-spacing:1px;line-height:150%}
.news li p{font-size:12.5px;color:#999;line-height:160%;margin:2px 0 0 0}
/*- sitemap -*/
.sitemap {
padding-topmenu: 0px;
width: 100%;
font-size: 10.5px;
text-align: left;
color: #999999;
margin: auto;
height: 100%;
}
.sitemap-title {
padding-topmenu: 0px;
width: 90%;
font-size: 12px;
text-align: left;
color: #999999;
height: 100%;
margin-top: auto;
margin-right: 8%;
margin-bottom: auto;
padding-top: 2px;
padding-bottom: 2px;
margin-left: 2%;
}
.sitemap-title2 {
padding-topmenu: 0px;
width: 90%;
font-size: 12px;
text-align: left;
color: #4E4E4E;
height: 100%;
margin-top: auto;
margin-right: 8%;
margin-bottom: auto;
padding-top: 2px;
padding-bottom: 2px;
margin-left: 2%;
}
.sitemap ul {list-style: none;margin: 0px;padding: 0px;}
.sitemap ul li {}
.sitemap ul li a {
display: block;
text-decoration: none;
color: #999999;
text-align: left;
font-size: 10.5px;
line-height: 16px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 7px;
padding-top: 2px;
padding-bottom: 2px;
}
.sitemap ul li a:hover{
text-decoration: none;
color: #4D4D4D;
background-image: url(../images/index/ws-left-05.jpg);
background-repeat: no-repeat;
background-position: left 12px;
}
.sitemap ul li a.current {color: #000000;text-decoration: none;padding-bottom: 5px;padding-top: 5px;font-weight: bold;}