@charset "utf-8";
/* CSS Document */
body{	font-size:15px;}
#header		{ height:50px; padding:5px 10px 0px; 10px; border-bottom:#999999 solid 1px;}
#header2		{ display:none}
#header_inside { display:none}
#inside_L	{display:none}
#nav { display:none}
#ul_menu { float:right; margin-right:30px; display:block ; width:40px; height:60px; background:url(images/md_icon/bars.png) no-repeat top center ; background-position:15px 15px; background-size:25px;}
#ul_menu2 { float:right; display:block ; width:40px; height:60px; background:url(images/md_icon/bars.png) no-repeat top center ; background-position:15px 15px; background-size:25px;}
.areas	{ display:none}
.viewslimbook { display:block; margin-top:20px;}
.book_wrapper { display:none}
#logo
{   width:320px;
	height:80px;
	margin-top:10px;
}
#top_logo_l	{ display:none}
#top_logo_m	{ 	position:absolute;
				width:175px;
				height:35px;
				margin-left:0px;				
				margin-top:10px;
				background:url(images/index/toplogo.png) no-repeat left top;
				background-size:100%;
				z-index:1000}
#top_logo_s	{ display:none}
#coLogo{ position:absolute;margin-top:25px; margin-left:175px; background:url(images/index/coLogo.png) no-repeat left; background-size:100%; width:60px; height:13px;}
#mobile_content	{ display:none}
#normal_content {}
#content	{ padding:0px;}
#topimage	{ display:block; width:200px;}
#newssubjecttitle	{ height:17px;}
/*slider*/
#slider	{ float:left; width:100%; height:auto}
#urlpalce	{width:100%; height:16px;color:#999; text-align:left; padding:3px; font-size:0.8em; font-family:Verdana; border-bottom:#999 solid 1px; margin-top:-28px;}

/*Menu*/
#menu_box		{ display:block; min-height:300px; margin-top:-50px;font-size:0.8em;line-height:1.2em;}
#menu_box_jm	{ display:none;}
.menu_one	{ font-size:1.1em; font-family:Verdana, Geneva, sans-serif; margin-top:10px; width:100%; color:#333333; line-height:1.2em;}
.menu_one div.date { width:7em; font-size:0.8em;line-height:1.2em;margin-bottom:5px; font-weight:bold; font-family:Tahoma; color:#990000 }
.menu_one div.title {vertical-align:top;line-height:1.2em; font-size:1.1em; margin-bottom:1em; font-family:Arial; color:#333333 }
.menu_one div a:link	{ color:#333333; font-weight:normal; text-decoration:none}
.menu_one div a:hover	{ color:#333; text-decoration:underline}
.menu_one div a:visited	{ color:#333333}
.menu_one_list	{ width:95%; padding:2px;color:#333333; float:left}
.left_list_tr  td { border-bottom:1px #333333 solid; border-color:#999999; cell-spacing:0px; font-size:0.8em}
.menu_one_list  a:link	{ color:#333333; font-weight:normal; text-decoration:none}
.menu_one_list  a:hover	{ color:#0000FF; text-decoration:underline}
.menu_one_list  a:visited	{ color:#333333}

.menu_one a:link	{ color:#333333; font-weight:normal; text-decoration:none}
.menu_one a:hover	{ color:#0000FF; text-decoration:underline}
.menu_one a:visited	{ color:#333333}
#menu_box a:link	{ color:#333333; text-decoration:none; font-weight:normal}
#menu_box a:hover	{ color:#990000; text-decoration:none; font-weight:normal}
#menu_box a:visited	{ color:#333333; text-decoration:none; font-weight:normal}


#thumbImage img{ 	max-width: 100%!important;
					height: auto!important;
					width:expression(this.width > 600 ? "600px" : this.width)!important;
					
					} 
#thumbImage {		margin: auto; 
					max-width:600px; 
					max-height:200px; 
					overflow:hidden} 
					
*html#thumbImage img{ 
					width:expression(this.width>600&&this.width>this.height?450:auto); 
					height:expresion(this.height>450?450:auto); 
					}


.one_mainData p	{ text-align:left;}

.m_content	{ overflow:scroll; overflow-scrolling:touch}
.m_footer	{ }
.contDiv	{ text-align:left; width:100%; max-width:100%; min-width:100%; margin:0px auto; clear:both}
.contDiv .title { vertical-align:top; text-align:center; width:45px; max-width:45px; float:left; clear:both; }
.contDiv .cont { vertical-align:top; text-align:left; padding-bottom:5px; float:left;}
.contDiv .cont .hi { line-height:25px; font-weight:bold; margin:0px; font-size:1em; }
.contDiv .cont .pi { line-height:20px; margin:0px; font-size:0.8em;}
.one_image	{ width:45px; height:45px; margin:0px;}
.one_cont	{ float:left; margin-left:10px; display:table-cell; text-align:left; vertical-align:top}
.contTable	.tableheader{ display:table-cell; vertical-align:top; width:45px;}
.contTable	.tableCont{ display:table-cell; padding-top:10px; vertical-align:top}

/*page style*/
#topimage	{ width:20%; height:600px; max-width:300px; max-height:600px; float:left;}
#board_area	{ width:78%; min-height:600px; text-align:left; margin:5px; float:right }

/*share page*/
.shareIcon	{text-align:center; margin-right:5px; float:left}
.shareIcon img {width:32px; border:none;}
.shareTitle	{ margin-top:7px;}


/*mobile ui icons*/
.ui-icon-mybc-mobile	{ background-image:url(images/m_icon/mobile.png)!important; background-size:18px 18px;}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
.ui-icon-mybc-mobile	{ background-image:url(images/m_icon/mobile.png) !important; background-size:18px 18px;}
}

.ui-icon-mybc-more	{ background-image:url(images/m_icon/more.png)!important; background-size:18px 18px;}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
.ui-icon-mybc-more	{ background-image:url(images/m_icon/more.png) !important; background-size:18px 18px;}
}

.ui-icon-mybc-share	{ background-image:url(images/m_icon/share.png)!important; background-size:18px 18px;}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ui-icon-mybc-share	{ background-image:url(images/m_icon/share.png) !important; background-size:18px 18px;}
}


.ui-listview .ui-li-icon {
	max-height: 50px !important;
	max-width: 45px !important;	
	float:left !important}
	
.ui-listview div.contDiv	{ float:left; margin-left:30px;}



/*panel*/
#left-panel.ui-panel {
	width: 15em;
}
#left-panel.ui-panel-closed {
	width: 0;
}
.ui-panel-position-left.ui-panel-display-reveal {
	left: 0;
}
.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
	left: 15em;
	right: -15em;
}
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
	left: 0;
	right: 0;
	-webkit-transform: translate3d(15em,0,0);
	-moz-transform: translate3d(15em,0,0);
	transform: translate3d(15em,0,0);
}

/* Combined listview collapsible menu. */
/* Unset negative margin bottom on the listviews. */
#left-panel .ui-panel-inner > .ui-listview { margin-bottom: 0; }
/* Unset top and bottom margin on collapsible set. */
#left-panel .ui-collapsible-set { margin: 0; }
/* The first collapsible contains the collapsible set. Make it fit exactly in the collapsible content. */
#left-panel .ui-panel-inner > .ui-collapsible > .ui-collapsible-content { padding-top: 0; padding-bottom: 0;  border-bottom: none; }
/* Remove border top if a collapsible comes after a listview. */
#left-panel .ui-panel-inner  > .ui-collapsible > .ui-collapsible-heading .ui-btn,
#left-panel .ui-collapsible.ui-first-child .ui-collapsible-heading .ui-btn { border-top: none; }
/* Give the first collapsible heading the same padding, i.e. same height, as the list items. */
#left-panel .ui-collapsible-heading .ui-btn-inner { padding: .7em 40px .7em 15px; }
/* Give the other collapsible headings the same padding and font-size as the list divider. */
#left-panel .ui-collapsible-set .ui-collapsible-heading .ui-btn-inner { padding: .5em 40px .5em 15px; font-size: 14px; }

/* Styling of the close button in both panels. */
#demo-page .ui-panel-inner > .ui-listview .ui-first-child {
	background: #eee;
}

/* Reveal menu shadow on top of the list items */
.ui-panel-display-reveal {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.ui-panel-content-wrap-position-left {
	-webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
	-moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
	box-shadow: -5px 0px 5px rgba(0,0,0,.15);
}