@charset "utf-8";



div.g_default input[type=checkbox]{vertical-align:middle; margin-right:2px;}

div.g_default{}


div.g_default div.g_list{}


div.g_default div.g_list li:first-child{border-top:none;}
div.g_default div.g_list li.noContent{border:none; padding:40px; text-align:center; font-weight:300; height:20px; min-height:inherit;}
div.g_default div.g_list ul+p{margin:3px; }



div.g_default div.g_list li div.aside_img img{max-width:100%;}
div.g_default div.g_list li dl{}
div.g_default div.g_list li dl dt{border-bottom:1px dotted #ccc; padding:5px 10px;  font-size:15px;}
div.g_default div.g_list li dl dt a{font-weight:400; font-size:15px;}
div.g_default div.g_list li dl dd{padding:10px 10px 0 10px;font-size:13px;}
div.g_default div.g_list li dl dd.info{text-align:right; color:#888; font-size:12px; font-weight:300;}
div.g_default div.g_list span.comment_num{padding:0px 2px 0px 2px;background:#4ea1bf;color:#FFFFFF; font-size:8px;}

div.g_default div.pager{text-align:center; padding:10px;}
div.g_default div.btns{text-align:right;}



/*view*/
#g_view_style h1{text-align:left; font-size:1.8em;  line-height:35px; height:35px; font-weight:400; padding:0 0 0 3px; margin-top:10px;}
#g_view_style div.article_info{zoom:1; background:#fff; border-bottom:2px solid #333; padding:6px 0; line-height:35px;font-size:14px; font-weight:300;}
#g_view_style div.article_info:after{content:""; display:block; clear:both;}
#g_view_style div.article_info div.sns_share{float:right;}
#g_view_style div.article_info ul.info_list{float:left;}
#g_view_style div.article_info ul.info_list li{display:inline; padding:0 5px;}

#g_view_style div.link_files{}
#g_view_style div.link_files dl{margin:3px 0; border:1px solid #ccc; border-radius:5px; padding:7px 7px;}
#g_view_style div.link_files dt{font-weight:300;}
#g_view_style div.link_files dt,
#g_view_style div.link_files dd{display:inline; padding:0 5px;}
#g_view_style div.link_files dd a{color:blue;}
#g_view_style div.link_files a:hover{background:#f4f4f4;}

#g_view_style div.article{padding:5px 10px;}
#g_view_style div.article div.image_aside{text-align:center; padding:7px 0;}
#g_view_style div.article div.image_aside img{max-width:100%; cursor:pointer;}

#g_view_style div.tags{margin:3px 0; border:1px solid #ccc; border-radius:5px; padding:3px 7px;}

#g_view_style div.comments{background:#f4f4f4; border-top:1px solid #ccc; margin:5px 0; }
#g_view_style div.comments dt{font-weight:300; position:relative;}

#g_view_style div.comments dt span.date{position:absolute; right:0; top:0; font-weight:normal; color:#777; padding-left:10px;}
#g_view_style div.comments dd{clear:both; padding:5px;}
#g_view_style div.comments dl{border-top:1px dashed #ccc; margin:5px 7px;}
#g_view_style div.comments dl:first-child{border-top:0;}

#g_view_style div.write_comment{}
#g_view_style div.write_comment ul.writer_info{zoom:1; }
#g_view_style div.write_comment ul.writer_info:after{content:""; display:block; clear:both;}
#g_view_style div.write_comment ul.writer_info li{float:left; margin-right:5px; line-height:15px;}
#g_view_style div.write_comment ul.writer_info li input{border:1px solid #dfe4db; background:#fafafa; vertical-align:middle;}

#g_view_style div.write_comment div.textWrap{position:relative; height:50px; padding:3px 75px 3px 0;}
#g_view_style div.write_comment div.textWrap div.btn{position:absolute; right:0; top:3px;}
#g_view_style div.write_comment div.textWrap textarea{width:100%; height:48px; font-size:12px; border:1px solid #dfe4db; background:#fafafa;}


/*write*/
#g_write_style{}
#g_write_style h1{text-align:center; font-size:14px; border:1px solid #ccc; background:#f4f4f4 url('./images/list_bg.gif') left top repeat-x; line-height:25px; height:25px;}

#g_write_style div.input_list{}
#g_write_style div.input_list ul.list{margin-top:5px; border-top:1px solid #ccc;}
#g_write_style div.input_list ul.list li{position:relative; padding:5px 10px 5px 120px; min-height:22px; border-bottom:1px solid #ccc;}
#g_write_style div.input_list ul.list li span.title{position:absolute; left:0; top:0; line-height:30px; padding-left:5px; width:110px; background:#f4f4f4; height:100%;}
#g_write_style div.input_list ul.list li input[type=text],
#g_write_style div.input_list ul.list li input[type=password],
#g_write_style div.input_list ul.list li select,
#g_write_style div.input_list ul.list li textarea{border:1px solid #ccc;}
#g_write_style div.input_list ul.list li input[type=text],
#g_write_style div.input_list ul.list li input[type=password]{height:20px; margin-bottom:1px;}
#g_write_style div.input_list ul.list li select{height:22px;}
#g_write_style div.input_list ul.list li input[type=checkbox]{vertical-align:middle; margin-right:2px;}
#g_write_style div.input_list ul.list li span.info{color:#888;}
#g_write_style div.input_list ul.list li span.input_label{display:inline-block; width:40px;}

#g_write_style div.btns{text-align:center; padding:20px 0;}



@media only screen and (min-width: 0px) {
div.g_default div.g_list ul{border-top:0px solid #000; border-bottom:0px solid #cfcfcf; margin-top:-40px;}

.numclik_mo{display:block;}
.numclik_pc{display:none;}

.top_info_mo{ display:block;}
.top_info_pc{display:none;}


.produc_info{width:100%; float:left; height:auto;}
.produc_info2{float:left; width:100%;}
.produc_pic_info{width:100%; height:auto; float:left; text-align:center;}

div.g_default div.g_list li div.aside_img{position:absolute; left:5px; width:140px; text-align:center; top:10px;}
div.g_default div.g_list li{border-top:1px solid #f4f4f4; padding:5px 10px; position:relative; padding-left:150px; min-height:110px;font-weight:300;}

.g_default .category{padding:10px 10px 5px 10px;}
.g_default .category select{border:1px solid #ccc; height:35px; width:100%; border-radius:5px; line-height:30px;}

div.g_default div.top_info div.total{float:right; font-size:1.2em;}


.btn_group{display:block;}
.g_default .btn_group{clear:both; background:#fff;  border-top:1px #ddd ; padding:5px 10px; }
.g_default .btn_group:after{display:block; clear:both; content:"";}
.g_default .btn_group .left{float:left;}
.g_default .btn_group .right{float:right;}
.g_default .btn_group a{
	display:inline-block; padding:0.4em 10px; border:1px solid #ddd; font-size:1.2em;
	background:#f8f8f8;
	background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); 
	background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
}
.g_default .btn_group a.on{
	background:#f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); 
	background: -o-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
}
.g_default .btn_group a.strong{
	color:#fff; border-color:#64666a;
	background:#4374c4;
	background: -moz-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fa1dd), color-stop(100%,#2458a2)); 
	background: -o-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: -ms-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
}
.g_default .btn_group a.strong.on{
	background:#4374c4;
	background: -moz-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2458a2), color-stop(100%,#8fa1dd)); 
	background: -o-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: -ms-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
}

#g_view_style .write_comment .textWrap textarea{width:100%; height:110px; border:1px solid #ccc; border-radius:5px; }

#g_view_style .btn_group{clear:both; margin:5px 0; background:#fff;  border-top:1px solid #ddd ;padding:8px 10px; }
#g_view_style .btn_group:after{display:block; clear:both; content:"";}
#g_view_style .btn_group .left{float:left;}
#g_view_style .btn_group .right{float:right;}
#g_view_style .btn_group a{
	display:inline-block; padding:0.4em 10px; border:1px solid #ddd; font-size:1.2em;
	background:#f8f8f8;
	background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); 
	background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
}
#g_view_style .btn_group a.on{
	background:#f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); 
	background: -o-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
}
#g_view_style .btn_group a.strong{
	color:#fff; border-color:#64666a;
	background:#4374c4;
	background: -moz-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fa1dd), color-stop(100%,#2458a2)); 
	background: -o-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: -ms-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
}
#g_view_style .btn_group a.strong.on{
	background:#4374c4;
	background: -moz-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2458a2), color-stop(100%,#8fa1dd)); 
	background: -o-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: -ms-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
}



/*write*/
#g_write_style{width:100%; height:auto; float:left;}
#g_write_style .write_top{position:relative; }
#g_write_style h1{text-align:center; border-bottom:1px solid #ccc; background:#f4f4f4; font-size:1.2em; padding:0.5em 0;}
#g_write_style .write_top .btn_group{width:100%; background:none; border:none; position:absolute; left:0; top:0; padding:0; margin-top:0.4em;}
#g_write_style .write_top .btn_group .left{float:left; margin-left:5px;}
#g_write_style .write_top .btn_group .right{float:right; margin-right:5px;}

#g_write_style ul.input_list{margin:5px;}
#g_write_style ul.input_list li{position:relative; min-height:30px;  }
#g_write_style ul.input_list li.inc_textarea{margin-right:5px;}
#g_write_style ul.input_list li .title{display:none;}
#g_write_style ul.input_list li input{vertical-align:middle;}
#g_write_style ul.input_list li input[type=text],
#g_write_style ul.input_list li input[type=password]{border:1px solid #ccc; border-radius:5px; background:#fff; height:30px; margin:2px 0; width:100%;}
#g_write_style ul.input_list li input.underline{border-width:0 0 1px 0; border-color:#dedede; border-style:solid; margin-left:7px; padding-left:3px; width:250px;}
#g_write_style ul.input_list textarea{width:100%; height:100px; border-radius:5px; border:1px solid #ccc;}
#g_write_style ul.input_list textarea.text_area_short{height:50px;}
#g_write_style .btn_group{clear:both; margin:5px 0; background:#f8f8f8; border:solid #ddd; border-width:1px 0; padding:5px 10px; }
#g_write_style .btn_group:after{display:block; clear:both; content:"";}
#g_write_style .btn_group .left{float:left;}
#g_write_style .btn_group .right{float:right;}


#g_write_style .btn_group a,
#g_write_style .btn_group input[type='submit']{
	display:inline-block; padding:0.4em 10px; border:1px solid #ddd; font-size:1.2em;
	background:#f8f8f8;
	background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); 
	background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
}
#g_write_style .btn_group a.on{
	background:#f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); 
	background: -o-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
}
#g_write_style .btn_group a.strong,
#g_write_style .btn_group input[type='submit']{
	color:#fff; border-color:#64666a;
	background:#4374c4;
	background: -moz-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fa1dd), color-stop(100%,#2458a2)); 
	background: -o-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: -ms-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
}
#g_write_style .btn_group a.strong.on,
#g_write_style .btn_group input[type='submit'].on,
#g_write_style .btn_group input[type='submit']:hover{
	background:#4374c4;
	background: -moz-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2458a2), color-stop(100%,#8fa1dd)); 
	background: -o-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: -ms-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
}



}



@media only screen and (min-width: 690px) {
div.g_default div.g_list ul{border-top:1px solid #000; border-bottom:1px solid #000; margin-top:0px;}
.top_info_mo{ display:none;}
.top_info_pc{display:block;}


.produc_info{width:100%; float:right; height:auto;}
.produc_info2{position:absolute; left:370px; top:10px; right:0; width:auto;}
.produc_pic_info{width:350px; height:auto; float:left;}


div.g_default div.top_info{zoom:1; }
div.g_default div.top_info:after{clear:both; content:""; display:block;}

div.g_default div.g_list li div.aside_img{position:absolute; left:0; width:180px; text-align:center; top:10px;}
div.g_default div.g_list li{border-top:1px solid #f4f4f4; padding:5px 10px; position:relative; padding-left:200px; min-height:140px;font-weight:300;}



.g_default .top_info .category{float:left;}
div.g_default div.top_info div.total{float:right; font-size:1.2em;}
.btn_group{display:block;}

.numclik_pc{display:block;}
.numclik_mo{display:none;}
}

@media only screen and (min-width: 1200px) {
div.g_default div.g_list ul{border-top:1px solid #000; border-bottom:1px solid #000; margin-top:0px;}
.top_info_mo{ display:none;}
.top_info_pc{display:block;}


.produc_info{width:100%; float:right; height:auto;}
.produc_info2{position:absolute; left:370px; top:10px; right:0; width:auto;}
.produc_pic_info{width:350px; height:auto; float:left; }

.g_default div.g_list li div.aside_img{position:absolute; left:0; width:180px; text-align:center; top:10px;}
.g_default div.g_list li{border-top:1px solid #f4f4f4; padding:5px 10px; position:relative; padding-left:200px; min-height:140px;font-weight:300;}


.g_default div.top_info{zoom:1; }
.g_default div.top_info:after{clear:both; content:""; display:block;}

.g_default div.top_info div.category{float:left; }
.g_default div.top_info div.category select{border:1px solid #ccc; height:35px; width:100%; border-radius:5px; line-height:30px;font-size:13px;}
.g_default div.top_info div.total{float:right; font-size:1.2em;}


.btn_group{display:block;}

.numclik_pc{display:block;}
.numclik_mo{display:none;}

}