@import "../../css/font.css";

body{
	overflow:hidden;
	background-color:#e8e8e8;
	margin:0;
	padding:0;
}

html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea {margin:0;padding:0;border:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; padding:0; margin:0} 
ul,li,ol,dl,dd,dt {list-style:none; }
a:link,a:visited,a:active { text-decoration:none; }
a { text-decoration:none; }

.top-close{ position:absolute; top:2%; right:2%; cursor:pointer; z-index:1000; }
.img-response{ width: 100%; height: auto; }
	
.top_menu { display:none; }
.bottom2 { position:fixed; left:0; bottom:0; width:100%; background-color:#fff; padding:10px 0; z-index: 1000;}


.bt_left { float:left; width:35%; margin-top:4px; }
.bt_left ul { float:left; margin-left:30%; }
.bt_left ul li { float:left; margin-right:10px; }
.bt_left ul li a { display:inline-block; width:91px; border:2px solid #989696; font-family:"NotoSansd"; font-size:16px; color:#333; font-weight:bold; line-height:38px; border-radius:3px; }
.bt_left ul li .premonth { background:url("../../images/bt_premonth.jpg")no-repeat 10px 6px; padding-left:30px; }
.bt_left ul li .nextmonth { background:url("../../images/bt_nextmonth.jpg")no-repeat 68px 6px; padding:0 30px 0 15px; }

.bt_center { float:left; width:30%; text-align:center; }
.bt_center ul li { display:inline; }
.bt_center ul li img { width:40px; height:40px; }
.pagenumber { display:inline-block !important; width:80px; height:27px; border-radius:50px; vertical-align:top; background-color:#989696; padding:5px 20px; margin:2px 5px 0 5px; color:#fff; font-size:19px; }
.pagenumber input { width:100%; height:30px; border:none; background-color:transparent !important; color:#fff; font-size:19px; text-align:center; }
.pagenumber input:focus {outline:none;}

.bt_right { float:left; width:35%; margin-top:8px; }
.bt_right ul { float:right; margin-right:30%; }
.bt_right ul li { float:left; margin-right:15px; }

.pre_bt { position:absolute; top:40%; left:5%; }
.next_bt { position:absolute; top:40%; right:5%; }

.eb_search { position:absolute; top:5%; left:2%; width:260px; z-index:1000; }
.eb_search .eb_searchbox { width:210px; height:28px; padding:10px; background-color:#197cd9; background:#197cd9 url("../../images/eb_shicon.png")no-repeat 10px; padding-left:45px; }
.eb_search .eb_searchbox input { width:180px; height:28px; border:none; background-color:transparent !important; font-size:18px; color:#fff; }
.eb_search .eb_searchbox input[type=text]::-ms-clear{ display: none; }
.eb_search .eb_searchbox input:focus {outline:none;}
.eb_search .eb_searchbox span { display:inline-block; padding:5px 0 0 5px; }
.eb_search .eb_searchlist { clear:both; float:left; width:245px; min-height:310px; background-color:#fff; padding:15px 10px 0 10px; overflow:hidden; }
.eb_search .eb_searchlist dl { clear:both; float:left; margin-bottom:15px; cursor: pointer;}
.eb_search .eb_searchlist dt { float:left; width:80px; font-family:"NotoSansr"; font-size:15px; color:#333; }
.eb_search .eb_searchlist dd { float:left; width:150px; padding-left:10px; font-family:"NotoSansr"; font-size:15px; color:#333; text-overflow: ellipsis;height: 48px;line-height: 24px;overflow: hidden;}
.eb_search .eb_searchlist dd span { color:#197cd9; }
.eb_search .eb_searchlist .shpage { clear:both; float:left; width:70%; margin:10px 15% 15px 15%; }
.eb_search .eb_searchlist .shpage a { font-size:15px; color:#333; }
.eb_search .eb_searchlist .shpage li { display:inline-block; width:14%; float:left; text-aligin:center; }
.eb_search .eb_searchlist .shpage li.on a{color: blue;font-weight: 900;}


@media (max-width:1280px){

.bt_left { width:30%; }
.bt_left ul { margin-left:10%; }
.bt_center { width:40%; }
.bt_right { width:30%; }
.bt_right ul { margin-right:10%; }

}

@media (max-width:860px){
	
.bt_left { width:20%; }	
.bt_left ul { margin-left:5%; }
.bt_left ul li { margin-right:8px; }
.bt_left ul li a { width:55px; text-align:center; }
.bt_left ul li .premonth { background:none; padding-left:0; }
.bt_left ul li .nextmonth { background:none; padding:0; }
.bt_center { width:60%; }
.bt_right { width:20%; }
.bt_right ul { margin-right:5%; }

.bottom2 { padding:7px 0; }
}	

@media (max-width:768px) and (orientation: portrait) {

.top-close { position:absolute; top:2.5%; right:2%; }
.top-close img { width:65%; }
	
.top_menu { display:inline-block; position:absolute; top:2%; left:2%;z-index: 1000 }	
.top_menu li { float:left; margin-right:5px; }
.top_menu li:nth-child(2) { margin-right:15px; }
.top_menu li:nth-child(3) img { width:75%; margin-top:3px; }
.top_menu li:nth-child(4) img { width:75%; margin-top:3px; }
.top_menu ul li a { display:inline-block; width:55px; text-align:center; border:2px solid #989696; font-family:"NotoSansd"; font-size:14px; color:#333; font-weight:bold; line-height:30px; border-radius:3px; }
.bt_left { display:none; }
.bt_center { width:100%; }
.bt_right { display:none; }

}

@media (max-width:480px){
	
.bottom2 { padding:5px 0; }	
.pre_bt { display:none;  }
.next_bt { display:none; }

.bt_center ul li img { width:35px; height:35px; }	
.pagenumber { height:24px; padding:3px 20px 5px 20px; }

.eb_search { position:absolute; top:13%; left:4%; width:90%; height:450px; }
.eb_search .eb_searchbox { width:85%; padding:10px 10px 10px 15%; }
.eb_search .eb_searchbox input { width:90%; }
.eb_search .eb_searchlist { width:95%; min-height:300px; padding:15px 10px 0 5%; }
.eb_search .eb_searchlist dl { width:100%; }
.eb_search .eb_searchlist dt { width:25%; }
.eb_search .eb_searchlist dd { width:65%; padding-left:10px; }

}

@media (max-width:768px) and (orientation: landscape) {

.bottom2 { height:33px; padding:6px 0 7px 0; }
.bt_center ul li img { width:30px; height:30px; }
.pagenumber { height:20px; font-size:16px; margin:0 2px 0 2px; }
.pagenumber input { height:20px; }
.pre_bt { top:35%; }
.next_bt { top:35%; }
.pre_bt img { width:30px; height:100%; }
.next_bt img { width:30px; height:100%; }
.top-close img { width:25px; }

.bt_right { width:23%; margin-top:4px; }
.bt_left ul li { margin-right:4px; }
.bt_right ul li img { width:25px; }
.bt_left { width:23%; margin-top:0px; }
.bt_left ul li a { width:46px; font-size:14px; line-height:30px; border-radius:3px; }
.bt_center { width:54%; }

}

#canvas{
	margin-bottom: 40px;
}
.highlight {font-weight:900 !important;;color:blue !important;}