/*--- Global style ---*/
* { word-wrap: break-word; word-break: break-all;}
body { margin: 0px; font: 12px Helvetica,Arial,sans-serif; }
form, img { margin: 0; border: 0; }
a { color: #3A3A3A; text-decoration: none; }
a:hover { color: #FF6600; text-decoration: underline; }
select, input, textarea { font: 12px Tahoma, Verdana, Helvetica,sans-serif; }

/*--- Common style ---*/
#left { float: left; width: 255px; }
#right { float: right; width: 705px; }

.mainrail { clear:both; padding:1px 1px 3px 1px; margin-bottom: 5px; line-height:1.1; }
.mainrail em { float:right; padding-top:6px; padding-right:5px; font-style:normal; }
.mainrail em .selected { background:#FE9F41; margin:0; cursor:pointer; 
    color:#FFF; position:relative;padding:2px 3px;top:0px;*top:-1px;}
.mainrail em .unselected { padding:2px 3px; margin:0; position:relative;top:1px;*top:-1px; cursor:pointer; }

.rail-border-1 { border:1px solid #FFE4CA !important; background:#fff; }
.rail-border-2 { border:1px solid #FFDDEF !important; background:#fff; }
.rail-border-3 { border:1px solid #D3D3D3 !important; background:#fff; }

.rail-h-1 { font-size: 12px; margin:0 0 3px 0; padding: 5px 5px 4px 10px; color:#FF6600; font-weight:normal; }
.rail-h-2 { font-size: 12px; margin:0 0 3px 0; padding: 6px 5px 4px 10px; color:#CC0000; font-weight:normal; }
.rail-h-3 { font-size: 12px; margin:0 0 3px 0; padding: 6px 5px 4px 10px; color: #555; font-weight:normal; }

.rail-h-border-1 { border-bottom:1px solid #EEE !important; background:#fff; }

.rail-h-bg-1 { background:url(img/title_bg1.gif) repeat-x; }
.rail-h-bg-2 { background:url(img/title_bg2.gif) repeat-x; }
.rail-h-bg-3 { background:url(img/title_bg3.gif) repeat-x; border-bottom:1px solid #D3D3D3; }

.rail-h-bm-1 { /*border-bottom:1px solid #BFD1EB;*/ }
.rail-h-bm-2 { /*border-bottom:1px solid #FBD2E2;*/ }
.rail-h-bm-3 { /*border-bottom:1px solid #ddd;*/ }

.rail-rl-1 { background:url('img/type_b_left.gif') no-repeat; height:25px; }
.rail-rr-1 { background:url('img/type_b_right.gif') no-repeat right top; color:#009944; padding-left:5px;margin-left:2px; }
.rail-ro-1 { border:1px solid #CFE8B7; }

.subrail { line-height:25px; height:25px; margin:0 10px; border-bottom:1px dashed #ccc; }
.subrail .selected a { color:#CC0000; text-decoration: underline; }

.rail-list { clear:both; margin: 0px 10px; padding:5px 0 0 0; line-height:20px; list-style:none; }
.rail-list div { word-wrap: break-word; overflow: auto;}
.rail-list img { clear:both; float:left; border:1px solid #eee; margin-right:5px; margin-bottom:5px;}
.rail-list li { clear:both;color:#808080; clear:both; } 
.rail-list li cite { float:right; font-style:normal;}
.rail-list li .discount { display:block;margin:0;padding:0;color:green; }

.rail-text { text-indent:24px; margin:5px 10px; padding:0; line-height:20px; }
.rail-links {  margin:5px 10px; padding:0; line-height:18px; } 

.rail-faces { padding:5px 0; margin:5px 0 0 5px; padding:0; list-style:none; overflow:hidden; }
.rail-faces li { float:left; margin:0 3px; width:55px; height:72px; text-align:center; overflow:hidden; 
    background-image:none; border:none; }
.rail-faces li img { width: 48px; height: 48px; float: left; padding: 2px; border: 1px solid #ddd;}
.rail-faces li span { display: block; line-height: 17px; clear:right; margin-top:1px; }

.rail-pictures { padding:0;margin:0;list-style:none; }
.rail-pictures li { float:left; width: 130px; height: 120px; margin:5px 10px; padding:1px; text-align:center; }
.rail-pictures li div { border:1px solid #ddd; width:125px; height:95px; background:#FCFCFC; margin-bottom:5px; }
.rail-pictures li div img { max-width: 124px; max-height: 94px;  margin-top: expression((95-this.height)/2); 
    width: expression(this.width > 124 ? 124 : true); height: expression(this.height > 94 ? 94 : true); }
.rail-pictures li p { margin:0;padding:0; }

.rail-thumb-s { margin:1px auto;padding:0;list-style:none; }
.rail-thumb-s li { float:left; width: 88px; height: 90px; margin:3px 3px; padding:1px; text-align:center; }
.rail-thumb-s li div { border:1px solid #ddd; width:88px; height:67px; background:#FCFCFC; margin-bottom:5px; }
.rail-thumb-s li div img { max-width: 88px; max-height: 67px; margin-top: expression((67-this.height)/2);
    width: expression(this.width > 88 ? 88 : true); height: expression(this.height > 67 ? 67 : true); }
.rail-thumb-s li p { margin:0;padding:0; }

.rail-thumb-n { margin:1px auto;padding:0;list-style:none;}
.rail-thumb-n li { float:left; width: 88px; height: 67px; margin:3px 3px; padding:1px; 
    text-align:center;}
.rail-thumb-n li div { border:1px solid #ddd; width:88px; height:67px; background:#FCFCFC; }
.rail-thumb-n li div img { max-width: 88px; max-height: 67px; margin-top: expression((67-this.height)/2); 
    width: expression(this.width > 88 ? 88 : true); height: expression(this.height > 67 ? 67 : true); }

.rail-gift { padding:0; margin:0; list-style:none; }
.rail-gift li { float:left; margin:5px 9px; padding:1px; text-align:center;}
.rail-gift li div { border: 1px solid #ddd ; width:149px; height: 95px; background:#FCFCFC; margin-bottom:5px;}
.rail-gift li div img { max-width: 124px; max-height: 94px;
    width: expression(this.width > 124 ? 124 : true); height: expression(this.height > 94 ? 94 : true); }
.rail-gift li p { margin:0;padding:0; }
.rail-gift li p span { display:block; margin-top:5px; }

.rail-thumblist { margin: 5px 5px 0 5px; }
.rail-thumblist img { border:1px solid #ddd; }

.maintable { width: 100%; }
.maintable .tblth { /*background:#FFFFFF;*/  }
.maintable .tblth th { /*border-bottom:1px solid #FFFFCC;*/ }
.maintable th { text-align: left; color: #808080; padding: 5px 10px; font-weight: normal; }
.maintable td { padding: 5px 10px; }
.maintable .num { text-align: center; }

.myframe { border:0; width:100%; height:100%; }

/*--- head ---*/
#topmenu { margin-bottom:10px; padding:5px 140px; background:#FFFBF7; border-bottom:1px solid #FFE4CA; }
#topmenu a { margin:0 2px; }
#header, #body, #menu_hr, #footer { margin-left: auto; margin-right: auto; width:965px; }
#header { margin-bottom:5px; }

.mainmenu { margin-top:5px; }
.mainmenu .logo { float:left; width:220px; text-align:center; margin:0; }
.mainmenu .menu { float:right; width:735px;  }
.mainmenu .menu .item { float: left; width:60px; text-align:center; }
.mainmenu .menu .item img { margin-bottom:5px; }
.mainmenu .menu .item a:hover { text-decoration:none; }
.mainmenu .menu .item .selected { color:#FF6600; }

.mainmenu .search { background:url(img/bar_bg.gif); height:32px; margin:5px auto 0 auto; color:#eee; padding:0 5px; }
.mainmenu .search a { color:#FFF; }
.mainmenu .search form { float:left; margin: 2px 0 0 2px; width:308px; }
.mainmenu .search form input { padding:2px 2px; border-style:solid; border-width: 1px; border-color: #7C7C7C #C3C3C3 #DDD; 
    line-height: 15px; }
.mainmenu .search button { font:12px Tahoma,Arial,sans-serif; padding: 2px 1px 0px; border-style: solid; border-width: 1px; 
    border-color: #ddd #7C7C7C #7C7C7C #ddd; }
.mainmenu .key { float:left; padding-top:9px; width:645px; }
.mainmenu .key cite { float:right; color:#FFF; font-style:normal; }

/*--- body ---*/
.link_path { margin-bottom: 5px; }
.link_path em { float:right; padding-right:5px; font-style:normal; }

.catelist { padding:0px; overflow: hidden; background:#FFFBF7; margin-bottom:5px; border:1px solid #FFE4CA; }
.catelist .type { clear:both; margin:5px; font-family:Verdana,Arial,Tahoma; }
.catelist .type h3 { float:left; font-size:12px; margin:0; padding-top:5px; padding-left:5px;  }
.catelist .type .class { float:right; margin:0; text-align:left; width:92%; padding:5px; }
.catelist .type .class span { padding-right:10px; display:inline; }
.catelist .type .class .street { padding:5px; margin:5px 10px 0 0;padding-left:10px; background:#fff; line-height:18px; 
    border:1px solid #F7F7F7; }
.catelist .selected a { color:#CC0000; text-decoration: underline; }
.filter { padding:5px 0 5px 10px; }
.filter span { display:block; height:30px; }

/*--- Index ---*/
#index_left { float: left; width: 200px; margin-right:10px;}
#index_center { float: left; width: 500px; margin-right:10px; }
#index_right { float: right; width: 245px; }

/*--- Review ---*/
.review { clear:both; width:98%; margin:0 auto 10px auto; border-bottom:1px dashed #ccc; }
.review .member { float:left; line-height:20px; }
.review .m_w_index { width:70px; }
.review .member img { display:block; border:1px solid #eee; padding:1px; }
.review .member ul {  list-style:none; margin:0; padding:0; }
.review .member ul li { margin:1px 0; color: #808080; }
.review .field { float:left;  }
.review .f_w_index { width:415px; }
.review .feed { background:#FFF8F0; padding:0 5px; line-height:25px; margin-bottom:5px; }
.review .feed h3 { display:inline;font-size:12px; color:#CC0000; padding:0; margin:0; }
.review .feed h3 a { color:#CC3300; }
.review .feed span a { color:#0099FF; }
.review .info .score { clear:both; list-style:none; margin:5px 0 0 5px; padding:0; }
.review .info .score li { float:left; margin:0 2px 0 0; line-height:20px; height:16px;}
.review .info .params { clear:both;list-style:none; margin:5px 5px; padding:0; }
.review .info .params li { margin:2px 0; }
.review .info p { clear:both; padding:0; margin:8px 5px 5px 5px; line-height:20px; color:#666; overflow:auto; *overflow:hidden; }

/*--- Tag ---*/
.taglist { width: 100%; padding: 10px 0; overflow: hidden; }
.taglist li { float: left; display: inline; width: 11em; height: 24px; overflow: hidden;margin: 0 10px; color: #919191; 
    font-size: 10px; }
.taglist li a { margin: 0 2px; font-size: 12px; }

/*--- Post ---*/
.post { clear:both; }
.post .title { line-height:25px; border-bottom:1px dashed #ccc; margin-bottom:5px; }
.post .title h1 { display:inline;font-size:14px;color:#CC3300;margin-right:5px; }
.post .table { width:100%; }
.post .table td { padding:3px; }
.post .table td textarea { width:400px; display:block; padding:2px; line-height:16px; }

/*-- Detail ---*/
#detail_left { float:left; width:680px; }
#detail_right { float:right; width:270px; }
.detail .subject { color:#CC0000; background:#FFECEC; line-height:30px; font-size:14px; text-align:center; margin:0; padding:0; }
.detail .info { background:#FFF9F9; line-height:20px; padding-top:5px; list-style:none; margin-bottom:10px; }
.detail .pic { text-align:center; width:100%; }
.detail .pic img { max-Height:650px; width:expression(this.width > 650 ? 650 : true); }
.detail .content { margin:5px 10px; font-size:14px; line-height:23px; }
.detail .content h6 { font-size:14px; border-bottom:1px dashed #ddd; color:#666; margin:20px 0 0 0; }
.detail .content p { margin:5px; padding:0; }

/*--- foot ---*/
#footer { clear:both; margin-top: 10px; }
#footer .links { background:#EFF7FF; border-top:1px solid #BFD1EB; line-height:25px;height:25px; margin-bottom: 5px;}
#footer .links a { margin:0 10px; }
#footer .bottom { font-size: 10px; }
#footer .bottom a { margin:0 5px; color: #717171; }
#footer div { color: #717171; text-align:center; line-height: 18px; }
#footer .version { color: #FF6600; }
#footer .product a { color: #0066FF; font-weight: bold; }