@charset "utf-8";
/* CSS Document */
body{	font-size:15px;}
#header		{ height:60px;padding:0px 0px;}
#header2		{ display:none}
#header_inside  { display:none}
#inside_L	{display:none}
#nav { display:block; margin-top:13px;}
		#nav_ul	li { color:#333333; display:block; float:left; letter-spacing:1px; margin:0 5px; font-size:0.9em}
		#nav_ul	li a:link { color:#333333; text-decoration:none; font-weight:normal}
		#nav_ul	li a:hover { color:#333333; text-decoration:underline; font-weight:normal}
		#nav_ul	li a:visited { color:#333333; text-decoration:none; font-weight:normal}
		.nav_box	{background:url(images/nav/topnav.png) no-repeat; height:20px; margin-top:2px}
		.nav_box_b	{background:url(images/nav/topnav.png) no-repeat; height:20px; background-position:-68px 0px; width:5px ;}

#ul_menu { display:none}
#ul_menu2 { display:none}
.areas	{ display:none}
.viewslimbook { display:none}
.book_wrapper { display:block}
#logo{ 	width:320px;height:80px;margin-top:10px; border:1px #000000 solid}
#top_logo_l	{ 	position:absolute;
				width:200px;
				height:40px;
				margin-left:0px;
				margin-top:10px;
				background:url(images/index/toplogo.png) no-repeat left top;
				background-size:100%;
				z-index:1000;
				}
#coLogo{ position:absolute;margin-top:30px; margin-left:205px; background:url(images/index/coLogo.png) no-repeat left; background-size:100%; width:60px; height:13px;}
#top_logo_m	{ display:none}
#top_logo_s	{ display:none}
#mobile_content	{ display:none}
#normal_content {}
#content	{ padding:0px;}
#topimage	{ display:block}
/*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:-32px;}

/*Menu*/
#menu_box		{ display:block; min-height:300px; margin-top:-50px;font-size:0.8em;line-height:1.3em;}
#menu_box_jm	{ display:none;}
.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;}
.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	{ font-size:1.1em; font-family:Verdana, Geneva, sans-serif; margin-top:10px; width:100%; color:#333333; line-height:1.3em;}
.menu_one	.date { width:7em;line-height:1.5em;margin-bottom:5px; font-weight:bold; font-family:Tahoma; color:#990000 }
.menu_one 	.title {vertical-align:top;line-height:1.2em; font-size:1.2em; margin-bottom:0.8em; font-family:Arial; }
.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}

/*google map*/
#map_canvas { height: 100% }

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

/*page style*/
#topimage	{ width:30%; height:600px; max-width:300px; max-height:600px; float:left;}	
#board_area	{width:69%; height:100% !important; min-height:650px; float:right; text-align:left}


/*p, div*/
.left	{ text-align:left}
.red	{ color:#FF0000}
.075em	{ font-size:0.75em}

/*span*/
.spanT	{ display:block; background-color:#CCCCCC; font-weight:bold; padding:3px; text-align:center;}
.bold	{ font-weight:bold;}


/*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);
}