/*ooz
version="3.6.3"
date="2023-12-04"
ignore="false"
updateMode="absolute"
product="fxlibrary"
*/
@charset "utf-8";

html {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 1);
}
body{background-color:#1b1c20;-webkit-text-size-adjust:none;font-size:1em;}
body, table, ul, li, dl, dt, dd {font-family:Dotum, "µ¸¿òü", Gulim, "±¼¸²Ã¼", AppleSDGothicNeo-Regular, NanumGothic, "³ª´®°íµñ", Arial, Malgun Gothic, Helvetica, snas-serif; color:#ffffff; }
body, table, ul, ol, li, dl, dt, dd, button, fieldset,h1,h2,h3,p,input { padding:0; margin:0; }
input { font-size:.9em; }
img, fieldset { border:0 }
ul, li { list-style:none; }
hr { display:none; }
article, aside, dialog, footer, header, section, nav, figure { display:block; }
a{text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
a:link,a:hover,a:active{text-decoration:none;}

.ns { z-index:-1; display:none; font-size:0.67em; letter-spacing:-1px; }
input[type='text'], 
input[type='number'],
input[type='password'],
input[type='email'], 
input[type='search'] { width:100%; height:30px; border:1px solid #000; background-color:#ccc; }
input[type='checkbox'] { -webkit-transform: scale(1.5); }

input[type='text'],
input[type='password'],
input[type='number'],
input[type='email'],
input[type='search'] {
	-webkit-border-top-left-radius:.3em;
	-webkit-border-top-right-radius:.3em;
	-webkit-border-bottom-left-radius:.3em;
	-webkit-border-bottom-right-radius:.3em;
	-moz-border-radius-topleft:.3em;
	-moz-border-radius-topright:.3em;
	-moz-border-radius-bottomleft:.3em;
	-moz-border-radius-bottomright:.3em;
}

#bc_page_loading {background: url('../../../image/mobile/basic/icon/page_loading.gif') no-repeat left center;background-size:100px 100px; -webkit-background-size:100px 100px;position:absolute;top:0px;left:0px;width:100px;height:100px;z-index:9999;padding:5px;text-align:right;line-height:4em;display:none;}
/*======================= Button =======================*/
.button,
.button a, .button input[type='submit'] { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-family:Dotum, "µ¸¿òü", Gulim, "±¼¸²Ã¼", AppleSDGothicNeo-Regular, NanumGothic, "³ª´®°íµñ", Arial, Malgun Gothic, Helvetica, snas-serif; white-space:nowrap;}
.button { padding:0; vertical-align:middle;}
.button a { left:1px;vertical-align:top; cursor:pointer; text-align:center; padding:0 10px 0 8px; font-size:.875em;color:#fff;}

.button.type2{
	-moz-box-shadow: 1px 1px 0px 0px #a6a6a6;
	-webkit-box-shadow: 1px 1px 0px 0px #a6a6a6;
	box-shadow: 1px 1px 0px 0px rgba(193,193,219,0.2);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb8b30), color-stop(1, #cd5601));
	background:-moz-linear-gradient(top, #fb8b30 5%, #cd5601 100%);
	background:-webkit-linear-gradient(top, #fb8b30 5%, #cd5601 100%);
	background:-o-linear-gradient(top, #fb8b30 5%, #cd5601 100%);
	background:-ms-linear-gradient(top, #fb8b30 5%, #cd5601 100%);
	background:linear-gradient(to bottom, #fb8b30 5%, #cd5601 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8b30', endColorstr='#cd5601',GradientType=0);
	background-color:#fb8b30;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #000000;
}
.button.type3{
	-moz-box-shadow: 1px 1px 0px 0px #a6a6a6;
	-webkit-box-shadow: 1px 1px 0px 0px #a6a6a6;
	box-shadow: 1px 1px 0px 0px rgba(193,193,219,0.2);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #759d2b), color-stop(1, #5c7a21));
	background:-moz-linear-gradient(top, #759d2b 5%, #5c7a21 100%);
	background:-webkit-linear-gradient(top, #759d2b 5%, #5c7a21 100%);
	background:-o-linear-gradient(top, #759d2b 5%, #5c7a21 100%);
	background:-ms-linear-gradient(top, #759d2b 5%, #5c7a21 100%);
	background:linear-gradient(to bottom, #759d2b 5%, #5c7a21 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#759d2b', endColorstr='#5c7a21',GradientType=0);
	background-color:#759d2b;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #000000;
}
.button.type4{
	-moz-box-shadow: 1px 1px 0px 0px #a6a6a6;
	-webkit-box-shadow: 1px 1px 0px 0px #a6a6a6;
	box-shadow: 1px 1px 0px 0px rgba(193,193,219,0.2);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8b8b8b), color-stop(1, #5d5d5d));
	background:-moz-linear-gradient(top, #8b8b8b 5%, #5d5d5d 100%);
	background:-webkit-linear-gradient(top, #8b8b8b 5%, #5d5d5d 100%);
	background:-o-linear-gradient(top, #8b8b8b 5%, #5d5d5d 100%);
	background:-ms-linear-gradient(top, #8b8b8b 5%, #5d5d5d 100%);
	background:linear-gradient(to bottom, #8b8b8b 5%, #5d5d5d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8b8b', endColorstr='#5d5d5d',GradientType=0);
	background-color:#8b8b8b;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #000000;
}
.button.type5 {
	-moz-box-shadow: 1px 1px 0px 0px #a6a6a6;
	-webkit-box-shadow: 1px 1px 0px 0px #a6a6a6;
	box-shadow: 1px 1px 0px 0px rgba(193,193,219,0.2);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5a5a64), color-stop(1, #37393f));
	background:-moz-linear-gradient(top, #5a5a64 5%, #37393f 100%);
	background:-webkit-linear-gradient(top, #5a5a64 5%, #37393f 100%);
	background:-o-linear-gradient(top, #5a5a64 5%, #37393f 100%);
	background:-ms-linear-gradient(top, #5a5a64 5%, #37393f 100%);
	background:linear-gradient(to bottom, #5a5a64 5%, #37393f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5a64', endColorstr='#37393f',GradientType=0);
	background-color:#5a5a64;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #000000;
}	
.button.type6{
	-moz-box-shadow: 1px 1px 0px 0px #a6a6a6;
	-webkit-box-shadow: 1px 1px 0px 0px #a6a6a6;
	box-shadow: 1px 1px 0px 0px rgba(193,193,219,0.2);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5a5a64), color-stop(1, #37393f));
	background:-moz-linear-gradient(top, #5a5a64 5%, #37393f 100%);
	background:-webkit-linear-gradient(top, #5a5a64 5%, #37393f 100%);
	background:-o-linear-gradient(top, #5a5a64 5%, #37393f 100%);
	background:-ms-linear-gradient(top, #5a5a64 5%, #37393f 100%);
	background:linear-gradient(to bottom, #5a5a64 5%, #37393f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5a64', endColorstr='#37393f',GradientType=0);
	background-color:#5a5a64;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #000000;
}

.button.type8 {
	background-color:#000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #000000;	
}
.button.type9 {
	background-color:#32363f;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #000000;
}
.button.type10 {
	-moz-box-shadow: 1px 1px 0px 0px #68c9da;
	-webkit-box-shadow: 1px 1px 0px 0px #68c9da;
	box-shadow: 1px 1px 0px 0px #5bbfcf;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6ad2eb), color-stop(1, #2d9eb0));
	background:-moz-linear-gradient(top, #6ad2eb 5%, #2d9eb0 100%);
	background:-webkit-linear-gradient(top, #6ad2eb 5%, #2d9eb0 100%);
	background:-o-linear-gradient(top, #6ad2eb 5%, #2d9eb0 100%);
	background:-ms-linear-gradient(top, #6ad2eb 5%, #2d9eb0 100%);
	background:linear-gradient(to bottom, #6ad2eb 5%, #2d9eb0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ad2eb', endColorstr='#2d9eb0',GradientType=0);
	background-color:#6ad2eb;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #186b8b;
}	

.button.type11{
	-moz-box-shadow: 1px 1px 0px 0px #a6a6a6;
	-webkit-box-shadow: 1px 1px 0px 0px #a6a6a6;
	box-shadow: 1px 1px 0px 0px rgba(193,193,219,0.2);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bd9666), color-stop(1, #7b5934));
	background:-moz-linear-gradient(top, #bd9666 5%, #7b5934 100%);
	background:-webkit-linear-gradient(top, #bd9666 5%, #7b5934 100%);
	background:-o-linear-gradient(top, #bd9666 5%, #7b5934 100%);
	background:-ms-linear-gradient(top, #bd9666 5%, #7b5934 100%);
	background:linear-gradient(to bottom, #bd9666 5%, #7b5934 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd9666', endColorstr='#7b5934',GradientType=0);
	background-color:#bd9666;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #000000;
}
.button.type12 {
	-moz-box-shadow:inset 0px 0px 0px 1px #5f5f67;
	-webkit-box-shadow:inset 0px 0px 0px 1px #5f5f67;
	box-shadow:inset 0px 0px 0px 1px rgba(245,245,245,0.09);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4e4e57), color-stop(1, #45454d));
	background:-moz-linear-gradient(top, #4e4e57 5%, #45454d 100%);
	background:-webkit-linear-gradient(top, #4e4e57 5%, #45454d 100%);
	background:-o-linear-gradient(top, #4e4e57 5%, #45454d 100%);
	background:-ms-linear-gradient(top, #4e4e57 5%, #45454d 100%);
	background:linear-gradient(to bottom, #4e4e57 5%, #45454d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e4e57', endColorstr='#45454d',GradientType=0);
	background-color:#4e4e57;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000;
}


.button {font-size:14px}
.button.type2, .button.type3 {height:26px;line-height:26px;font-size:1em;}
.button.type4, .button.type5, .button.type10, .button.type11 {line-height:27px;font-size:1em;}
.button.type6 {height:32px;line-height:32px}
.button.type8, .button.type9 {height:32px;line-height:32px;font-size:1em;}
.button.type12 {height:48px;line-height:48px;}

a.more {
	margin:0 auto;	display:block;line-height:26px;text-align:center;padding-right:5px;position:relative;font-size:.875em;background-color:#000;color:#737373; width:70px;height:26px;
	-webkit-border-top-left-radius:.3em;
	-webkit-border-top-right-radius:.3em;
	-webkit-border-bottom-left-radius:.3em;
	-webkit-border-bottom-right-radius:.3em;
	-moz-border-radius-topleft:.3em;
	-moz-border-radius-topright:.3em;
	-moz-border-radius-bottomleft:.3em;
	-moz-border-radius-bottomright:.3em;
}
a.more span.icon {position:absolute; right:5px; top:11px;}
a.more.npd0 { padding:0; width:80px; }
/*======================= ICONS =======================*/
.icon {background:url('../../../image/mobile/basic/icon/icon_phone_x2.png') no-repeat; background-size:600px 113px; -webkit-background-size:600px 113px; display:inline-block;}
.down1 {background-position:-13px -56px;width:7px;height:4px}
.down2 {background-position:-88px -53px;width:12px;height:7px;}
.down3 {background-position:-237px -55px;width:7px;height:4px;}
.down4 {background-position:-255px -55px;width:7px;height:4px;}
.up1 {background-position:-31px -55px;width:7px;height:4px;}
.up2 {background-position:-110px -53px;width:12px;height:7px;}
.left1 {background-position:-50px -52px; width:8px; height:9px;}
.left2 {background-position:-184px -50px; width:11px; height:12px;}
.right1 {background-position:-68px -52px; width:8px; height:9px;}
.right2 {background-position:-160px -52px;width:5px;height:9px;}
.right3 { background-position:-208px -50px; width:11px; height:12px;}
.right4 {background-position:-309px -50px;width:8px;height:13px;}
.save-p {background-position:-281px -50px;width:13px;height:13px;}
.star1, .star2, .star3, .star4, .star5 {width:55px;height:10px}
.star1 {background-position:-347px -79px;}
.star2 {background-position:-347px -65px;}
.star3 {background-position:-347px -52px;}
.star4 {background-position:-347px -38px;}
.star5 {background-position:-347px -24px;}
.adult {background-position:-421px -31px;width:51px 51px;}
.radio_on {background:url('../../../image/mobile/basic/icon/c1_radio_on.png') no-repeat;background-size:16px 16px; -webkit-background-size:16px 16px;color:#fca017;}
.radio_off {background:url('../../../image/mobile/basic/icon/c1_radio_off.png') no-repeat;background-size:16px 16px; -webkit-background-size:16px 16px;}
.msg {background-position:-13px -77px; width:12px;height:14px;}
.s_adult {background-position:-35px -76px;width:14px;height:14px;}
.lock {background-position:-58px -76px;width:12px;height:14px;}
.lend {background-position:-491px -22px;width:33px;height:18px;}
.reserve {background-position:-491px -48px;width:33px;height:18px;}
.volume {background-position:-491px -74px;width:55px;height:18px;}

/* border */
.tborder1 { border-top:1px solid #303135; border-bottom:2px solid #fb8c32; }
.tborder2 { border-top:1px solid #000; border-bottom:1px solid #000; }
.tborder3 { border-top:1px solid #555; border-bottom:1px solid #000; }
.tborder4 { border-top:1px solid #000; }
.tborder5 { border-bottom:1px solid #555; }
.tborder6 { border-top:1px solid #555; }
.tborder7 { border-bottom:1px solid #000; }
.tborder8 { border-top:1px solid #303135; }

.odd { background-color:#2a2b30; }
.even { background-color:#32363f; }
.bg { background-color:#000;}

/* select box */
.categorySelect{
	width: 100%;
font-size: .9em;
height: 26px;
border: 0;
-webkit-border-top-left-radius: .4em;
-webkit-border-top-right-radius: .4em;
-webkit-border-bottom-left-radius: .4em;
-webkit-border-bottom-right-radius: .4em;
-moz-border-radius-topleft: .4em;
-moz-border-radius-topright: .4em;
-moz-border-radius-bottomleft: .4em;
-moz-border-radius-bottomright: .4em;
background-repeat: repeat-x;
color: white;
padding-left: 5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5A5A64), color-stop(1, #37393F));
background: -moz-linear-gradient(top, #5A5A64 5%, #37393F 100%);
background: -webkit-linear-gradient(top, #5A5A64 5%, #37393F 100%);
background: -o-linear-gradient(top, #5A5A64 5%, #37393F 100%);
background: -ms-linear-gradient(top, #5A5A64 5%, #37393F 100%);
background: linear-gradient(to bottom, #5A5A64 5%, #37393F 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A64', endColorstr='#37393F',GradientType=0);
background-color: #5A5A64;
border-top-left-radius: 0.4em;
border-top-right-radius: 0.4em;
border-bottom-left-radius: 0.4em;
border-bottom-right-radius: 0.4em;
	}
.categorySelectBtnArrow1{position: absolute;top: 198px;right: 9px;}
.categorySelectBtnArrow1 img,.statisticsTitle div .categorySelectBtnArrow2 img {
	width: 20px;
	height: 30px;
	-webkit-border-top-right-radius: .3em;
	-webkit-border-bottom-right-radius: .3em;
	-moz-border-radius-topright: .3em;
	-moz-border-radius-bottomright: .3em;
	border-top-right-radius: 0.3em;
	border-bottom-right-radius: 0.3em;
}
.categorySelectBtnArrow2{position: absolute;top: 266px;right: 9px;}
.categorySize{font-size: 0.85em;}

/*======================= Title =======================*/
h1.pageTitle {height:40px; line-height:40px; font-size:1em; text-align:center; border-top:1px solid #000; border-bottom:1px solid #000; background-color:#2a2b30;}
h1.pageTitleSub {height:40px; line-height:40px; font-size:1em; text-align:center; border-top: 1px solid #555; border-bottom:1px solid #000; background-color:#2a2b30;}
h1.totalbook {margin:8px 7px;height:40px; line-height:40px; font-size:1em; text-align:center; border-top: 1px solid #555; border-bottom:1px solid #000; background-color:#2a2b30;}
.detailTitleArea { position:relative;height:40px;line-height:40px; background-color:#2a2b30; }
.detailTitleArea span.button { position:absolute; top:6px; right:10px; }
.detailTitleArea span.button a.w90 { width:90px;padding:0;}
.detailTitleArea > p.title { padding-left:10px;}
.detailTitleArea .text {color:#e48904}
.cartTitleArea {padding:14px 0 11px 10px;background-color:#2a2b30;}
.cartTitleArea .text { padding:11px 21px 0 11px; font-size:.813em;color:#868688 }
.text_orange {color:#e48904}
.text_blue {color:#4ecbe1;}
.size14 {font-size:14px;}
/*==================================================*/
/*======================= TAB Menu =======================*/
.tab { clear:both; width:100%; overflow:hidden; }
.tab li { float:left;text-align:center; }
.tab li a {display:block;margin:0 auto;text-decoration:none;}
.tab li.active {
	border-bottom:1px solid #000;
	background:#000;
	background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(42,53,75) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(42,53,75) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(42,53,75) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(42,53,75) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(42,53,75) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,0,0)),
		color-stop(1, rgb(42,53,75))
	);
}
.tab li.active2 {
	border-bottom:1px solid #2a2b30;
	background:#2a2b30;
	background-image: linear-gradient(bottom, rgb(43,43,48) 0%, rgb(42,53,75) 100%);
	background-image: -o-linear-gradient(bottom, rgb(43,43,48) 0%, rgb(42,53,75) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(43,43,48) 0%, rgb(42,53,75) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(43,43,48) 0%, rgb(42,53,75) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(43,43,48) 0%, rgb(42,53,75) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(43,43,48)),
		color-stop(1, rgb(42,53,75))
	);
}

ul.tab2 > li { width:50%; height:40px; border-bottom:1px solid #565654; background-color:#2a2b30;}
ul.tab2 > li a {line-height:40px; color:#999; width:85%; }
ul.tab2 > li:nth-child(1) p {border-right:1px solid #565654;}
ul.tab2 > li:nth-child(1).active p {border-right:0px;}
ul.tab2 > li:nth-child(2) p {border-left:1px solid #565654;}
ul.tab2 > li:nth-child(2).active p {border-left:0px;}
ul.tab2 > li.active a, ul.tab2 > li.active2 a { color:#fff; }

ul.tab4 > li { height:40px; width:25%; border-bottom:1px solid #565654; background-color:#2a2b30; }
ul.tab4 > li a { line-height:40px;color:#999; width:85%; }
ul.tab4 > li p { border-right:1px solid #565654; }
ul.tab4 > li:last-child p { border:0; }
ul.tab4 > li.active a, ul.tab4 > li.active2 a { color:#fff; }

.rtabLayout {
	background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,0,0)),
		color-stop(1, rgb(41,42,44))
	);
	padding:0 1px 0 3px;
}
.rtabArea {
	clear:both;
	width:100%;
	position:relative;
	background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,0,0)),
		color-stop(1, rgb(41,42,44))
	);
}
.rtab { width:98%; margin:0 auto; overflow:hidden; }
.rtab li { float:left; }
.rtab li a { 
	display:block; margin:0 auto; text-decoration:none;
	background-color:#3c3b43; 
	text-align:center;
	background-image: linear-gradient(bottom, rgb(44,45,50) 0%, rgb(69,69,77) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,45,50) 0%, rgb(69,69,77) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,45,50) 0%, rgb(69,69,77) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,45,50) 0%, rgb(69,69,77) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,45,50) 0%, rgb(69,69,77) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(44,45,50)),
		color-stop(1, rgb(69,69,77))
	);
}

.rtab2 li { width:50%; height:40px; }
.rtab2 li a {
	width:98.5%; height:30px; line-height:30px; margin-top:10px;color:#7a7a7a;
	-webkit-border-top-left-radius:.5em;
	-webkit-border-top-right-radius:.5em;
	-moz-border-radius-topleft:.5em;
	-moz-border-radius-topright:.5em;
}
.rtab2.rtabC_gray li a {
	background-image: linear-gradient(bottom, rgb(18,18,20) 0%, rgb(50,50,56) 100%);
	background-image: -o-linear-gradient(bottom, rgb(18,18,20) 0%, rgb(50,50,56) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(18,18,20) 0%, rgb(50,50,56) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(18,18,20) 0%, rgb(50,50,56) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(18,18,20) 0%, rgb(50,50,56) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(18,18,20)),
		color-stop(1, rgb(50,50,56))
	);
}

.rtab3 li { width:33.33%; height:40px; }
.rtab3 li a {
	width:98.5%; height:30px; line-height:30px; margin-top:10px;color:#7a7a7a;
	-webkit-border-top-left-radius:.5em;
	-webkit-border-top-right-radius:.5em;
	-moz-border-radius-topleft:.5em;
	-moz-border-radius-topright:.5em;
}
.rtab3.rtabC_gray li a {
	background-image: linear-gradient(bottom, rgb(18,18,20) 0%, rgb(50,50,56) 100%);
	background-image: -o-linear-gradient(bottom, rgb(18,18,20) 0%, rgb(50,50,56) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(18,18,20) 0%, rgb(50,50,56) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(18,18,20) 0%, rgb(50,50,56) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(18,18,20) 0%, rgb(50,50,56) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(18,18,20)),
		color-stop(1, rgb(50,50,56))
	);
}

.rtab4 li { width:25%; height:40px;}
.rtab4 li a { 
	width:98.5%; height:30px; line-height:30px; margin-top:10px;color:#bbb;
	-webkit-border-top-left-radius:.5em;
	-webkit-border-top-right-radius:.5em;
	-moz-border-radius-topleft:.5em;
	-moz-border-radius-topright:.5em;
}
.rtab4 li a span.down4 { padding-bottom:3px; margin-left:3px;}
.rtab4 li a.active span.down3 { padding-bottom:3px; margin-left:3px;}
.rtabC_orange li a.active {
	color:#fff;
	background-image: linear-gradient(bottom, rgb(251,141,50) 0%, rgb(255,179,2) 100%);
	background-image: -o-linear-gradient(bottom, rgb(251,141,50) 0%, rgb(255,179,2) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(251,141,50) 0%, rgb(255,179,2) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(251,141,50) 0%, rgb(255,179,2) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(251,141,50) 0%, rgb(255,179,2) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(251,141,50)),
		color-stop(1, rgb(255,179,2))
	);
}
.rtabC_gray li a.active {
	color:#4ecbe1;
	background-image: linear-gradient(bottom, rgb(42,43,48) 0%, rgb(70,70,80) 100%);
	background-image: -o-linear-gradient(bottom, rgb(42,43,48) 0%, rgb(70,70,80) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(42,43,48) 0%, rgb(70,70,80) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(42,43,48) 0%, rgb(70,70,80) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(42,43,48) 0%, rgb(70,70,80) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(42,43,48)),
		color-stop(1, rgb(70,70,80))
	);
}

.rtabArea > div.s-ly { clear:both;position:absolute;top:42px;background:#fff; display:none; }
.rtabArea > div.s-ly ul { display:none; }
.rtabArea > div.s-ly ul li:last-child { border:0 }
.rtabArea > div.s-ly ul li a { display:block; width:100%; text-align:center; padding:3px 0; color:#000; height:30px; line-height:30px; }
.rtabArea > div.s-ly ul li a:hover { background-color:#ccc; }
.rtabArea > div.s-ly ul.orange { border:2px solid #fb8c32 }
.rtabArea > div.s-ly ul.orange li { border-bottom:1px solid #fb8c32; }
/*====================================================*/

/*======================= Paging =======================*/
.pagingArea { clear:both; background-color:#1b1c20; padding:20px 0; overflow:hidden;}
.paging { width:304px; margin:0 auto; position:relative; }
.paging .prev { position:absolute; top:0; left:0; }
.paging .next { position:absolute; top:0; right:0; }
.paging .prev a, .paging .next a { width:52px; padding:0; }
.paging span.button { margin:0; }
.page-num { display:block; width:196px; margin:0 auto; }
.page-num ul { overflow:hidden; text-align:center;}
.page-num ul li { display:inline; }
.page-num ul li:first-child { margin-left:0; }
.page-num li span { width:32px; height:34px;}
.page-num li span.button a {width:100%; padding:0;text-align:center;}
.page-num li.active span.button.type8 { display:inline-block;margin:0;vertical-align:middle;background:#000; }
.page-num li.active span.button.type8 a { display:inline-block;width:100%;background:#000;color:#2B90AE;}
.pagecount { clear:both; overflow:hidden; padding-top:10px; width:304px; margin:0 auto; }
.pagecount li{padding-bottom:1px;}
.pagecount li:nth-child(1), .pagecount li:nth-child(2) { float:left; }
.pagecount li:nth-child(2) { width:133px; text-align:center; line-height:26px;}
.pagecount li:last-child { float:right; margin-right:2px;}
.pagecount .indicator { font-size:.875em; }
/*====================================================*/

/*======================= List =======================*/
.bc_item > div { border-top: 1px solid #555; border-bottom: 1px solid black;}
.bc_item > div:nth-child(odd) { background-color:#2A2B30;}
.bc_item > div:nth-child(even) { background-color:#32363F;}
/*====================================================*/

/*======================= Form =======================*/
.titleFormArea > p.title .right2 {margin-right:10px; }
.titleFormArea > .FormArea { margin-top:12px; text-align:center;}
.titleFormArea > .FormArea > div.FormTitle { text-align:left; position:relative; }
/*====================================================*/

/*======================= Form Element =======================*/
.selectBox { position:relative; overflow:hidden; }
.selectBox select { 
	width:100%; 
	font-size:.9em;
	height:26px; 
	border:0; 
	-webkit-border-top-left-radius:.4em;
	-webkit-border-top-right-radius:.4em;
	-webkit-border-bottom-left-radius:.4em;
	-webkit-border-bottom-right-radius:.4em;
	-moz-border-radius-topleft:.4em;
	-moz-border-radius-topright:.4em;
	-moz-border-radius-bottomleft:.4em;
	-moz-border-radius-bottomright:.4em;
	background-position:left -398px;
	color:#fff; 
	padding-left:5px;
}
.selectBox span { position:absolute; top:0px; right:0px; }
.selectBox span img { 
	width:20px; height:26px; 
	-webkit-border-top-right-radius:.3em;
	-webkit-border-bottom-right-radius:.3em;
	-moz-border-radius-topright:.3em;
	-moz-border-radius-bottomright:.3em;
}

textarea {
	width:100%;
	-webkit-border-top-left-radius:.3em;
	-webkit-border-top-right-radius:.3em;
	-webkit-border-bottom-left-radius:.3em;
	-webkit-border-bottom-right-radius:.3em;
	-moz-border-radius-topleft:.3em;
	-moz-border-radius-topright:.3em;
	-moz-border-radius-bottomleft:.3em;
	-moz-border-radius-bottomright:.3em;
	overflow:hidden;
}

label.radio {cursor:pointer;}
input[type='radio'] { position:absolute; left:-9999px;}
/*====================================================*/

/*======================= Header =======================*/
header { width:100%; }
header.fixed { position:fixed;top:0;left:0;z-index:9999; }

header section .title{
	height:40px; margin:0; position:relative;
	text-align:center;
	font-size:1.125em;
	line-height:2.3em;
	font-weight:bold;
	color:#fff;
	text-shadow: 0px -1px #267fa1;
	margin:0px auto;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;

}
header section.title{
	background-image: linear-gradient(bottom, rgb(43,144,174) 0%, rgb(109,196,216) 78%);
	background-image: -o-linear-gradient(bottom, rgb(43,144,174) 0%, rgb(109,196,216) 78%);
	background-image: -moz-linear-gradient(bottom, rgb(43,144,174) 0%, rgb(109,196,216) 78%);
	background-image: -webkit-linear-gradient(bottom, rgb(43,144,174) 0%, rgb(109,196,216) 78%);
	background-image: -ms-linear-gradient(bottom, rgb(43,144,174) 0%, rgb(109,196,216) 78%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(43,144,174)),
		color-stop(0.78, rgb(109,196,216))
	);
	
	height:40px; margin:0; position:relative;
	border-top:1px solid #9ff; border-bottom:1px solid #00325d;
	line-height:2.3em;
	font-weight:bold;
	color:#fff;
	text-shadow: 0px -1px #267fa1;
	margin:0px auto;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;

}

section.title .libraryName {padding:0px 60px 0px 90px;overflow:hidden;text-overflow:ellipsis;}
section.title .libraryName a{color:#fff;}
section.title .myLibraryArea {width:70px;position:absolute;top:5px;left:7px;}
section.title input { margin-top:5px; height:30px; background:#ccc url('../../../image/mobile/basic/icon/search_icon.png') no-repeat 3px 50%; background-size:43px 18px;-webkit-background-size:43px 18px;}
section.title .myLoginArea { position:absolute; top:6px;right:0px; width:50px;height:20px;}
section.title > div > span.button { position:absolute;}
section.title > div > span.button a {margin-top:2px;}

.searchFormArea {
	background: #2A2B30;
	border-top:1px solid #565658;
	border-bottom:1px solid #1e1d22;
	position:relative;height:40px;padding:0 10px 0 10px;

}

.searchFormArea.input {display:none;}
.searchFormArea input {
margin-top: 5px;
height: 30px;
}

.searchFormArea div {display:inline-block;height:35px;padding:5px 5px 5px 5px;box-sizing:border-box;text-align:center;}
.searchFormArea div.select {border-bottom:5px solid #4bc3d4;color:#4bc3d4;}
.searchFormArea div a{color:#ffffff;font-weight:bold;}
.searchFormArea div.select a{color:#4bc3d4;}


.rightButton { position:absolute; top:0px;right:0px; width:50px;height:20px;}
/*====================================================*/

/*======================= Footer =======================*/
footer { clear:both; }
footer > nav { 
	height:50px;
	border-top:1px solid #565658; border-bottom:1px solid #000;
	background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(70,70,82) 100%);
	background-image: linear-gradient(bottom, rgb(43,44,49) 0%, rgb(70,70,82) 100%);
	background-image: -o-linear-gradient(bottom, rgb(43,44,49) 0%, rgb(70,70,82) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(43,44,49) 0%, rgb(70,70,82) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(43,44,49) 0%, rgb(70,70,82) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(43,44,49) 0%, rgb(70,70,82) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(43,44,49)),
		color-stop(1, rgb(70,70,82))
	);
}
footer { background-color:#1b1c20; }
footer > nav ul.manage li {float:left; width:25%; height:50px;}
footer > nav ul.manage li:nth-child(1) { background:url('../../../image/mobile/basic/btn/notice_icon.png') 50% 7px no-repeat; background-size:40px 34px;-webkit-background-size:40px 34px; }
footer > nav ul.manage li:nth-child(2) { background:url('../../../image/mobile/basic/btn/FAQ_icon.png') 50% 7px no-repeat; background-size:21px 34px;-webkit-background-size:21px 34px; }
footer > nav ul.manage li:nth-child(3) { background:url('../../../image/mobile/basic/btn/QnA_icon.png') 50% 7px no-repeat; background-size:22px 34px;-webkit-background-size:22px 34px; }
footer > nav ul.manage li:nth-child(4) { background:url('../../../image/mobile/basic/btn/manage_icon.png') 50% 7px no-repeat; background-size:40px 34px;-webkit-background-size:40px 34px; }
footer > nav ul.manage li a { display:block; width:100%; height:50px; }
footer > nav ul.manage li p { background:url('../../../image/mobile/basic/icon/division_line.png') right 50% no-repeat; background-size:2px 34px;-webkit-background-size:2px 34px; }
footer > nav ul.manage li:nth-child(4) p { background:none; }

footer > nav ul.manage3 li {float:left; width:33.3%; height:50px;}
footer > nav ul.manage3 li:nth-child(1) { background:url('../../../image/mobile/basic/btn/notice_icon.png') 50% 7px no-repeat; background-size:40px 34px;-webkit-background-size:40px 34px; }
footer > nav ul.manage3 li:nth-child(2) { background:url('../../../image/mobile/basic/btn/FAQ_icon.png') 50% 7px no-repeat; background-size:21px 34px;-webkit-background-size:21px 34px; }
footer > nav ul.manage3 li:nth-child(3) { background:url('../../../image/mobile/basic/btn/manage_icon.png') 50% 7px no-repeat; background-size:40px 34px;-webkit-background-size:40px 34px; }
footer > nav ul.manage3 li a { display:block; width:100%; height:50px; }
footer > nav ul.manage3 li p { background:url('../../../image/mobile/basic/icon/division_line.png') right 50% no-repeat; background-size:2px 34px;-webkit-background-size:2px 34px; }
footer > nav ul.manage3 li:nth-child(3) p { background:none; }

footer > nav ul.default li {float:left; width:33.3%; height:50px;}
footer > nav ul.default li:nth-child(1) { background:url('../../../image/mobile/basic/btn/notice_icon.png') 50% 7px no-repeat; background-size:40px 34px;-webkit-background-size:40px 34px; }
footer > nav ul.default li:nth-child(2) { background:url('../../../image/mobile/basic/btn/FAQ_icon.png') 50% 7px no-repeat; background-size:21px 34px;-webkit-background-size:21px 34px; }
footer > nav ul.default li:nth-child(3) { background:url('../../../image/mobile/basic/btn/QnA_icon.png') 50% 7px no-repeat; background-size:22px 34px;-webkit-background-size:22px 34px; }
footer > nav ul.default li a { display:block; width:100%; height:50px; }
footer > nav ul.default li p { background:url('../../../image/mobile/basic/icon/division_line.png') right 50% no-repeat; background-size:2px 34px;-webkit-background-size:2px 34px; }
footer > nav ul.default li:nth-child(3) p { background:none; }

footer > nav ul.manage2 li {float:left; width:50%; height:50px;}
footer > nav ul.manage2 li:nth-child(1) { background:url('../../../image/mobile/basic/btn/notice_icon.png') 50% 7px no-repeat; background-size:40px 34px;-webkit-background-size:40px 34px; }
footer > nav ul.manage2 li:nth-child(2) { background:url('../../../image/mobile/basic/btn/FAQ_icon.png') 50% 7px no-repeat; background-size:21px 34px;-webkit-background-size:21px 34px; }
footer > nav ul.manage2 li a { display:block; width:100%; height:50px; }
footer > nav ul.manage2 li p { background:url('../../../image/mobile/basic/icon/division_line.png') right 50% no-repeat; background-size:2px 34px;-webkit-background-size:2px 34px; }
footer > nav ul.manage2 li:nth-child(2) p { background:none; }

footer > nav ul.bottom li {float:left;width:100%;height:50px;margin-top:20px;}
footer > nav ul.bottom li div.buttons{width:100%;text-align:center;}
footer > nav ul.bottom li div.buttons span{width:80px;margin-left:3px;maring-right:2px;}
/*====================================================*/

#wrap {overflow:hidden; padding-top:84px;}


/*=========================================================*/
/*================ MAIN ====================================*/
/*=========================================================*/
/*======================= Slider =======================*/
.sliderArea {	clear:both; position:relative; padding-top:18px;}
.sliderArea span.left2 { position:absolute; left:6px; top:65px; }
.sliderArea span.right3 { position:absolute; right:6px; top:65px; }
.slider { clear:both; width:88%; margin:0px auto 0 auto; }
.slider > div > div ul  { overflow:hidden; }
.slider > div > div ul li { float:left; width:33%; text-align:center; font-size:.75em; }
.slider > div > div ul li a { display:block;width:80%; margin:0 auto; }
.slider > div > div ul  li dd { margin-top:10px; color:#bebebe; height:28px;text-overflow:ellipsis;}
.slider > div > div ul  li dt img { width:70px; height:105px; border:1px solid #333; }
.slider > div div.event { width:100%; text-align:center; }
.slider > div div.event img {width:100%; text-align:center;}
.sliderPaging {clear:both;margin-top:5px; text-align:center;}
.sliderPaging ul {display:inline-block;}
.sliderPaging li {
	float:left; cursor:pointer;
	width:8px; height:8px;
	overflow:hidden;
	margin:0 6px;
	background-color:#696969;
	-webkit-border-top-left-radius:.4em;
	-webkit-border-top-right-radius:.4em;
	-webkit-border-bottom-left-radius:.4em;
	-webkit-border-bottom-right-radius:.4em;
	-moz-border-radius-topleft:.4em;
	-moz-border-radius-topright:.4em;
	-moz-border-radius-bottomleft:.4em;
	-moz-border-radius-bottomright:.4em;
}
.sliderPaging li.active { background-color:#fff; }

.sliderArea > div.btn { clear:both;margin-top:10px; text-align:center; }
.mainBtn .button.type12 a {margin-left:25px;margin-right:12px;}
.mainBtn.btnGuide a {height:51px;margin-top:-5px;}
.mainBtn.btnGuide .layer {width:100px; height:50px; text-align:left;margin:0 auto;margin-top:5px;}
.mainBtn.btnGuide .layer .text{height:50px;line-height:18px;padding-top:7px;}
.btn_category { clear:both;margin-top:10px; text-align:center; }

/*====================================================*/

.main .mainSliderArea .sliderbg {
	background:url('../../../image/mobile/basic/btn/main_bg.png'); overflow:visible; color:#fff; background-size:8px 228px; -webkit-background-size:8px 228px;
	padding-bottom:15px;	
}

.main .menu{
	height:80px;
	background:#2A2B30;
	border-top:1px solid #424348; 
}
.main .menu li { width:50%;font-size:.9em;}
.main .menu li .mainBtn{padding:13px 5px;}
.main .menu li:nth-child(1) .mainBtn{padding-left:10px;}
.main .menu li:nth-child(2) .mainBtn{padding-right:10px;}
.main .menu span.button { width:100%;}
.main .menu li span span{ position:absolute; top:2px; left:10px; z-index:9999; margin-top:0px; width:20px; height:40px;}
.main .menu li span span.ebookguide { background:url('../../../image/mobile/basic/icon/mobile_icon.png') 50% 7px no-repeat; background-size:20px 30px;-webkit-background-size:20px 30px;}
.main .menu li span span.ebookguide a {line-height:18px;padding-top:8px;padding-bottom:10px;}
.main .menu li span span.category { background:url('../../../image/mobile/basic/icon/areal_icon.png') 50% 7px no-repeat; background-size:20px 30px;-webkit-background-size:20px 30px;}

.mobileTopBanner{width:100%;background-color: #2A2B30;margin-left:auto;margin-right:auto;border-bottom:1px solid #000;border-top:1px solid #555;}
.bannerArea {width:304px; margin:0px auto;}
.bannerArea img{width:304px;height:117px;border:#000;}
.bannerArea .sliderPaging {margin-top:0px;}
.bannerArea .sliderbg {padding-bottom:16px;}
.bannerArea .slider {width:304px;}
.bannerArea .slider > div > div ul li a {width:304px;}

/*=========================================================*/
/*================USER ====================================*/
/*=========================================================*/
.tab4List { clear:both; }
.loginArea { padding:23px 19px; overflow:hidden;}
.loginArea > p { text-align:center; font-size:.813em;}
.loginArea > p.error {color:#ff6431;}
.loginArea > p.loginText { font-size:.85em;}
.loginArea > p:nth-child(2) { margin-top:10px;}
.loginArea > p:nth-child(3) { margin-top:18px;}
.loginArea > p:nth-child(4) { margin-top:5px;}
.loginArea > p  a{color:#FFF;}
.loginArea .FormArea { width:100%; margin:0 auto; padding:27px 0 25px 0; position:relative;}
.loginArea .FormArea input { height:24px; }
.loginArea .FormArea p.pwd { margin-top:2px; }
.loginArea .FormArea p.id, .loginArea .FormArea p.pwd { padding-right:60px; }
.loginArea .FormArea p.btn { position:absolute; right:0px; top:27px; height:54px; width:54px; }
.loginArea .FormArea p.btn input[type='submit'] {left:2px; vertical-align:top; cursor:pointer; text-align:center;width:54px;background-position:right -234px; height:54px; color:#fff;
	-moz-box-shadow: 1px 1px 0px 0px #a6a6a6;
	-webkit-box-shadow: 1px 1px 0px 0px #a6a6a6;
	box-shadow: 1px 1px 0px 0px rgba(193,193,219,0.2);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5a5a64), color-stop(1, #37393f));
	background:-moz-linear-gradient(top, #5a5a64 5%, #37393f 100%);
	background:-webkit-linear-gradient(top, #5a5a64 5%, #37393f 100%);
	background:-o-linear-gradient(top, #5a5a64 5%, #37393f 100%);
	background:-ms-linear-gradient(top, #5a5a64 5%, #37393f 100%);
	background:linear-gradient(to bottom, #5a5a64 5%, #37393f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5a64', endColorstr='#37393f',GradientType=0);
	background-color:#5a5a64;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #000000;
}
.loginArea .login_btns { clear:both; padding-top:25px; text-align:center;}
.loginArea .login_btns a { width:136px; padding:0; }

.loginArea span.idpwsave ul li{ position:relative; float:left; width:45%; height:20px;margin-left:10px; font-size:.813em;}
.loginArea span.idpwsave ul li input{position:absolute; top:0px; padding:0px; margin:0px;}
.loginArea span.idpwsave ul li p{margin-left:25px;}

.loginGuide > p  {text-align:left; font-size:.813em; color:#88888A; padding:21px;}
.loginGuide > p  a{color:#88888A;}

/*=========================================================*/
/*================BBS ====================================*/
/*=========================================================*/
.bbsListArea { position:relative;overflow:hidden;height:auto; }
.bbsListArea > a { display:block; color:#fff; clear:both; }
.bbsListArea .explain, .bbsListArea .pap {font-size:.750em;color:#bbb; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.bbsListArea .price {color:#ff9801;}
.bbsListArea .price > p { display:inline-block; height:20px; line-height:20px; }
.bbsListArea .price .save_text { color:#8bb806;}

.bbs_list {position:relative;overflow:hidden; width:100%; text-align:left;}
.bbs_list dl { overflow:hidden; }
.bbs_list dd.rank_book { padding:13px 0px 0px 11px; }
.bbs_list .list {position:relative;height:61px;}
.bbs_list .list .title {overflow:hidden; margin-right:25px; white-space:nowrap;color:#fff;text-overflow:ellipsis;-o-text-overflow:ellipsis;font-size:.875em; }
.bbs_list .list .pap {padding-top:7px;}
.bbs_list .list .pap .qna{color:#69bacf}
.bbs_list .list .pap .qna .anstrue{display:none;}
.bbs_list .list .pap .qna .ansfalse{display:none;}
.bbs_list .list .pap .qna.ans_true .anstrue{ display:inline;}
.bbs_list .list .pap .qna.ans_false .ansfalse{ display:inline;}
.bbs_list .list .faq {color:#ff6534;}
.bbs_list .content {position:relative; display:none;border-top:1px solid #000; background:#1B1C20; font-size:0.875em; line-height:1.4em; padding:15px 11px 15px 11px;}
.bbs_list .content .faq {color:#ff6534;}
.bbs_list span.new { color:#fb8c32; padding-left:5px; }
.bbs_list span.s_adult { margin-left:5px; }

.bbs_list .rank_book span.indicator {position: absolute;width: 12px;height: 9px;top: 26px;right: 10px;background: url('../../../image/mobile/basic/icon/icon_phone_x2.png') no-repeat;background-size: 600px 113px;-webkit-background-size: 600px 113px;background-position: -88px -52px;display: block;padding: 0px;}
.bbs_list .rank_book.active span.indicator {background:url('../../../image/mobile/basic/icon/icon_phone_x2.png') no-repeat; background-size:600px 113px; webkit-background-size:600px 113px; background-position:-110px -52px;}

.bbs_list .rank_book.qna span.indicator {position: absolute;width: 11px;height: 12px;top: 26px;right: 10px;background: url('../../../image/mobile/basic/icon/icon_phone_x2.png') no-repeat;background-size: 600px 113px;-webkit-background-size: 600px 113px;background-position: -208px -50px;display: block;padding: 0px;}

.bbs_bottom {position:relative;clear:both;}
.button_wrap{width:100%;background-color:#2A2B30; border-top: 1px solid #555; border-bottom:1px solid #000;padding: 5px 7px;}
.button_wrap .button.type5, .button_wrap .button.type5 a{width:95%; margin: 0 auto;}

.bbs_write .middle {height:80px;background-color:#2A2B30; border-top: 1px solid #555; border-bottom: 1px solid black; font-size:.833em; padding:8px;}
.bbs_write .middle2 {height:50px;background-color:#2A2B30; border-top: 1px solid #555; border-bottom: 1px solid black; font-size:.833em; padding:8px;}
.bbs_write .middle ul > li, .bbs_write .middle2 ul > li { float:left; width:100%;padding-right:100px;}
.bbs_write .middle ul > li:nth-child(2) dt, .bbs_write .middle2 ul > li:nth-child(2) dt {padding-top:5px;}
.bbs_write .middle ul > li > dl, .bbs_write .middle2 ul > li > dl {padding:5px;}
.bbs_write .middle ul > li > dl > dt, .bbs_write .middle2 ul > li > dl > dt { width:55px; float:left;}
.bbs_write .middle ul > li > dl > dd, .bbs_write .middle2 ul > li > dl > dd { display:inline; float:left;}
.bbs_write .middle ul > li > dl > dd > input, .bbs_write .middle2 ul > li > dl > dd > input{height:24px;}

.bbs_write div .error{	color: rgb(255, 100, 49); line-height: 30px;}
.bbs_write div ul li dl .subject_title{	white-space: nowrap;}
.bbs_write div ul li dl .subject_value{width: 80%;}
.bbs_write div ul li dl .checkPop{width: 100%;padding-left: 60px;padding-top:5px;}
.bbs_write div ul li dl .checkPop .popup_yn{height:15px;margin-top:3px;}
.bbs_write div ul li dl .checkPop span {padding-left:8px;padding-bottom:5px;}
.bbs_write .textArea {font-size: .833em;}
.bbs_write .textArea {position:relative;padding:10px 15px 10px 10px;background-color:#2A2B30; border-top: 1px solid #555; border-bottom: 1px solid black;left:-2px;}
.bbs_write .textArea textarea { 
		-webkit-border-top-left-radius: .3em;
		-webkit-border-top-right-radius: .3em;
		-webkit-border-bottom-left-radius: .3em;
		-webkit-border-bottom-right-radius: .3em;
		-moz-border-radius-topleft: .3em;
		-moz-border-radius-topright: .3em;
		-moz-border-radius-bottomleft: .3em;
		-moz-border-radius-bottomright: .3em;
		border-top-left-radius: 0.3em;
		border-top-right-radius: 0.3em;
		border-bottom-left-radius: 0.3em;
		border-bottom-right-radius: 0.3em;
		height:200px;
		background-color:#ccc;
		border:1px solid #000;
}

.button_post { background-color:#1B1C20;height:47px; margin-top:10px; text-align:center;}
.button_post .button.type5 {margin:3px;}

.dp_none {display:none;}

.bbs_view dl { overflow:hidden; }
.bbs_view dd.rank_book { padding:13px 0px 0px 11px; }
.bbs_view .subject {position:relative;height:39px;background-color: #2A2B30; border-top: 1px solid #555; border-bottom: 1px solid black; padding:10px;}
.bbs_view .subject .title {overflow:hidden;white-space:nowrap;color:#fff;text-overflow:ellipsis;-o-text-overflow:ellipsis;font-size:.875em; }
.bbs_view .subject .pap {padding-top:7px;font-size:.8em;}
.bbs_view .qna{color:#69bacf}
.bbs_view .subject .pap .qna .anstrue{display:none;}
.bbs_view .subject .pap .qna .ansfalse{display:none;}
.bbs_view .subject .pap .qna.ans_true .anstrue{ display:inline;}
.bbs_view .subject .pap .qna.ans_false .ansfalse{ display:inline;}
.bbs_view .content {position:relative; border-top: 1px solid #555; border-bottom: 1px solid black; background:#2A2B30;font-size:0.875em; line-height:1.5em; padding:15px 11px 15px 15px;}

.button_befnext	{position:relative;width:100%;padding:15px 5px 15px 5px;}
.btnleft {width:100%;}
.btnright {position:absolute;right:17px;}

.bbs_view.answer .subject	{background-color:#32363f;}
.bbs_view.answer .content	{background-color:#32363f;}


/*=========================================================*/
/*================ GUIDE ====================================*/
/*=========================================================*/
.guide .tab1{text-align: center;	background-color: #2A2B30; padding:10px 0px 100px 0px;}
.guide .tab1 li{padding:5px 5px 0px 5px;}
.guide .tab1 li .guideBtn{padding:5px 10px 0px 0px;width:100%;}
.guideBtn .button.type12 {width:95%; margin:0 auto;left:-2px;font-size:1em;}
.guideBtn .button.type12 a {width:95%; margin:0 2px;font-size:1em;} 
.guideBtn .button.type12 a img.kyobo{height:35px;padding-top:5px;}
.guideBtn .button.type12 a img.woori{height:32px;padding-top:8px;}
.guideBtn .button.type12 a img.opms{height:30px;padding-top:8px;}
.guideBtn .button.type12 a img.y2books{height:35px;padding-top:8px;}

.appInfo div .app_title{text-align: center;}
.appContents .contentsLine{ height: 157px; }
.appContents .contentsLine .contentsDesc {text-align:center; line-height: 50px; white-space: nowrap; color:#909195; font-size: 0.8em;}
.appContents .contentsLine ul li {float:left; width:50%; text-align:center;}
.appContents .contentsLine.android ul li {float:left; width:100%; text-align:center;}

/*=========================================================*/
/*================ PRODUCT ====================================*/
/*=========================================================*/
.category {overflow:hidden;}
.category ul {margin:8px 7px;	overflow:hidden;}
.category ul li {position:relative;width:49.5%;float:left;border-top:1px solid #555;border-left:1px solid #404042;border-right:1px solid #151517;border-bottom:1px solid #000;background-color:#2A2B30;height:37px;line-height:37px;}
.category ul li.active {border:1px solid #1B1C20;background-color:#2B90AE;border-bottom:1px solid #2B90AE;}
.category ul li a {color:#FFF;display:block;}
.category ul li.active a {color:#fff;}
.category ul li.middle {background-color:#1B1C20;	width:98%;border-left:1px solid #1B1C20;display:none;}
.category ul li.middle_content {background-color:#1B1C20;width:98%;border-left:1px solid #1B1C20;border-top:none;border-bottom:none;height:inherit;display:none;}
/*=====================================*/
.category ul li.middle {border:2px solid #2B90AE;border-bottom:none;overflow:hidden;}
.category ul li.middle_content {border:2px solid #2B90AE;	border-top:none;	overflow:hidden;}
/*=====================================*/
.category ul li.middle_content ul li {	background-color:#1B1C20;width:49%;}
.category ul li a span {width:73%;font-size:.85em;display:block;padding-left:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.category ul li span.indicator {position:absolute;width:12px;height:9px;top:14px;right:10px;width:12px; height:9px; background:url('../../../image/mobile/basic/icon/icon_phone_x2.png') no-repeat; background-size:600px 113px; -webkit-background-size:600px 113px; background-position:-88px -52px;display:block;padding:0px;}
.category ul li.odd {border-left:none;}
.category ul li.active span.indicator {width:12px; height:9px; background:url('../../../image/mobile/basic/icon/icon_phone_x2.png') no-repeat; background-size:600px 113px; webkit-background-size:600px 113px; background-position:-110px -52px;}
.category ul li.middle_content ul li:nth-child(odd) {border-left:none;}
.category ul li.middle_content ul li:nth-child(even) {border-right:none;width:49.95%;}
.category .middle_content ul {margin:0px;}

.category_new {overflow:hidden;}
.category_new ul {margin:8px 7px;	overflow:hidden;}
.category_new ul li {position:relative;width:49.5%;float:left;border-top:1px solid #555;border-left:1px solid #404042;border-right:1px solid #151517;border-bottom:1px solid #000;background-color:#2A2B30;height:37px;line-height:37px;}
.category_new ul li.active {border:1px solid #1B1C20;background-color:#2B90AE;border-bottom:1px solid #2B90AE;}
.category_new ul li a {color:#FFF;display:block;}
.category_new ul li.active a {color:#fff;}
.category_new ul li.middle {background-color:#1B1C20;	width:98%;border-left:1px solid #1B1C20;	display:none;}
.category_new ul li.middle_content {background-color:#1B1C20;width:98%;border-left:1px solid #1B1C20;border-top:none;border-bottom:none;height:inherit;display:none;}
/*=====================================*/
.category_new ul li.middle {border:2px solid #2B90AE;border-bottom:none;overflow:hidden;}
.category_new ul li.middle_content {border:2px solid #2B90AE;	border-top:none;	overflow:hidden;}
/*=====================================*/
.category_new ul li.middle_content ul li {	background-color:#1B1C20;width:49%;}
.category_new ul li a span {	width:73%;font-size:.85em;display:block;padding-left:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.category_new ul li span.indicator {position:absolute;width:12px;height:9px;top:14px;right:10px;width:12px; height:9px; background:url('../../../image/mobile/basic/icon/icon_phone_x2.png') no-repeat; background-size:600px 113px; -webkit-background-size:600px 113px; background-position:-88px -52px;display:block;padding:0px;}
.category_new ul li.odd {border-left:none;}
.category_new ul li.active span.indicator {width:12px; height:9px; background:url('../../../image/mobile/basic/icon/icon_phone_x2.png') no-repeat; background-size:600px 113px; webkit-background-size:600px 113px; background-position:-110px -52px;}
.category_new ul li.middle_content ul li:nth-child(odd) {border-left:none;}
.category_new ul li.middle_content ul li:nth-child(even) {border-right:none;}
.category_new .middle_content ul {margin:0px;}

.category_sort { clear:both; overflow:hidden;background-color:#2A2B30;}
.category_sort li { float:left; width:50%; text-align:center; line-height:40px; height:40px; }
.category_sort label span {padding-left:20px;font-size:.875em;}

.category_title_new {position:relative;cursor:pointer;}
.category_title_new span.indicator {position:absolute;width:12px;height:9px;top:14px;right:10px;width:12px; height:9px; background:url('../../../image/mobile/basic/icon/icon_phone_x2.png') no-repeat; background-size:600px 113px; -webkit-background-size:600px 113px; background-position:-88px -52px;display:block;padding:0px;}
.category_title_new.active span.indicator {width:12px; height:9px; background:url('../../../image/mobile/basic/icon/icon_phone_x2.png') no-repeat; background-size:600px 113px; webkit-background-size:600px 113px; background-position:-110px -52px;}

.category_title {position:relative;cursor:pointer;}
.category_title span.indicator {position:absolute;width:12px;height:9px;top:14px;right:10px;width:12px; height:9px; background:url('../../../image/mobile/basic/icon/icon_phone_x2.png') no-repeat; background-size:600px 113px; -webkit-background-size:600px 113px; background-position:-88px -52px;display:block;padding:0px;}
.category_title.active span.indicator {width:12px; height:9px; background:url('../../../image/mobile/basic/icon/icon_phone_x2.png') no-repeat; background-size:600px 113px; webkit-background-size:600px 113px; background-position:-110px -52px;}


/*======================= List =======================*/
.ListArea { position:relative;overflow:hidden; }
.ListArea > a { display:block; color:#fff; clear:both; }
.ListArea .explain, .ListArea .pap {font-size:.750em;color:#bbb; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.ListArea .price {color:#ff9801;}
.ListArea .price > p { display:inline-block; height:20px; line-height:20px; }
.ListArea .price .save_text { color:#8bb806;}
.list3 {overflow:hidden; width:100%; height:80px; text-align:left;}
.list3 dl { overflow:hidden; }
.list3 > dl > dt.book_img { float:left; padding:7px 0 0 7px; }
.list3 > dl > dt img { width:46px; height:64px; box-shadow:1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; }
.list3 dd.rank { float:left; padding:11px 7px 0 7px; color:#939192; height:67px;font-size:.875em;}
.list3 dd.rank_book { padding-top:11px; }
.list3 .title {overflow:hidden;white-space:nowrap;color:#fff;text-overflow:ellipsis;-o-text-overflow:ellipsis;font-size:.875em; }
.list3 span.new { color:#fb8c32; padding-left:5px; }
.list3 span.s_adult { margin-left:5px; }
.rank_book .pap { padding-top:3px; }
.rank_book .explain { margin-top:5px; }
.rank_book .price { margin-top:8px; font-size:.750em;}
.rank_book .price .save_text { margin-left:40px;}
.rank_book .price .save_text .save-p { padding-left:5px; padding-top:2px;vertical-align:middle;}

.check_list1 { position:relative; clear:both; height:40px;}
.check_list1 input[type='checkbox'] { position:absolute; top:13px; left:10px; }
.check_list1 .rpos { position:absolute; top:0; right:16px; }
.check_list1 .title {height:40px; line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.check_list1 .title a {display:block; height:40px; line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}

.check_list2 { position:relative; clear:both; height:60px;}
.check_list2 input[type='checkbox'] {position:absolute; top:21px;left:10px;}
.check_list2 .list_area { padding-left:40px; }

.check_list3 { position:relative; clear:both; height:80px; }
.check_list3 input[type='checkbox'] {position:absolute; top:33px; left:10px;}
.check_list3 .list_area { padding-left:30px; }
/*====================================================*/


/*======================= list =======================*/
.searchRecom .searchRecom_bg {text-align: center;padding: 10px;}
.searchRecom {clear: both;background-color: #2A2B30;	overflow: hidden;font-size: .875em;}
.searchRecom div ul li {float: left;width: 33%;	height: 35px;line-height: 37px;	text-align: center;}
.searchRecom .categorySelectBtnArrow1 {top:136px;}
.searchSort.hide {display:none;}
.searchSort .searchSort_bg .bookCnt {text-align: center;padding-top: 10px;}
.searchSort .searchSort_bg .bookCnt .bookCnt_bg {color: rgb(78, 203, 225);}
.searchSort {clear: both;background-color: #1B1C20;	overflow: hidden;font-size: .875em;}
.searchSort div ul li {float: left;width: 95%;	height: 35px;line-height: 37px;	text-align: center;margin-left:10px;margin-bottom:5px;}
.searchSort div ul li .categorySelectBtnArrow1 {position:relative;}
.book_list ul li > div {position: relative;height: 100px;border-top: 1px solid #555;border-bottom: 1px solid #000;}
.book_list.scrap ul li > div {height: 125px;}
.book_list ul li > div img.cover {position: absolute;	top: 11px;	left: 7px;	width: 54px;height: 77px;box-shadow: 1px 1px 3px black;	-webkit-box-shadow: 1px 1px 3px black;}
.book_list ul li > div a {display: block;	height: 100%;}
.book_list ul li > div dl {padding-left: 76px;padding-top: 8px;overflow: hidden;}
.book_list ul li > div dl.btn {text-align:right;padding-right:10px;}
.book_list ul li > div dl dt {font-size: 0.9em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top: 2px;}
.book_list ul li > div dl dd {position: relative;	margin-top: 3px;color: #A1A2A4;	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.book_list ul li  >div dl dd.desc {font-size: 0.75em;	letter-spacing: -1px; padding-left: 3px;}
.book_list ul li  >div dl dd.desc span.bold{color:#4ecbe1;font-weight:bold;padding:0 2px;}

.book_list ul li > div:nth-child(odd) {background-color: #2A2B30;}
.book_list ul li > div:nth-child(even) {background-color: #32363F;}
.book_list ul li > div dl div.iconpad {width: 100%; padding:5px 20px 0px 4px;}
.book_list ul li > div dl div.iconpad li {float:left;width: 33.33%; }
.book_list ul li > div dl div span { float:left;margin-right:10px;}
.book_list ul li > div dl div p { float:left;}
.book_list ul li > div dl div.iconpad li:nth-child(2) {margin-left:-7px;}
.book_list ul li > div dl div.iconpad li:nth-child(3) {margin-left:-10px;color:#4ECBE1;}
section.search_empty {text-align: center;color: #EBEDEC;padding: 30px 0px;background-color:#2A2B30;border-bottom: 1px solid #000;display: none;	font-size: 0.9em;}
section.title p {background-color: #2a2b30; font-size: 1em;text-align: center;	padding: 11px;}
.searchMenu-bg {background-color: rgb(42, 43, 48);font-size: 1em;text-align: center;padding: 10px;}
.searchSort .categorySelectBtnArrow1 {float:right;top:-34px;right:-5px;}

/*======================= viewÆäÀÌÁö°ü·Ã =======================*/
 .detailSergeArea .serge dl dd span.dispMode{display : none;}
.mobileViewContents .detailArea {padding: 9px 15px;}
.mobileViewContents .detailArea p.title {color: #fff;}
.mobileViewContents .detailArea p.explain {	color: #b4b4b4;	line-height: 1.6em;	font-size: .875em;}
.mobileViewContents .detailArea p.more {text-align: center;	margin-top: 10px;}
.mobileViewContents div .detailInfoArea {padding: 10px 0;}
.mobileViewContents div .detailInfoArea dl {overflow: hidden;}
.mobileViewContents div .detailInfoArea dt {float: left;height:165px;}
.mobileViewContents div .detailInfoArea dt img {width: 84px;height: 120px;box-shadow: 2px 2px 3px #000;	-webkit-box-shadow: 2px 2px 3px #000;}
.mobileViewContents div .detailInfoArea dt span {margin-top:10px;}
.mobileViewContents div .detailInfoArea dt span.button.type5 a {width: 85px;padding: 0;}
.mobileViewContents div .detailInfoArea dd {padding-left: 17px;	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-size: .813em}
.mobileViewContents div .detailInfoArea dd.tts {background:url('../../../image/mobile/basic/icon/tts.png') no-repeat left;background-size: 20px 14px; background-position:16px 10px;}
.mobileViewContents div .detailInfoArea dd.tts span{margin:10px 0 0 27px; display: inline-block;}
.mobileViewContents div .detailInfoArea dd.publisher,.detailInfoArea dd.publish_date,.detailInfoArea dd.supplier,.detailInfoArea dd.fixed_price,.detailInfoArea dd.price,.detailInfoArea dd.save{padding-top: 5px;}
.mobileViewContents div .detailInfoArea dd.publish_date span.bold {color:#4ecbe1;font-weight:bold;}
.mobileViewContents div .detailInfoArea dd.current ul.lendStatus {clear:both;}
.mobileViewContents div .detailInfoArea dd.current ul.lendStatus li{float:left;padding-right:6px;}
.mobileViewContents div .detailInfoArea dd.current ul.lendStatus li span{margin-top: 2px; vertical-align: middle; padding-left:1px;}
.mobileViewContents .detailBtnArea {padding: 5px 15px 4px 15px;text-align: center;border-bottom: 1px solid #000;height:30px;}
.mobileViewContents .detailBtnArea.odd {border-top:1px solid #ccc;}
.mobileViewContents .detailBtnArea ul {width: 100%;	overflow: hidden;}
.mobileViewContents .detailBtnArea li {float: left;	text-align: center;padding-bottom:1px;}
.mobileViewContents .detailBtnArea ul.book li:nth-child(1),.detailBtnArea ul.book li:nth-child(2){width: 100%;}
.mobileViewContents .detailBtnArea ul.book li:nth-child(3) {width: 20%;}
.mobileViewContents .detailBtnArea.recom ul.book li {width:49%;text-align:center;}
.mobileViewContents .detailBtnArea.recom ul.book li:nth-child(2) {margin-left:5px;}
.mobileViewContents .detailBtnArea ul.serial li {width: 50%;}
.mobileViewContents .detailBtnArea span.button.type5 {width:85px;}
.mobileViewContents .detailBtnArea span.button.type2,.mobileViewContents .detailBtnArea span.button.type3 {width:99%;}
.mobileViewContents .detailBtnArea span.button a {display: block;}
.mobileViewDetail .detailSergeArea {background-color: #2a2b30;}
.mobileViewContents .detailBtnArea.recom span.button.type5 {width:99%;}
.mobileViewDetail .detailSergeArea #serge dd.more {margin-top: 20px;}
.mobileViewDetail .detailSergeArea #serge {clear: both;border-bottom: 1px solid #000;}
.mobileViewDetail .detailSergeArea #serge dl {	padding: 16px 16px;	border-top: 1px solid #555;	border-bottom: 1px solid #000;}
.mobileViewDetail .detailSergeArea #serge dl:nth-child(1) {border-bottom: 1px solid #000;	border-top: 0;}
.mobileViewDetail .detailSergeArea #serge dl:last-child {border-bottom: 0;}
.mobileViewDetail .detailSergeArea #serge dt {color: #fff;}
.mobileViewDetail .detailSergeArea #serge dd.detail_explain {margin-top: 15px;	color: #b4b4b4;	line-height: 1.6em;	font-size: .875em;}
.mobileViewContents div .detailInfoArea .terminals, .current {padding-top: 5px;}
.mobileViewDetail div .rtabArea ul li.sergetab {width: 100%;}


/*======================= lendÆäÀÌÁö =======================*/

.lend_list dl dt {font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;	margin-bottom: 8px;}
.lend_list dl dt a{color:#ffffff;}
.lend_list dl dd {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: rgb(161, 162, 164);font-size: 0.75em;}
.lend_list ul li>div {padding: 13px 10px 13px 15px;}
.lend_list ul li>div .btn_group {margin-top: 10px;}
.lend_list ul li>div .btn_group li:first-child {float: left;}
.lend_list ul li>div .btn_group li:last-child {	float: right; text-align: right;}
.lend_list ul li>div .btn_group2 {margin-top: 50px;}
.lend_list ul li>div .btn_group2 li {font-size:14px;}
.lend_list ul li>div .btn_group2 li span{margin-right:10px;}
.lend_list ul li>div.simple {position: relative;height: 53px;padding: 13px 18px;}
.lend_list ul li>div.simple .btn_group {margin-top: 10px;position: absolute;bottom: 14px;right: 18px;}
.lend_list ul li>div:nth-child(even) {background-color: #32363F;}
.lend_list ul li>div:first-child {border-top: none;}
.mobileLendTab .rtab_area {
	clear: both;padding: 0 6px;	height: 41px;
	background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,42,44) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,0,0)),
		color-stop(1, rgb(41,42,44))
	);
}
.mobileLendTab .rtab_nobg {
	padding:7px 20px 10px 20px;
	clear: both;height: 31px;
	border-bottom:1px solid #32363f; 
	text-align:center;	
}
.mobileLendTab .rtab_nobg.lend_now{
	height:55px;
}

.mobileLendTab .rtab_nobg select.selectSort{margin-top:2px;}
.mobileLendTab .rtab_nobg select.selectSort.lend_now{margin-top:7px;}


.mobileLendTab .tserge {border-top: 1px solid #303135;}
.mobileLendTab div .rtab li {float: left;} 
.mobileLendTab div .rtab li a {display: block;	text-decoration: none;	height: 30px;	line-height: 30px;	color: #9a9a98;	font-size: 15px;	background-color: #3c3b43;	text-align: center;}
.mobileLendTab div .serge-tab {margin-top: 11px;}
.mobileLendTab div .serge-tab li a {width: 99%;-webkit-border-top-left-radius: .5em;-webkit-border-top-right-radius: .5em;	-moz-border-radius-topleft: .5em;	-moz-border-radius-topright: .5em;	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(18, 18, 20) ), color-stop(1, rgb(50, 50, 56) ) );}
.mobileLendTab div .serge-tab li a.active {color: #4ECBE1;	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(42, 43, 48) ), color-stop(1, rgb(70, 70, 80) ) );}
.mobileLendTab .my ul.serge-tab li a { font-size: 1em;	letter-spacing: -1px;}
.mobileLendTab div .serge-tab-3 li {width: 49%;}
.lend_list div .content_dl {line-height: 17px;}
.lend_list div .content_dl dd span.lenddate_spacing {display: inline-block; width: 130px;}
/*.lend_list .lendlist_div {height: 115px;}*/
.lend_list .lendlist_div .btn_group ul li span .bookRead_btn {padding-left: 5px !important;}
.lend_list .lendlist_div .btn_group ul li span.read_btn{margin-right:7px;}
.lend_list .lendlist_div .btn_group ul li span.extend_btn{margin-right:7px;}
.lend_list div .reserve_cancel{text-align:right;}
.lend_list ul {	height : auto !important;}


/*=========================================================*/
/*================ ADMIN ====================================*/
/*=========================================================*/
.admin .tab1{text-align: center;	background-color: #2A2B30;}
.admin .tab1 li{padding:5px 5px 0px 5px;}
.admin .tab1 li .adminBtn{padding:5px 5px 0px 0px;width:100%;}
.admin .tab1 li:nth-child(1) {padding-top:10px;}
.admin .tab1 li:nth-child(2) {padding-bottom:100px;}
.adminBtn .button.type12 {width:95%; margin:0 auto;left:-2px;font-size:1em;}
.adminBtn .button.type12 a {width:95%; margin:0 2px;}

/*manage, statistics °ü·Ã*/
.adminEmpty .emptyLine{clear:both; height:19px; border-top:1px solid rgb(85, 85, 85); border-bottom: 1px solid black; background-color: rgb(42, 43, 48);}

.manageTitle .titleHeight{height:53px; line-height: 50px;	font-size: .95em;	padding-left: 3px;}
.manageTitle .titleHeight2{font-size: .95em;}
.manageTitle div .titleButtonHeight{top:12px !important;}
.manageCount .title .countTitleBody{border-top: 1px solid rgb(85, 85, 85);	white-space: nowrap;background-color:#32363F;	border-left: 1px solid #555;border-right: 1px solid #555;}
.manageCount .title .countTitleBody .countTitle{float:left; width: 24.7%;height:39px; line-height: 40px; 	text-align: center;	border-right:1px solid rgb(85, 85, 85);	background-color:#32363F;font-size: .85em;}
.manageCount .title .countTitleBody .countTitle2{height:39px; line-height: 40px; text-align: center;font-size: .85em;}
.manageCount .value .countValueBody{border-top: 1px solid rgb(85, 85, 85);	white-space: nowrap;	background-color: rgb(42, 43, 48);	height: 39px;border-left: 1px solid #555;border-right: 1px solid #555;}
.manageCount .value .countValueBody .countValue{float:left; width: 24.7%;line-height: 39px; text-align: center;border-right:1px solid rgb(85, 85, 85);background-color: rgb(42, 43, 48);}
.manageCount .value .countValueBody .countValue2{float:left; width: 25%;line-height: 39px; text-align: center;}
.manageCount .value .countValueBody li input{width:70% !important;text-align:center;	}

.statisticsTitle .titleHeight2{font-size: .95em;}
.statisticsTitle .statisticsSubTitle{height: 65px;padding-left: 10px;padding-right: 10px;line-height: 30px;}
.statisticsDesc .detailTitleArea.staticsTitleBgDk {background-color:#1B1C20;}
.statisticsDesc div .textOverflow{white-space: nowrap;}
.statisticsDesc div .categorySize {font-size: 0.85em;}
.statisticsSearch .statisticsFromTo{padding-top: 8px;padding-left: 10px;padding-right: 10px;	text-align: center;	height: 34px;}
.statisticsSearch .statisticsFromTo input{height: 24px;}
.statisticsSearch div .btnSearch{width: 100%;}
.statisticsSearch div .btnSearch a {width: 95%;}
.statisticsSearch .btn_padding{padding: 7px 20px 7px 20px ;}
.statisticsDesc div .textSize{font-size: 0.8em;	color:#999;text-align: center;	white-space: nowrap;}
.statisticsData .detailData{background-color: rgb(42, 43, 48);	border-left: 1px solid rgb(85, 85, 85);	border-right: 1px solid rgb(85, 85, 85);font-size: 0.95em;}
.statisticsData .detailData li .data_align{clear: both;text-align:	center;}
.statisticsData .detailData li .data_align .data_title{float: left;width: 30%;white-space: nowrap;	border-top:1px solid rgb(85, 85, 85);border-right:1px solid rgb(85, 85, 85);background-color: #32363F;}
.statisticsData .detailData li .data_align .data_value{border-top:1px solid rgb(85, 85, 85);}
.statisticsData .detailData li .data_align li{padding: 11px;}


/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	/*z-index:1;*/
}

.kswiper1,.kswiper2,.kswiper3,.kswiper4,.kswiper5 {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}