@charset "utf-8";
/* CSS Document */
.header-top li, .header-top .btn-link, #main-menu.navbar, #search .input-group .form-control, #cart .btn, .dropdown-menu, .product-head, .product-col .caption h4, .product-col .price, .product-col .btn-cart, .breadcrumb, .side-heading, .list-group-item, .product-filter, .pagination, .product-info .product-details, .tabs-panel .nav-tabs{
font-family:Myriad Pro, arial;
}
.sm-btn {
border-radius:0px;
font-size: 15px;
padding: 6px 0;
width: 90px;
}
.btn-sp img{
height:20px;
}
.btn-sk{
margin-bottom:5px;
width:68px;
text-align:center;
padding:8px;
}
.btn-sk img{
width:auto;
height:auto;
text-align:center;
}
.sk-brd{
border-color:#999;
border-style:solid;
border-width:1px;
padding:10px 0 5px 0px;
border-radius:8px;
}
.btn-sk-sub{
margin-bottom:5px;
width:108px;
text-align:center;
padding:0px;
min-height:35px;
}
.btn-sp{
margin-bottom:5px;
width:47px;
text-align:center;
padding:8px;
}
.btn-sp-blk{
margin-bottom:1px;
width:45px;
text-align:center;
padding:2px;
background-color:#999;
color:#FFF;
}
.btn-nxt-pre{
margin-top:28px;
width:20px;
text-align:center;
padding:4px;
color:#000;
font-weight:bold;
}
.sp-brd{
border-color:#999;
border-style:solid;
border-width:1px;
padding:10px 0 5px 0px;
border-radius:8px;
}
.sm-btn-add {
border-radius:0px;
font-size: 15px;
padding: 6px 0;
width: 98px;
}
.sm-btn-lag{
border-radius:0px;
font-size: 15px;
padding: 6px 0;
width: 130px;
}
.btn-fnt16{
font-size: 16px;
}
.sp-cm{
margin-bottom:6px;
}
.prf{
margin-right:8px;
float:left;
width:40px;
height:40px;
}
.prf_small{
margin-right:8px;
float:left;
width:32px;
height:32px;
}
.prf-base{
float:left;
width:80%;
overflow:hidden;
}
.src-ct{
height:450px;
overflow:auto;
}
ul, li, div,p{margin:0px;
padding:0px;
}
body{font-family:Myriad Pro, arial;
}
.logo{margin:10px 0;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
}
.navigation{
/*margin:25px 0;*/
padding-top:20px;
padding-bottom:10px;
/*margin-bottom:10px;*/
background-color:#004293;
}
.navigation .nav > li > a{color:#fff;
font-size:18px;
}
.navigation .nav > li > a:hover, .nav > li > a:focus {
background-color: #fff;
color:#004293;
text-decoration: none;
}
.navbar-toggle .icon-bar{border:1px solid #fff;
}
.navbar-toggle{background:#333;
}
.content_area
{
min-height:480px;
overflow:hidden;
}
.nav-bx{background:#f2f2f2;
min-height:480px;
overflow:hidden;
}
.navbar-nav.navbar-right:last-child {
margin-right: 0px;
}
.category{
min-height:480px;
}
.category .col-md-3.right-bx{background:#f2f2f2;
}
.category .col-md-9.left-bx{background:#f8f8f8;
padding-bottom:10px;
}
.option{overflow:hidden;
padding-top:15px;
}
.option-text{font-size:18px;
text-transform:uppercase;
color:#787878;
}
.option-box{
text-transform:uppercase;
background:#fff;
border:1px solid #cbdede;
overflow:hidden;
margin-bottom:10px;
padding:6px;
height:105px;
overflow:auto;
}
.option-box ul li{ list-style:none;
font-size:14px;
color:#737373;
padding-bottom:4px;
}
.option-box ul li .radio, .checkbox{
margin-bottom:0px;
margin-top:0px;
}
.search-bx{background:#cccccc;
overflow:hidden;
padding:10px 0;
}
.search-bx .form-control{height:40px;
border:1px solid #a8b2b2;
font-size:17px;
color:#737373;
}
.search-bx .src-btn {background:#000;
font-size:21px;
padding:4px 12px;
color:#fff;
border:1px solid #000;
}
.detail{margin-top:10px;
overflow:hidden;
padding:8px;
}
.detail ul li{ color:#454545;
font-size:14px;
padding-top:3px;
list-style:none;
}
.detail ul li span{ color:#000;
}
.two_rows{
height:40px;
}
.proper-btn{background:#cfcfcf;
font-size:12px;
color:#151515;
border:1px solid #bebebe;
margin-top:10px;
}
.dwnld-btn{background:#00c6dd;
font-size:12px;
color:#fff;
border:1px solid #00b1c6;
margin-top:10px;
}
.social li{float:left;
list-style:none;
padding-right:6px;
}
footer{ border-top:5px solid #000;
padding:10px 0;
}
.f-menu .nav > li > a{ color:#737373;
padding:0px 12px;
border-right:1px solid #737373;
border-radius:0px;
font-size:18px;
}
.f-menu .nav > li > a{ color:#737373;
font-size:18px;
}
.copy-right{font-size:14px;
color:#737373;
text-align:right;
}
.copy-right span{ color:#000;
}
.submit-btn{ font-size:20px;
color:#004293;
background:#fff;
border:#fff;
}
.navbar-brand{
padding:0px 0px 0px 10px;
}
blockquote {
border-left: none;
font-size: 17.5px;
margin: 0 0 10px;
padding: 10px 10px;
}
.top_margin{
margin-top:20px;
padding-top:5px;
}
.chapter_title {
font-size: 36px !important;
font-weight:bold;
margin-top: 15px;
text-align:center;
letter-spacing:5px;
/*margin-bottom: 15px; text-transform:uppercase;*/
font-family:Arial, Helvetica, sans-serif !important;
}
.chapter_heading {
font-size: 28px !important;
font-weight:bold;
/*margin-bottom: 15px;
margin-top: 15px;*/
text-align:left;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif !important;
}
.contentArea_size {
font-size: 18px !important;
font-family:Arial, Helvetica, sans-serif !important;
border:none;
}
.btn-key{
border-radius:0px;
font-size:16px;
width:34px;
height:34px;
margin-bottom:5px;
}
.kybrd-sc{
position:absolute;
width:40%;
right:0;
bottom:0;
}
/*.btn-key{
background:#3071A9;
color:#FFFFFF;
font-size:14px;
border:none;
padding:0 8px 8px;
padding-bottom:4px;
}*/
.border_cls{
border: 1px solid #ddd;
overflow:hidden;
min-height:150px;
}
.f_bold{
font-weight:bold;
}
.red_clr{
color: #FF0000;
}
div.stars {
width: 270px;
display: block;
}
input.star { display: none; }
label.star {
float: right;
padding: 2px;
font-size: 20px;
color: #444;
transition: all .2s;
}
input.star:checked ~ label.star:before {
content: '\f005';
color: #FD4;
transition: all .25s;
}
input.star-5:checked ~ label.star:before {
color: #FE7;
text-shadow: 0 0 20px #952;
}
input.star-1:checked ~ label.star:before { color: #F62; }
label.star:hover { transform: rotate(-15deg) scale(1.3); }
label.star:before {
content: '\f006';
font-family: FontAwesome;
}
.star-table {border-spacing: initial;word-break: break-word;line-height:1.8em;color:#333;}
.star-table th {background: #999;padding: 5px;text-align: left;color:#FFF;}
.star-table td {background-color: #ffffff;padding: 5px;}
.star-table td div.feed_title{text-decoration: none;color:#00d4ff;font-weight:bold;}
.star-table ul{margin:0;padding:0;}
.star-table li{cursor:pointer;list-style-type: none;display: inline-block;color: #F0F0F0;text-shadow: 0 0 1px #666666;font-size:20px;}
.star-table .highlight, .star-table .selected {color:#F4B30A;text-shadow: 0 0 1px #F48F0A;}
.page-header-profile {
border-bottom: 1px solid #eee;
margin: 20px 0;
padding-bottom: 9px;
}
.page-heading-profile {
margin: -20px 0 20px;
padding-bottom: 9px;
}
.f9{
font-size:9px;
}
.f10{
font-size:10px;
}
.f11{
font-size:11px;
}
.msg_receive{
padding-left:0;
margin-left:0;
}
.msg_sent{
padding-bottom:20px !important;
margin-right:0;
}
.messages {
background: white;
padding: 10px;
border-radius: 3px;
max-width:100%;
background-color:#f2f2f2;
}
.messages > p {
font-size: 13px;
margin: 0 0 0.2rem 0;
}
.messages > time {
font-size: 11px;
color: #ccc;
}
.msg_container {
padding: 10px;
overflow: hidden;
display: flex;
}
img {
display: block;
width: 100%;
}
.avatar {
position: relative;
}
.base_receive > .avatar:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border: 10px solid #f2f2f2;
border-left-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
}
.index_book{
background:url(../images/notebooks_2.png) no-repeat left top;
min-height:250px;
background-size:100%;
padding-top:110px;
text-align:center;
color: #fff;
font-size: 15px;
font-weight: bold;
}
.index_book span{
padding-top:130px;
font-size:15px;
font-weight:bold;
color:#fff;
}