@charset "utf-8";
/* CSS Document */
.art_rightarea{ background-color:#eee; padding:5px 5px; margin-top:5px;}
.art_rightarea02{ margin-top:5px; padding:0 10px;}
.art_rightarea03{ margin-top:5px; margin-left:3px;}

/*商品分類*/
.art-poplist{ background-color:#D6D6D6;display:block; margin:5px 0;}
.art-poplist h3{ background:url(../images/art-poplist.jpg) no-repeat; background-color:#C8DD5E; height:20px;}
.art-poplist .poplistt{ padding-left:5px; _padding-left:0;}
.art-poplist .poplistt ul li{ list-style:none; padding:0;}
.art-poplist .poplistt li{ width:130px;margin:10px 5px 10px 15px;_margin:10px 5px 10px 10px;float:left;}

/*藝廊總攬*/
.art-shop{_padding-top:3px; background:#FFFFFF; margin-bottom:5px;}
.art-shop h3{ height:20px;background:url(../images/art-popall.jpg) no-repeat;background-color:#C8DD5E;}
.art-shop h3 .txtt{float:right; text-align:right; font-weight:400; font-size:11px;  margin-right:5px; padding-top:3px;}
.art-shop h3 .txtt a{ text-decoration:none;}
.art-shop h3 .txtt a:hover{ text-decoration:underline;}
.art-shop h3 .txtt select{ font-size:12px;}
.art-shop ul li{ list-style:none;}
.art-shop li{ width:110px; height:135px; margin:5px 3px 0 3px;_margin:5px 1px 0 3px;float:left; border:1px solid #ccc; padding:5px;}
.art-shop .pic{ width:110px; height:110px;text-align:center;overflow:hidden;
  /* Firefox, Chrome */
  line-height : 105px;
  white-space : nowrap;
  /* IE */
  *font-size : 105px;  /* 200px * 0.8 = 180px */
  *font-family : Arial;
}
.art-shopt .pic:after {
  content : ".";
  font-size : 1px;
  
  margin-left : -1px;
  opacity : 0;
}
.art-shop .pic img {
  vertical-align : middle;
}
.art-shop .txt{ text-align:center; .margin-top:5px;_margin-top:5px; padding-top:5px;.padding-top:5px;_padding-top:0;}
.art_dsner{ width:460px; float:left;}

/*個人藝廊-左欄*/
.art02_area00{ width:180px;  margin-bottom:5px; margin-left:6px;}
.art02_area01{ width:180px;  margin-bottom:5px; margin-left:6px;}
.art02_tlt01{ width:180px; height:20px; background:url(../images/art02_tlt01.gif) no-repeat; margin-bottom:5px; }
.art02_content01{ background-color:#f0f0f0; }
.art02_area02{ width:180px;  margin-bottom:5px; margin-left:6px;}
.art02_tlt02{ width:180px; height:20px; background:url(../images/art02_tlt02.gif) no-repeat; margin-bottom:5px; }
.art02_content02{ background-color:#f0f0f0; padding:3px 16px; }
.art02_area03{ width:180px;  margin-bottom:5px; margin-left:6px;}
.art02_tlt03{ width:180px; height:20px; background:url(../images/art02_tlt02.gif) no-repeat; margin-bottom:5px; }
.art02_content03{ background-color:#f0f0f0; padding:3px 16px; }
.art02_rt_tlt{ background-color:#aaa; color:#fff; font-weight:bold; height:24px; margin-bottom:5px; padding-left:10px;}
.art02_rt_tltin{ width:340px; .width:340px; _width:335px; margin-top:5px; _margin-top:6px; margin-right:10px; .margin-right:10px; _margin-right:5px; float:left;}
.art02_rt_tltin02{ font-weight:normal; width:400px; margin-top:5px; _margin-top:6px; margin-right:10px; float:left;}
.art02_rt_tltin02 ul li{ list-style:none; display:inline;}
.art02_rt_tltin02 a{ color:#fff; font-weight:normal; width:390px;}
.art02_rt_tltin02 a:hover{ color:#FF0000; text-decoration:underline;}
.art02_rt_banner{ width:770px; height:150px; margin:5px 0;}
.art02_rt_tltin03{ width:80px; .width:80px; _width:85px; margin-top:5px; _margin-top:6px; margin-right:5px; .margin-right:5px; _margin-right:0; float:left;}
/*.art02_rt_tltin04{ font-weight:normal; width:395px; margin-top:5px; _margin-top:6px; .margin-right:5px; float:left;}
.art02_rt_tltin04 ul li{ list-style:none; display:inline;}
.art02_rt_tltin04 a{ color:#fff; font-weight:normal;}
.art02_rt_tltin04 a:hover{ color:#FF0000; text-decoration:underline;}*/

.art02_mid_con{ width:500px; margin-right:10px;  _margin-right:5px; .margin-right:10px; float:left;}
/*.art02_mid_set01{ background-color:#fff; border:1px solid #d8d8d8; padding:5px; margin-bottom:5px;}
.art02_mid_set01 h3{ font-size:13px; background-color:#aaa; padding-top:5px; padding-left:10px; height:19px; font-weight:bold; color:#fff; margin-bottom:10px;}
.art02_mid_set01 p{ line-height:18px; display:block;}
.art02_mid_set01 img{ border:1px solid #000; margin:0 10px; float:left;}

.art02_mid_set02{ background-color:#fff; border:1px solid #d8d8d8; margin-bottom:5px;}
.art02_mid_set02 h3.nort{ background:#aaa; font-size:13px; padding-top:5px; padding-left:10px; height:19px; font-weight:bold; color:#fff; margin-bottom:10px;}
.art02_mid_set02in{ margin:5px 5px;}
.art02_mid_set02in ul li{ list-style:none; display:block; float:left; width:117px; _width:115px; .width:115px; height:38px; overflow:visible; padding:0 2px; .padding:0 4px; _padding:0 4px;}*/

.art02_mid_set03{ width:497px; background-color:#fff; margin-bottom:5px; padding-left:4px; .padding-left:4px; _padding-left:3px;}
.art02_mid_set03in{ width:113px; height:113px; border:1px solid #d8d8d8; padding:3px 3px; margin-right:3px; margin-bottom:5px; text-align:center; float:left;}

.art02_mid_set04{ widows:498px; background-color:#fff; border:1px solid #d8d8d8; }

.art02_mid_rtcon{ width:260px; float:left;}
.art02_mid_rtxt{ width:100px; overflow:hidden;}

/*留言總覽*/
.mesageset{ background-color:#fff; border:1px solid #d8d8d8; padding:5px 10px;}
.mesageset_in{ border-bottom:1px dashed #d8d8d8; margin:5px 0; padding-bottom:5px;}

/*本周風雲榜*/
.top_tlt{ background-color:#aaa; color:#fff; font-size:12px; margin-top:5px; padding-left:10px; line-height:24px;}
.top_tltin{ margin:2px 5px 0 0; _margin:5px 5px 5px 0;  .margin:8px 5px 0 0; padding:0; float:right; font-size:13px; color:#fff; font-weight:bold;}
.top_tltin ul{ top:0; left:300px; }
.top_tltin ul li{ display:inline; list-style:none;}
.top_tltin ul li a{ display:inline; list-style:none; color:#fff; text-decoration:none;}
.top_tltin ul li a:hover{ display:inline; list-style:none; text-decoration:underline;}
.top_listset{ margin:0; padding:0;}
.top_list{ width:450px; height:200px; background-color:#eee; float:left; margin:5px 5px; padding:5px 5px;}
.top_list h3{background:url(../images/icon_01.gif) no-repeat; height:24px; padding-left:40px; padding-top:6px; font-size:13px; font-weight:bold; color:#990000;}
.top_list p{ float:right; line-height:21px; padding-top:5px;}
.top_list_in{ background-color:#fff; border:1px solid #ddd; margin-top:5px; padding:5px 5px;}
.top_list h4{ background-color:#eee; color:#000; font-size:13px; padding-left:5px; line-height:21px; font-weight:bold; display:block; width:432px;}
.top_picset{ margin-top:5px; padding-left:6px; _padding-left:5px;}
.top_pic{ width:100px; height:100px; margin:5px 8px 5px 0; .margin:5px 5px 5px 0; _margin:5px 7px 5px 0; float:left;}

/*熱門藝廊格排行榜*/
.art-hotshop{ width:180px;}
.art-hotshop .picset{background: url(../images/askbg.jpg) no-repeat right bottom; background-color:#FFFFFF; padding-top:5px; margin-top:5px; padding:5px;}
.art-hotshop .picset .temp{ width:53px; height:50px; position:absolute; margin-top:120px; margin-left:120px; .margin-top:120px; .margin-left:60px; _margin-top:120px; _margin-left:60px;}
.art-hotshop .picset .t001{background: url(../images/01.png) no-repeat;_background: none; _zoom: 1;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/01.png",sizingMethod="crop")}
.art-hotshop .picset .t002{background: url(../images/02.png) no-repeat;_background: none; _zoom: 1;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/02.png",sizingMethod="crop")}
.art-hotshop .picset .t003{background: url(../images/03.png) no-repeat;_background: none; _zoom: 1;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/03.png",sizingMethod="crop")}
.art-hotshop .picset .pic{ width:160px; height:160px;  margin:0 auto; border:1px solid #D6D6D4; margin-bottom:10px;}
.art-hotshop .picset .name{margin:5px; color:#E4318C; font:700 15px/100% Verdana, Arial, Helvetica, sans-serif;}
.art-hotshop .titleb{ background:url(../images/blog-hotlist.jpg) no-repeat; height:20px; background-color:#C8DD5E;}
.art-hotshop ul li{ list-style:none;}
.art-hotshop li{ padding:5px 5px 5px 50px;}
.art-hotshop li a{ text-decoration:none;}
.art-hotshop li.no4{ background:url(../images/pink4.jpg) 5px no-repeat;}
.art-hotshop li.no5{ background:url(../images/pink5.jpg) 5px no-repeat;background-color:#F6F6F6;}
.art-hotshop li.no6{ background:url(../images/pink6.jpg) 5px no-repeat;}
.art-hotshop li.no7{ background:url(../images/pink7.jpg) 5px no-repeat;background-color:#F6F6F6;}
.art-hotshop li.no8{ background:url(../images/pink8.jpg) 5px no-repeat;}
.art-hotshop li.no9{ background:url(../images/pink9.jpg) 5px no-repeat;background-color:#F6F6F6;}
.art-hotshop li.no10{ background:url(../images/pink10.jpg) 5px no-repeat;}
.art-hotshop .top100{ background: url(../images/top100.jpg) no-repeat right; height:22px;background-color:#F6F6F6; }
.art-hotshop .top100 a{background: url(../images/top100.jpg) no-repeat right;height:22px;background-color:#F6F6F6; width:180px; display:block;}

/*個人藝廊*/
.art02_area{ width:186px; margin-bottom:5px;}