body{background-color:white; font-size:14px; color:black; font-family:tahoma;}

@font-face {
	font-family: 'Prompt';
	src: url('../fonts/prompt/prompt-light-webfont.eot');
	src: local('☺'), url('../fonts/prompt/prompt-light-webfont.woff') format('woff'),url('../fonts/prompt/prompt-light-webfont.woff2') format('woff2'), url('../fonts/prompt/prompt-light-webfont.ttf') format('truetype'), url('../fonts/prompt/prompt-light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* remember to define focus styles! */
:focus {outline: none;}

#bgtop{width: 100%; height:45px;  background-color:#fff; background-repeat:repeat-x; }
#bgtop-gold{width: 100%; height:2px;  background-color:#ecb632; background-repeat:repeat-x; }
#bgbotton{width: 100%; height:8px;  background-color:#ecb632; background-repeat:repeat-x; }
#bg-gray-top {background-color:#ecf0f1; background-image:url("../images/bg-highlight.jpg"); background-repeat:no-repeat; background-position: bottom center; height:713px;}
#logo{width:1000px; height:138px; background-image:url("../images/logo.png"); background-size:100% 100%;}

#social {padding:0;}
#social ul {padding:0; margin:0;}
#social ul li {display:inline-block; zoom: 1; *display: inline; padding-right:20px;  padding-top:12px; }
#social ul li a{display:inline-block; zoom: 1; *display: inline; vertical-align:bottom;}
	.icon1 {width:7px; height:15px; background-image:url("../images/icon-facebook-reg.png"); background-repeat:no-repeat; }
	.icon1:hover{width:7px; height:15px; background-image:url("../images/icon-facebook-hot.png"); background-repeat:no-repeat;}
	.icon2 {width:13px; height:12px; background-image:url("../images/icon-twitter-reg.png"); background-repeat:no-repeat; }
	.icon2:hover{width:13px; height:12px; background-image:url("../images/icon-twitter-hot.png"); background-repeat:no-repeat;}
	.icon3 {width:20px; height:19px; background-image:url("../images/icon-youtube-reg.png"); background-repeat:no-repeat; }
	.icon3:hover{width:20px; height:19px; background-image:url("../images/icon-youtube-hot.png"); background-repeat:no-repeat;}
	.icon4 {width:13px; height:14px; background-image:url("../images/icon-rss-reg.png"); background-repeat:no-repeat; }
	.icon4:hover{width:13px; height:14px; background-image:url("../images/icon-rss-hot.png"); background-repeat:no-repeat;}
	.icon8 {color:#060606; font-family: 'Prompt'; font-size:16px;}
	.icon8:hover {color:#060606;}
	.icon8:visited {color:#ced6ea;}

#mail {padding:0; margin:0; float:right;}
#mail ul {padding:0; margin:0; float: right;}
#mail ul li {display:inline-block; zoom: 1; *display: inline; padding-right:30px; }
#mail ul li a{display:inline-block; zoom: 1; *display: inline;}
	.icon5 {padding-left:25px; padding-top:10px;  background-image:url("../images/icon-mail.png"); background-repeat:no-repeat; color:#ced6ea; background-position: 0px 20px; line-height:30px; font-family: 'Prompt'; font-size:15px;}
	.icon5:hover {color:white;}
	.icon5:visited {color:#ced6ea;}
	.icon6 {padding-left:25px; padding-top:16px;   background-repeat:no-repeat; color:#060606; background-position: 0px 17px; line-height:30px; font-family: 'Prompt'; font-size:15px;}
	.icon6:hover {color:#060606;}
	.icon6:visited {color:#060606;}
	.icon7 {font-family: 'Prompt'; font-size:15px; color:#060606;  padding-right:5px !important; }
	#search{height: 25px; font-size:12px; background-color:darkseagreen; border: none; border-radius: 0px; color:#060606;}

/* Text size*/
#ccc {margin-top:10px; }
	.menu-textsize{ float:right; margin-right:10px;}
	.menu-textsize ul {padding:0; margin:0; }
	.menu-textsize ul li {padding:0; margin:0; list-style:none; display:inline-block; zoom: 1; *display: inline;  vertical-align: bottom; }
	.menu-textsize ul li a{ text-decoration:none; }

	.c { float:right; margin-right:10px;}
	.c ul {padding:0; margin:0; }
	.c ul li {padding:0; margin: -3px; display:inline-block; zoom: 1; *display: inline; }
	.c ul li a{ text-decoration:none; }

	.flag { float:right; margin-right:-40px;}
	.flag ul {padding:0; margin:0;}
	.flag ul li {display:inline-block; zoom: 1; *display: inline; }
	.flag ul li a{ vertical-align: bottom; margin-left:7px;}

	.tel-textsize{ float:right; margin-right:10px;}
	.tel-textsize ul {padding:0; margin:0; }
	.tel-textsize ul li {padding:0; margin:0; list-style:none; display:inline-block; zoom: 1; *display: inline;  vertical-align: bottom; }
	.tel-textsize ul li a{ text-decoration:none; }

#login { float:right; margin-top:10px; }
#login a {font-size:12px; color:#424242; font-weight:normal; text-transform:uppercase; }
#login a:hover {text-decoration:underline !important;}

.clearfix-logo{clear:both; margin-top: 50px;}

/* Topmenu*/
#topmenu{font-family: 'Prompt'; font-size:18px; font-weight:bold; color:#5A9663; margin-top:5px; }
#topmenu li {padding:0 !important; margin-left:0px; }
#topmenu li a:hover,#topmenu li a:active{background-color:#5A9663;color:#060606; border-radius:0px;  }
#topmenu li a:hover,#topmenu li a:active{color:#060606}

#supmenu{background-color:#5A9663; border-radius:0px; z-index:1; }
#supmenu ul {z-index:1;}
#supmenu li a {font-size:16px; background-color:#5A9663; color:#060606;font-weight:normal;  }
#supmenu li a:hover{font-size:16px; background-color:darkseagreen; color:#060606;font-weight:normal; display:block; }

/* Hilight*/
#carousel-width{padding:0; margin:0; }
/* Slide*/
	#run { position:absolute; margin:0 auto; width:100%; text-align:center; line-height: 25px;}
		#run ol{padding:0; margin:0; list-style:none;}
		#run ol li{padding:0; margin:0; list-style:none;display:inline-block; zoom: 1; *display: inline; font-size:13px; font-weight:bold;}
		#run ol li a{color:white; padding:0; margin:0; list-style:none; display:inline-block; zoom: 1; *display: inline; float:left; text-decoration:none;
		width:10px;  height:10px;  -moz-border-radius: 50%;   -webkit-border-radius: 50%;   border-radius: 50%;   background: #828e96;  }
		#run ol li a:hover{ padding:0; margin:0; list-style:none; display:inline-block; zoom: 1; *display: inline; float:left;  text-decoration:none;
		width:10px;  height:10px;  -moz-border-radius: 50%;   -webkit-border-radius: 50%;   border-radius: 50%;   background-color:#1f66ae; }
		#run ol li a.active{padding:0; margin:0; list-style:none; display:inline-block;width:10px;  height:10px;  -moz-border-radius: 50%;   -webkit-border-radius: 50%;   border-radius: 50%;   background:#1f66ae;}
		.run-all a{color:#677681; font-size:12px; font-weight:bold; text-align:center; padding-left:10px;}
		.run-all:hover{text-decoration:underline;}
.carousel-indicators li {
		border:solid 1px #5A9663;
	}
	.carousel-indicators li.active {
		background:#5A9663;
	}

/* Icon Service*/
.icon-box {
	margin-top:25px;
}	
.icon-box-no-padding{
	padding-left: 0px;
    padding-right: 0px;
}
.icon-box a {
    color: #ffffff;
    background: #22398b;
    display:block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.icon-box a:hover,
.icon-box a:focus {background: #001641; color: #d69e3d;}
/* --- [ Social Icons Size ] --- */
.icon-box-size a {line-height: 130px; font-size: 55px; height: 130px;width: 130px;}
/* --- [  Icons Mode ] --- */
.icon-box-round a {border-radius: 2px;}
.icon-box-circle a {border-radius: 100%;}
/* --- [  Icons Font ] --- */
.icon-box h3 {font-family: 'Prompt'; font-size:18px; font-weight:normal; color:#22398b; margin-top:10px;}
		  h4 {font-family: 'Prompt'; font-size:16px; font-weight:normal; color:#22398b; margin-top:10px; margin-bottom:20px;}
/*NEWS*/
/*.title-news{ background-color:#22398b; padding-left:10px;  padding-right:10px;  color:white; font-family: 'Prompt'; font-size:20px; position: absolute; top:-40px; left:25px; }*/
.title-news{ color:#060606; font-family: 'Prompt'; font-size:25px; position: absolute; top:-50px; left:25px; }
#news{margin-top:70px; width: 92.5%;}
#news-col{ padding:0; margin:0; width:100%;  position:relative;}
.news-col-no-padding{padding-left: 0px;padding-right: 0px;}
.news-col-no-padding-1{padding-left: 25px;padding-right: 25px;}
.topic-news{font-weight:bold; font-size:14px; color:#22398b; margin-top:8px; margin-bottom:3px;height:63px; overflow:hidden; }
.date{color:#b0b0b0; font-size:11px; padding-left:5px; }
.detail-news{margin-top:3px; height:105px; overflow:hidden;}
.btn-readmore{float:right;padding-left:15px; padding-right:15px; padding-top:4px; padding-bottom:4px;  border:0; font-family: 'Prompt'; font-size:13px; font-weight:normal;color:#ffffff; background-color:#5A9663;}
.btn-readmore:hover{float:right;padding-left:15px; padding-right:15px; padding-top:4px; padding-bottom:4px;  border:0; font-family: 'Prompt'; font-size:13px; font-weight:normal;color:#d69e3d; background-color:#001641;}
.btn-viewall {float:right;padding-left:15px; padding-right:15px; padding-top:4px; padding-bottom:4px;  border:0; font-family: 'Prompt'; font-size:13px; font-weight:normal;color:#ffffff; background-color:#5A9663; }
.btn-viewall:hover{float:right;padding-left:15px; padding-right:15px; padding-top:4px; padding-bottom:4px;  border:0; font-family: 'Prompt'; font-size:13px; font-weight:normal;color:#d69e3d; background-color:#001641;}
.topic-procurement_ {background-color:#d6e8f5; height:9px; margin-bottom:0px;}
.topic-procurement {background-color:#d6e8f5;  padding:10px; height:89px; overflow: hidden; border-bottom:1px solid white; margin:0;}
	.topic-procurement a {  color:#717171;}
	.topic-procurement a:visited {  color:#717171;}
	.topic-procurement a:hover {  color:#1f66ae;}
.topic-procurement2 {background-color:#e4f3fe; padding:10px; height:89px; overflow:hidden;  border-bottom:1px solid white; margin:0;}
	.topic-procurement2 a {  color:#717171;}
	.topic-procurement2 a:visited {  color:#717171;}
	.topic-procurement2 a:hover {  color:#1f66ae;}
.clearfix-button-news { clear:both; margin-top: 21px;}
.clearfix-button-procurement { clear:both; margin-top: 20px;}
.clearfix-news {clear:both; padding-top: 30px;}

/*Icon Home*/
#icon {background-color:#f7f7f7;padding-top:60px; padding-bottom:50px;  margin:0; position: relative;}
#bw {margin:0;padding: 10px;}
.line-w{margin-top:10px; margin-bottom:10px;}
.block-icon{font-family: 'Prompt'; font-size:20px; text-align:center;display:block;  padding-top:60px; padding-bottom:60px;}
.block-icon:hover{font-family: 'Prompt'; font-size:20px; text-align:center;display:block;  padding-top:60px; padding-bottom:60px; background-color:#d8e5ec;}
.block-icon-w {font-family: 'Prompt'; font-size:20px; text-align:center; background-color:white; display:block;  padding:10px;}
.block-icon-w:hover {font-family: 'Prompt'; font-size:20px; text-align:center; display:block; background-color:white;  -webkit-box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.2);
box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.2);}
a.block-icon-w.active{font-family: 'Prompt'; font-size:20px; text-align:center; background-color:white;  -webkit-box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.2);
box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.2);}
.block-icon-w2 {font-family: 'Prompt'; font-size:20px; text-align:center; background-color:white; display:block;  padding:60px;}
.block-icon-w2:hover {font-family: 'Prompt'; font-size:20px; text-align:center; display:block; background-color:white;  -webkit-box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.2);
box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.2);}
.clearfix-icon {clear:both; padding-top:1px;}

.clearfix-gallery{clear:both; margin-top:40px;}
#gallery-and-vdo{margin:0;}

/*Icon Home New*/
.animate {
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.icon-home {
  	text-align: center;
  	padding: 40px 0 40px;
  	background: #eaecee;
}
.icon-home-no-padding{
	padding-left: 25px;
    padding-right: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.icon-home .common-icon {
  	background-color: #22398b;
}
.icon-home .common-icon figure {
  	overflow: hidden;
  	width: 100%;
  	height: 210px;
}
.icon-home img {
	width: 100%;
	height: auto;
	margin-top: -9em;
}
.icon-home .common-icon h5 {
	font-family: 'Prompt';
	margin: 0 0 7px;
	font-size: 20px;
	/*font-weight: 700;*/
	color: #fff;
}
.icon-home .common-icon .for-border {
  	margin-bottom: 20px;
}
.icon-home .common-icon .text-content {
  	padding: 10px 8px 7px;
}
.icon-home.icon-var-two {
  	text-align: left;
  	background-color: #fff;
}
.icon-home.icon-var-two .slogan-section {
  	text-align: left;
}
.icon-home.icon-var-two .common-icon {
  	background-color: transparent;
}
.icon-home.icon-var-two .common-icon .text-content {
  	padding: 20px 0 20px;
}
.icon-home.icon-var-two .text-center {
  	text-align: left;
}
.slogan-section {
	margin-bottom: 50px;
	text-align: center;
}
.icon-home .common-icon .for-border {
	margin-bottom: 20px;
}
.icon-home .common-icon h5 small {
	color: #fff;
	/*font-weight: bold;*/
	font-size: 0.7em;
	/*font-style: italic;*/
}
.icon-home .common-icon ul{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -280px;
	text-align: center;
	margin-top: 10em;
	opacity: 0;
	z-index: 1;
}
.icon-home .common-icon li a {
	background: #22398b;
	font-size: 30px;
	color: white;
	padding: 0.75em;
	padding-left:30px;
	padding-right:30px;
	padding-top:20px;
	padding-bottom:20px;
	border: 4px solid rgba(255, 255, 255, 0.33);
}
.icon-img{
  /* Webkit for Chrome and Safari */
  -webkit-transform: scale(1, 1); // This is the scale for the normal size of the image.
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
 
  /* Webkit for Mozila Firefox */
  -moz-transform: scale(1, 1);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
 
  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1, 1);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
}
.icon-item:hover .icon-img{
	 /* Webkit for Chrome and Safari */
  -webkit-transform: scale(1.2, 1.2); // This is the enlarged size scale of the image.
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
 
  /* Webkit for Mozila Firefox */
  -moz-transform: scale(1.2, 1.2);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
 
  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1.20, 1.20);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;

  opacity: 0.7;
}
.icon-item:hover .social-lists{
	margin-top: -2em;
	opacity: 1;
}

/*BOOK*/
#bg-book { background-color:#eaecee; padding-top:50px; padding-bottom:50px; margin:0; position: relative;}
/*#book{padding:0; margin-top:10px;}*/
#book{padding-left: 10px; padding-right: 10px;}
#book ul{padding:0; margin:0; list-style:none;}
		#book ul li {padding:0;  list-style:none;display:inline-block; zoom: 1; *display: inline;  margin-right: 17px;  margin-left: 17px;}
		#book ul li a {padding:0; list-style:none;display:inline-block; zoom: 1; *display: inline; }
		#book ul li:hover{opacity: 0.9;  filter: alpha(opacity=90);}
.title-books{color:#060606; font-family: 'Prompt'; font-size:25px; }
.arrow-book{float:right;}
	.left-arrow{display: inline-block; width:28px; height:29px; background-image:url("../images/arrow-left-reg.jpg"); background-repeat:no-repeat;}
	.left-arrow:hover{width:28px; height:29px; background-image:url("../images/arrow-left-hot.jpg"); background-repeat:no-repeat;}
	.right-arrow{display: inline-block; width:28px; height:29px; background-image:url("../images/arrow-right-reg.jpg"); background-repeat:no-repeat;}
	.right-arrow:hover{width:28px; height:29px; background-image:url("../images/arrow-right-hot.jpg"); background-repeat:no-repeat;}

/*GALLERY*/
#gallery{ padding:0;}
.line-gallery {border-bottom:2px solid #cad6dd; height:36px;}
.list-gallery ul{margin:0;padding:0;}
.list-gallery ul li{margin:0;padding:0; list-style:none;display:inline-block; zoom: 1; *display: inline; float:left; width:175px; height:138px; position: relative;}
.list-gallery ul li a{margin:0;padding:0; list-style:none;display:inline-block; zoom: 1; *display: inline; }
.list-gallery ul li img:hover {  }
.list-gallery ul li img a.active { }
	.btn-gallery {margin-top: 25 !important;  margin: 0 auto; padding-left:25px; padding-right:25px; padding-top:5px; padding-bottom:5px; display:block; border:0; font-size:13px; font-weight:normal;color:white; background-color:#1f66ae;}
	.btn-gallery :hover{text-decoration:underline;}

/*VDO*/
/*#vdo{padding:0; float:right;}*/
#vdo{padding-left: 10px; padding-right: 10px;}
.title-album{color:white; font-weight:bold; position:absolute; padding-top:30%; width:175px;  height:138px; text-align:center; vertical-align:center;background-image:url("../images/bg-gallery-hot.png"); background-repeat:repeat; }
.play-vdo{margin-top:20px; text-align:center;}
.vdo-all {color:#1f66ae !important; font-size:14px; float:right; margin-top:13px;}
.vdo-all:hover {text-decoration:underline !important;}
.p-vdo{margin-top: 10px; }

/*BANNER LINK*/
#link {background-color:#fff; padding:0; margin:0; padding-top:20px; padding-bottom:0px;}
#link2 {background-color:#fff; padding:0; margin:0; padding-top:0px; padding-bottom:20px;}
#list-link ul{margin:0;padding:0; background-image:url("#"); background-repeat:no-repeat;}
#list-link ul li{margin:0;padding:0; list-style:none;display:inline-block; zoom: 1; *display: inline; margin-right: 17.5px;  margin-left: 17.5px;  margin-top: 17px; margin-bottom: 17px;}
#list-link ul li a {padding:0; list-style:none;display:inline-block; zoom: 1; *display: inline; }
		#list-link ul li:hover{opacity: 0.9;  filter: alpha(opacity=90);}

/*LOGO LINK*/
#logo-link { padding:0; margin:0;padding-bottom:10px; border-bottom:3px solid #2b99ef;}
#list-logo-link ul{margin:0;padding:0; }
#list-logo-link ul li{margin:0;padding:0; list-style:none;display:inline-block; zoom: 1; *display: inline; margin-right: 25px;  margin-left: 25px;  margin-top: 17px; margin-bottom: 17px;}
#list-logo-link ul li a {padding:0; list-style:none;display:inline-block; zoom: 1; *display: inline; }
		#list-logo-link ul li:hover{opacity: 0.9;  filter: alpha(opacity=90);}

/*ADDRESS*/
#address {background-color:#eaecee; padding:0; margin:0; padding-top:30px;padding-bottom:30px;}
.title-address{color:#424242; font-family: 'Prompt'; font-size:20px; line-height:25px;}
.address{font-family: 'Prompt'; color:#424242; font-size:16px; margin-top:10px;}
a.map {color:#2b99ef; }
.visitor{color:#0520a5; font-weight:bold; margin-top: 25px;  margin-bottom: -10px;}
.more-visitor{text-decoration:underline !important;}

#menu-footer ul { margin-top: 15px;  padding: 0;}
#menu-footer ul li {margin:0; padding-left:15px; list-style:none; display:block; background-image:url("../images/arrow-menufooter-reg.png"); background-repeat:no-repeat; background-position: 2px 7px; border-bottom:1px solid #e9e9e9; width:65%; line-height:25px;}
#menu-footer ul li:hover {list-style:none; display:block; background-image:url("../images/arrow-menufooter-hot.png"); background-repeat:no-repeat;}

.form-control1 {display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 14px; color: #555; background-color: #fff; margin-bottom:10px;
background-image: none; border: 1px solid #e5e5e5;}
.form-control2 {display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 14px;color: #555; background-color: #f7f7f7; margin-bottom:15px;
background-image: none; border: 1px solid #e5e5e5;}
	.btn-sub {  margin: 0 auto; width:100%; padding-left:25px; padding-right:25px; padding-top:5px; padding-bottom:5px; display:block; 
	border:0; border-radius:0; height:40px;font-size:14px; font-weight:normal;color:white;	background-color:#2b99ef;}
	.btn-sub:hover{background-color:#2994e8; color:white;}

#footer {font-family: 'Prompt'; color:#060606; font-size:16px;}
#go-top { position: fixed;  bottom:383px; left:0; z-index: 1; }
#go-top img {float:right; margin-right:49px;}

#modal-style{font-family: 'Prompt'; font-size:24px;}

/*PAGE*/
.breadcrumb_{text-align:right; font-size:13px; color:#939090; padding: 3px 8px; list-style: none; background-color: darkseagreen; border-radius: 4px;}
.breadcrumb_ a {color:#939090;}
.breadcrumb_ a:hover {color:#889aca;}
.curent{color:black;}

.title-page { font-family: 'Prompt'; font-size:20px; color:#1f66ae; }
#bg-gray-top-page {background-color:rgb(132, 194, 132); background-image:url("#"); background-repeat:no-repeat; background-position: top center; height:auto;}
#page{padding-top:20px;padding-bottom:50px;}

/*Back to top*/
#myBtn {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 10px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #78909C;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
}
#myBtn:hover {
    background-color: #90A4AE;
}

/*หน้าจอต่างๆ*/
@media screen and (max-width:420px) {
#logo{width:295px; height:43px; background-image:url("../images/logo.png"); background-repeat:no-repeat; }
.icon5:visited {color:#ced6ea;}
.icon6:visited {color:#ced6ea; }
.icon7{color:#ced6ea;}
#go-top { display:none; }
#go-top img {display:none;}

}
	 
@media screen and (min-width: 421px) and (max-width: 700px) {
#logo{ margin-top:100px;width:454px; height:66px; background-image:url("../images/logo.png"); background-repeat:no-repeat; }
.icon5:visited {color:#ced6ea;}
.icon6:visited {color:#ced6ea; }
.icon7{color:#ced6ea;}
#go-top { display:none; }
#go-top img {display:none;}
}

@media screen and (min-width: 701px) and (max-width: 900px) {
#logo{ margin-top:60px;width:740px; height:107px; background-image:url("../images/logo.png"); background-repeat:no-repeat; }
.icon5:visited {color:#ced6ea;}
.icon6:visited {color:#ced6ea; }
.icon7{color:#ced6ea;}
#go-top { display:none; }
#go-top img {display:none;}
}

@media screen and (min-width: 901px) and (max-width: 1200px) {

}

@media screen and (min-width: 1201px) and (max-width: 3000px) {
.frist-book{ margin-left:0px !important;}
.last-book{ float:right; margin-right: 0px !important;}

}