@charset "gb2312";
/*------------------------------------------------------------
	•øÊ½ÔO¶¨
------------------------------------------------------------*/
/* ¥Æ¥­¥¹¥È¤ÎÎ»ÖÃ */
.taLeft {
	text-align: left !important;
}
.taCenter {
	text-align: center !important;
}
.taRight {
	text-align: right !important;
}
/* ¥Õ¥©¥ó¥È¤Î´ó¤­¤µ£¨¥×¥é¥¹£© */
.fsP1 {
	font-size: 1.08em !important;
}
.fsP2 {
	font-size: 1.16em !important;
}
.fsP3 {
	font-size: 1.24em !important;
}
.fsP4 {
	font-size: 1.32em !important;
}
.fsP5 {
	font-size: 1.4em !important;
}
/* ¥Õ¥©¥ó¥È¤Î´ó¤­¤µ£¨¥Þ¥¤¥Ê¥¹£© */
.fsM1 {
	font-size: 0.92em !important;
}
.fsM2 {
	font-size: 0.84em !important;
}
.fsM3 {
	font-size: 0.76em !important;
}
.fsM4 {
	font-size: 0.68em !important;
}
.fsM5 {
	font-size: 0.6em !important;
}
/* ¥Õ¥©¥ó¥È¤ÎÌ«¤µ */
.fwNormal {
	font-weight: normal !important;
}
.fwBold {
	font-weight: bold !important;
}
/*------------------------------------------------------------
	Î¢Õ{ÕûÓÃ¥¯¥é¥¹£¨¡ù¶àÓÃ¤·¤Ê¤¤¤³¤È£©
------------------------------------------------------------*/
.mt0 {
	margin-top: 0 !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.t_center {
	text-align: center !important;
}

.floatL {
	float: left !important;
}

.floatR {
	float: right !important;
}

/*------------------------------------------------------------
	šøÓÃ¥¹¥¿¥¤¥ë
------------------------------------------------------------*/
* html .clearfix {
	zoom: 1;
}
*+html .clearfix {
	zoom: 1;
}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
/*------------------------------------------------------------
	¥ê¥ó¥¯?¥¤¥ó¥×¥Ã¥È¤ò¥¿¥Ã¥×•r¤Î¥¯¥é¥¹
------------------------------------------------------------*/
a.tapCtrl, input.tapCtrl, .tapCtrl a, .tapCtrl input {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.tap {
}
/*------------------------------------------------------------
	¥Ç¥Õ¥©¥ë¥È¥¹¥¿¥¤¥ë
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
}
body, table, input, textarea, select, option {
	font-family: "ËÎÌå", "Î¢ÈíÑÅºÚ", "ºÚÌå", "Adobe ·ÂËÎ Std R", "Adobe ºÚÌå Std R";
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
}
a, a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #0b98df;
	text-decoration: underline;
}
a:active {
	color: #333;
	text-decoration: underline;
}
/*------------------------------------------------------------
	¥ì¥¤¥¢¥¦¥È
------------------------------------------------------------*/
body {
	background-color: #ECF7FF;
	min-width: 1000px;
	color: #333;
	font-size: 12px;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
}

#container {
	text-align: left;
}

#main {
	margin: 0 auto;
	width: 1000px;
}
* html #main {
	zoom: 1;
}
*+html #main {
	zoom: 1;
}
#main:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
/*------------------------------------------------------------
	¥Ø¥Ã¥À©`
------------------------------------------------------------*/
.top_box {
	background-color: #fff;
	height: 30px;
	line-height: 30px;
}

.top_link {
	width: 1000px;
	margin: 0 auto;
}

.top_link a {
	color: #666;
}

.top_link a:hover {
	color: #0b98df;
	text-decoration: none;
}

.top_link i {
	font-style: normal;
	margin-left: 5px;
}

#gHeader {
	background: url(header_bg.jpg) no-repeat right top;
	width:1000px;
	position:relative;
	height: 203px;
	margin: 0 auto 16px;
	overflow:hidden;
	padding: 41px 0 0 0;
}

#gHeader .logo {
	margin-bottom: 10px;
}

.naiv_box,
.naiv_box a {
	color: #fff;
}

.naiv_box .navi_link {
	text-align: right;
	height: 32px;
	line-height: 32px;
	padding-right: 20px;
}

.naiv_box .navi_link a {
	background-color: #2FCB38;
	display: inline-block;
	font-size: 14px;
	font-family: "Î¢ÈíÑÅºÚ";
	margin-left: 1px;
	text-align: center;
	width: 107px;
}

.naiv_box .navi_link a:hover {
	background-color: #1b9e23;
	text-decoration: none;
}

.naiv_box .navi_link a.home {
	background-color: #1198DD;
}

.naiv_box .navi_link a.home:hover {
	background-color: #0877af;
}

#gNavi {
	background-color: #1198DD;
}

#gNavi li {
	background: url(g_navi_bg.png) no-repeat right center;
	float: left;
	width: 220px;
	font-size: 12px;
	padding: 20px 15px;
	line-height: 26px;
}

#gNavi li a {
	display: inline-block;
	margin-left: 5px;
}

#gNavi li span {
	display: inline-block;
	font-size: 20px;
	font-family: "Î¢ÈíÑÅºÚ";
	font-weight: bold;
	float: left;
	line-height: 1.2;
}

#gNavi li span a {
	background: url(navi_img01.png) no-repeat left center;
	margin: 0;
	display: block;
	padding-left: 45px;
}

#gNavi .navi_subject span a {
	background: url(navi_img02.png) no-repeat left center;
}

#gNavi .navi_online span a {
	background: url(navi_img03.png) no-repeat left center;
}

#gNavi .navi_interactive {
	background: none;
}

#gNavi .navi_interactive span a {
	background: url(navi_img04.png) no-repeat left center;
}

/*------------------------------------------------------------
	page_path
------------------------------------------------------------*/
#page_path li {
	display: inline;
	padding: 0;
	font-weight: normal;
}

#page_path li i {
	font-style: normal;
	margin: 0 2px 0 5px;
}

#page_path li span {
	color: #0b98df;
}

#page_path a:hover {
	text-decoration: none;
}


/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {
	width: 670px;
	float: right;
	padding: 12px 21px 50px;
}
/*page*/
.page {
	clear: both;
	font-size: 14px;
    padding: 30px 0 0 15px;
    text-align: right;
}
.page .total_count {
    float: left;
    padding-top: 5px;
}
.page b {
    color: #1198DD;
    font-style: normal;
    padding: 0 5px;
}

.page span {
	display: inline-block;
}

.page a {
    background-color: #1198DD;
    color: #ccc;
	display: inline-block;
    margin-right: 5px;
    padding: 5px 10px;
}
.page a:hover {
    background-color: #1198DD;
    color: #fff;
	text-decoration: none;
}
.page .currentpage {
    background-color: #999;
    color: #fff;
    margin-right: 8px;
    padding: 5px 10px;
}

/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar {
	float: left;
	width: 270px;
	padding: 12px 0;
}

#sideBar .s_h2 {
	background: url(s_h2_bg.png) no-repeat 20px 8px;
	border-bottom: 4px solid #0b98df;
	color: #0b98df;
	font-size: 24px;
	font-family: "Î¢ÈíÑÅºÚ";
	height: 40px;
	line-height: 40px;
	padding: 0 0 9px 65px;
}

#sideBar .sNavi {
	font-family: "Î¢ÈíÑÅºÚ";
}

#sideBar .sNavi h3 {
	background: url(s_navi_out.png) no-repeat 20px center;
	clear: both;
	color: #444;
	height: 45px;
	line-height: 45px;
	padding-left: 10px;
	cursor: pointer;
	font-size: 16px;
	padding-left: 65px;
	width: auto;
}

#sideBar .sNavi h3.on {
	clear: both;
	color: #0b98df;
	height: 45px;
	line-height: 45px;
}

#sideBar .sNavi h3.on,
#sideBar .sNavi h3:hover {
	clear: both;
	height: 45px;
	line-height: 45px;
	background: #EEF0F3 url(s_navi_over.png) no-repeat 20px center;
}

#sideBar .sNavi h3 a {
	color: #444;
	display: block;
}

#sideBar .sNavi h3 a:hover,
#sideBar .sNavi h3.on a {
	color: #0b98df;
	text-decoration: none;
}

#sideBar .sNavi h3 em {
	float: right;
	display: block;
	width: 15px;
	height: 45px;
	background: url(icon03_out.png) no-repeat left center;
	cursor: pointer;
	padding-left: 20px;
}

#sideBar .sNavi h3.on em {
	background: url(icon03_over.png) no-repeat left center;
}

#sideBar .sNavi ul {
	width: 100%;
	clear: both;
	line-height: 36px;
	font-size: 14px;
	color: #444;
	display: none; /* Ä¬ÈÏ¶¼Òþ²Ø */
}

#sideBar .sNavi ul li a {
	background: url(icon04_out.png) no-repeat 92% center;
	color: #444;
	display: block;
	padding: 0 20px 0 65px;
}

#sideBar .sNavi ul li.on a,
#sideBar .sNavi ul li a:hover {
	background: #EEF0F3 url(icon04_over.png) no-repeat 92% center;
	color: #0b98df;
	text-decoration: none;
}

/*------------------------------------------------------------
	gFooter
------------------------------------------------------------*/
#gFooter {
	background-color: #1198DD;
	clear: both;
	overflow: hidden;
	padding: 44px 0;
}

#gFooter .fBox {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	margin: 0 auto;
	width: 1000px;
	text-align: center;
}
#gFooter .fBox a {
	color: #fff;
}

.ideConac {
	margin-bottom: 10px;
	text-align: center;
}

/*com_title*/
#main .com_title {
	border-bottom: 1px solid #1198DD;
	position: relative;
	height: 44px;
	line-height: 44px;
}
#main .com_title .more {
	position: absolute;
	right: 15px;
	top: 0;
	font-size: 14px;
}

#main .com_title li {
	color: #ccc;
	float: left;
	font-size: 24px;
	font-weight: bold;
	font-family: "Î¢ÈíÑÅºÚ";
	text-align: center;
}

#main .com_title li span,
#main .com_title li a {
	display: block;
	color: #ccc;
	padding: 0 30px;
	cursor: pointer;
}

#main .com_title li.on,
#main .com_title li:hover {
	background-color: #1198DD;
}

#main .com_title li.on span,
#main .com_title li.on a,
#main .com_title li a:hover {
	color: #fff;
	text-decoration: none;
}

#main .com_title01 {
	border-bottom: none;
	position: relative;
	height: 44px;
	line-height: 44px;
}

#main .com_title01 li {
	border-bottom: 2px solid #E4E4E4;
	color: #ccc;
	float: left;
	font-size: 24px;
	font-family: "Î¢ÈíÑÅºÚ";
	font-weight: bold;
	text-align: center;
	padding: 0;
	width: 50%;
}

#main .com_title01 li.on {
	border-bottom: 2px solid #1198DD;
}

#main .com_title01 li a {
	color: #ccc;
	display: block;
	text-decoration: none;
}

#main .com_title01 li.on a {
	color: #0b98df;
}

/*com_bg*/
.com_bg {
	background-color: #fff;
}

/*com_list*/
.com_list li {
	background: url(iocn01_out.gif) no-repeat left center;
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	overflow: hidden;
	padding-left: 10px;
}

.com_list li:hover {
	background: url(icon01_over.gif) no-repeat left center;
}

.com_list li a:hover {
	color: #0b98df;
	text-decoration: none;
}

.com_list li:hover a {
	color: #0b98df;
}

.com_list li .time {
	color: #bbb;
	font-size: 12px;
	float: right;
}
.com_list li:hover .time {
	color: #0b98df;
}

.com_list li i {
	color: #0b98df;
	font-style: normal;
	margin-right: 5px;
}

.com_list02 li {
	background: url(icon02_out.png) no-repeat left center;
	border-bottom: 2px dotted #D1D1D1;
	line-height: 36px;
	height: 36px;
	padding-left: 20px;
}

.com_list02 li:hover {
	background: url(icon02_over.png) no-repeat left center;
}

.com_list02 .liStyle {
	background: none;
	font-weight: bold;
	text-align: center;
}

.com_list02 .liStyle .state {
	color: #333;
	padding-right: 5px;
}

.com_list02 li:hover .state {
	color: #0b98df;
}

.com_list02 .liStyle:hover {
	background: none;
	color: #333;
}

.com_list02 .liStyle:hover .time {
	color: #333;
}

.com_list02 .liStyle .time {
	font-size: 14px;
}

.com_list02 li .time {
	color: #333;
}

.com_list02 li .state {
	color: #999;
	float: right;
	margin-left: 25px;
	width:  80px;
	text-align: right;
}

/*com_ul*/
.com_ul li {
	font-size: 14px;
}

.com_ul02 li {
	float: left;
	width: 45%;
	padding: 0% 5% 8% 0;
}

.com_ul li a {
	background: #EFEFEF url(bg01_over.png) no-repeat 5px center;
	display: block;
	padding-left: 40px;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
}

.com_ul li a:hover {
	background: #1198DD url(bg01_out.png) no-repeat 5px center;
	color: #fff;
	text-decoration: none;
}

.com_ul li .cjwd {
	background: #EFEFEF url(bg02_over.png) no-repeat 5px center;
}

.com_ul li .cjwd:hover {
	background: #1198DD url(bg02_out.png) no-repeat 5px center;
}

.com_ul li .bszn {
	background: #EFEFEF url(bg03_over.png) no-repeat 5px center;
}

.com_ul li .bszn:hover {
	background: #1198DD url(bg03_out.png) no-repeat 5px center;
}

.com_ul li .ztcx {
	background: #EFEFEF url(bg04_over.png) no-repeat 5px center;
}

.com_ul li .ztcx:hover {
	background: #1198DD url(bg04_out.png) no-repeat 5px center;
}

.com_ul li .bgxz {
	background: #EFEFEF url(bg05_over.png) no-repeat 5px center;
}

.com_ul li .bgxz:hover {
	background: #1198DD url(bg05_out.png) no-repeat 5px center;
}

.com_ul li .jggs {
	background: #EFEFEF url(bg06_over.png) no-repeat 5px center;
}

.com_ul li .jggs:hover {
	background: #1198DD url(bg06_out.png) no-repeat 5px center;
}

.com_ul li .wtfk {
	background: #EFEFEF url(bg07_over.png) no-repeat 5px center;
}

.com_ul li .wtfk:hover {
	background: #1198DD url(bg07_out.png) no-repeat 5px center;
}

.com_ul li .wyxx {
	background: #EFEFEF url(bg08_over.png) no-repeat 5px center;
}

.com_ul li .wyxx:hover {
	background: #1198DD url(bg08_out.png) no-repeat 5px center;
}

.com_ul li .cjwt {
	background: #EFEFEF url(bg09_over.png) no-repeat 5px center;
}

.com_ul li .cjwt:hover {
	background: #1198DD url(bg09_out.png) no-repeat 5px center;
}

/*style_ul*/
.style_ul {
	padding: 15px;
}

.style_ul li {
	font-size: 14px;
	float: left;
	width: 174px;
	padding: 10px;
	text-align: center;
}

.style_ul li .photo,
.style_ul li a,
.style_ul li img {
	display: block;
}

.style_ul li a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.style_ul li .photo {
	margin-bottom: 10px;
	width: 172px;
	height: 93px;
	overflow: hidden;
}

.style_ul li img {
	width: 100%;
	height: 100%;
}

.style_ul02 li .photo {
	border: 1px solid #dedede;
}

.spBox,
.sp_navi,		
#spHeader {
	display: none;
}

.friend_link_box {
	background-color: #fff;
	clear: both;
	margin-top: 40px;
	width: 100%;
	padding: 7px 0;
}

.friend_link {
	margin: 0 auto;
	width: 1000px;
}

.friend_link h3 {
	background: url(friend_link_h3_bg.png) no-repeat left center;
	color: #0b98df;
	font-family: "Î¢ÈíÑÅºÚ";
    float: left;
    font-size: 20px;
	width: 162px;
	padding-left: 38px;
}

.friend_link .select_box {
	float: left;
	width: 150px;
	padding: 5px;
}

.friend_link select {
	border: none;
	background-color: #EFEFEF;
    color: #666;
	padding: 5px 0;
	width: 100%;
}

#main .bar {
	height: 30px;
	line-height: 30px;
	margin-bottom: 14px;
}

#main .bar .top_seach {
	float: right;
}

#main .bar .top_seach .text_input {
	border: 1px solid #fff;
	background-color: #fff;
	color: #9a9a9a;
	height: 28px;
	line-height: 28px;
	width: 290px;
	padding: 0 5px;
	float: left;
}

#main .bar .top_seach .btn_input {
	border: 1px solid #FED117;
	background: url(seach_btn.gif) center center;
	color: #fff;
	cursor: pointer;
	height: 30px;
	line-height: 28px;
	width: 60px;
	float: left;
}

#main .bar .top_seach .btn_input:hover {
	border: 1px solid #E1B800;
	background: url(seach_btn_over.png) center center;
}

#main .bar .date {
	background: url(img01.png) no-repeat left center;
	color: #666;
	padding-left: 20px;
	height: 30px;
	overflow: hidden;
}

#main .bar .date span {
	float: left;
	margin-right: 30px;
}

/*com_h2*/
.com_h2 {
	border-bottom: 1px solid #0b98df;
	color: #0b98df;
	font-family: "Î¢ÈíÑÅºÚ";
	font-size: 24px;
	font-weight: normal;
	line-height: 40px;
	height: 40px;
	margin-bottom: 15px;
	padding-bottom: 12px;
}

.content img {
	max-width: 100%;
}

.leftPic-Container{
    position: fixed;
    top: 10px;
	left: 30px;
    width: 112px;
}

.leftPic-Container .picList {
	position: relative;
}

.leftPic-Container .picList  img{
	width:130px;
	height:145px;
}

.Hj-EasyRead-Container {
    position: fixed;
    top: 10px;
	right: 30px;
    width: 112px;
}

.Hj-EasyRead-Container .sub_hj {
	position: relative;
}

.Hj-EasyRead-Container .sub-hj .close {
	position: absolute;
	right: -25px;
	top: 0;
	width: 25px;
	height: 25px;
	background: url(close_out.png) no-repeat center center;
}

.Hj-EasyRead-Container .sub-hj .close:hover {
	background: url(close_over.png) no-repeat center center;
}

.Hj-EasyRead-Container a {
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
}

.ReturnToTop-Btn {
	background: #BFE4F8 url(page_top_bg.png) no-repeat 90px center;
	border: 1px solid #DDEFFA;
	color: #fff !important;
	padding: 5px 5px 5px 25px;
}

.ReturnToTop-Btn:hover {
	background: #1198DD url(page_top_bg.png) no-repeat 90px center;
	color: #fff;
	text-decoration: none;
}

/*table_box*/
.table_box {
	border: 1px solid #C8C8C8;
	padding: 15px;
}

.table_box .red {
	color: #ed0505;
}

.com_table {
	background-color: #fff;
	margin-bottom: 15px;
	width: 100%;
}

.com_table th,
.com_table td {
	color: #313131;
	font-size: 14px;
	font-weight: normal;
	padding: 5px 0;
	vertical-align: middle;
	text-align: left;
}

.com_table th {
	width: 90px;
}

.com_table .tdStyle {
	padding: 15px 0 0;
}

.com_table td .red {
	vertical-align: middle;
}

#fName01,
#fName02,
#fTel,
#fTitle,
#fAddress,
#fE-mail,
#fCode {
	background-color: #FBFBFB;
	border: 1px solid #C8C8C8;
	height: 26px;
	line-height: 26px;
	width: 300px;
	vertical-align: middle;
}

#fCode {
	width: 80px;
}

#fContact {
	background-color: #FBFBFB;
	border: 1px solid #C8C8C8;
	height: 150px;
	line-height: 26px;
	width: 450px;
	vertical-align: middle;
}

.table_box .submit {
	cursor: pointer;
	font-size: 14px;
	font-family: "ÐÂËÎÌå";
}

.com_table02 th {
	width: 500px;
}

.com_table02 thead th {
	text-align: center;
}

.com_table02 tbody th,
.com_table02 tbody td {
	background-color: #B2DFF6;
}

.com_table02 tbody th p {
	padding: 0 10px;
}

.list_box .left_list {
	float: left;
	width: 48%;
}

.list_box .right_list {
	float: right;
	width: 48%;
}

	@media all and (min-width: 0px) and (max-width: 720px) {
		body {
			min-width: 360px;
			font-size: 13px;
		}
		
		.top_box {
			display: none;
		}
		
		#gHeader {
			display: none;
		}
		
		#spHeader {
			background: url(../img/sp/sp_header_bg.jpg) no-repeat left top;
			background-size: 100% 100%;
			display: block;
			padding: 15px 10px 10px;
		}
		
		#spHeader .logo {
			width: 70%;
			float: left;
		}
		
		#spHeader .logo img {
			width: 100%;
		}

		
		a.sp_login {
			background-color: #FACC17;
			border-radius: 5px;
			color: #fff;
			display: block;
			font-size: 14px;
			float: right;
			margin-top: 15px;
			text-align: center;
			padding: 2px 15px;
		}
		
		.sp_navi {
			background-color: #1198DD;
			display: block;
			padding: 10px;
		}
		
		.sp_navi li {
			float: left;
			width: 20%;
		}
		
		.sp_navi li a {
			background: url(navi_qyfw.png) no-repeat left center;
			background-size: 20px 20px;
			color: #fff;
			display: block;
			font-size: 14px;
			line-height: 1.2;
			padding-left: 25px;
		}
		
		.sp_navi .navi_info a {
			background: url(navi_img01.png) no-repeat left center;
			background-size: 20px 20px;
		}
		
		.sp_navi .navi_subject a {
			background: url(navi_img02.png) no-repeat left center;
			background-size: 20px 20px;
		}
		
		.sp_navi .navi_online a {
			background: url(navi_img03.png) no-repeat left center;
			background-size: 20px 20px;
		}

		
		.sp_navi .navi_interactive a {
			background: url(navi_img04.png) no-repeat left center;
			background-size: 20px 20px;
		}
		
		#main {
			width: auto;
			padding: 10px;
		}

		#main .bar {
			height: auto;
		}
				
		#main .bar .top_seach {
			width: auto;
			float: none;
			padding: 0 80px 10px 0;
			position: relative;
		}
		
		#main .bar .top_seach .text_input {
			border: none;
			border-radius: 0;
			width: 96%;
			padding: 0 2%;
		}
		
		#main .bar .top_seach .btn_input {
			border: none;
			border-radius: 0;
			width: 80px;
			padding: 0;
			height: 28px;
			position: absolute;
			right: 0;
			top: 0;
		}
		
		#main .bar .date {
			clear: both;
			float: none;
			margin: 0 10px;
			width: auto;
		}
		
		#main .bar .date .weather {
			display: none;
		}
		

		#gFooter {
			padding: 10px;
		}	
		
		#gFooter .fBox {
			width: auto;
		}
		
		.Hj-EasyRead-Container {
			display: none;
		}
		
		.pcBox {
			display: none;
		}

		#main .com_title01 li,
		#main .com_title li {
			font-size: 16px;
		}
			
		#main .com_title li span,	
		#main .com_title li a {
			padding: 0 5px;
		}
		
		.friend_link_box {
			margin-top: 17px;
		}
		
		.friend_link {
			width: auto;
			padding: 0 10px;
		}
			
		.friend_link h3 {
			float: none;
			margin-bottom: 10px;
			width: auto;
		}
		
		#page_path {
			clear: both;
		}
		
		#sideBar,		
		#conts {
			float: none;
			padding: 10px;
			width: auto;
		}
		
		#conts {
			float: none;
			margin-bottom: 15px;
		}
		
		.page .total_count {
			display: block;
			margin-bottom: 8px;
			width: 100%;
		}
		
		.com_list02 li .state {
			display: none;
		}
		
		.style_ul li {
			width: 142px;
			padding: 5px;
		}

		.style_ul li .photo {
			margin-bottom: 10px;
			width: 140px;
			height: 70px;
			overflow: hidden;
		}
		#fContact,
		#fName01,
		#fName02,
		#fTel,
		#fTitle,
		#fAddress,
		#fE-mail,
		#fCode {
			width: 80%;
			vertical-align: middle;
		}
		
		#fCode {
			width: 60px;
		}

		.com_table02 th {
			width: 70%;
		}
		
	}