@charset "utf-8";
/* CSS Document */
a {color: #e89054;}
a:hover, a:active, a:focus {color: #b6d805;}

body {background: #f4ffca; background-size: auto 540px;}
header.t_image {background: url("../images/style_2/bg_header.png") center top no-repeat, url("../images/style_2/bg_header_sky.png") center top repeat-x; background-size: auto 100%, auto 100%;}
#schLogo .schName .schName_ch {color: #66432b;}
#schLogo .schName .schName_en {color: #895030;}

.icon-bar {background: #e89054;}
#mmBtn:hover .icon-bar, .mmOpen .icon-bar {background: #b2d643;}

.attIcon:before {background: url("../images/style_2/attIcon.png") center center no-repeat; background-size: 100% 100%;}
.attIcon:hover:before {background: url("../images/style_2/attIcon_h.png") center center no-repeat; background-size: 100% 100%;}

#alertMsg .modal-title {color: #e89054;}
#alertMsg.modal .close .icon {background: url("../images/style_2/btn_close.png") center center no-repeat; background-size: cover;}
#alertMsg.modal .close:hover .icon {background: url("../images/style_2/btn_close_h.png") center center no-repeat; background-size: cover;}
#alertMsg .modal-body .content::-webkit-scrollbar-thumb {background: #e89054; border-radius: 3px;}

#slideshowArea a {color: #cc7b44;}
#slideshowArea a:hover {color: #f4aa78;}
#sliderDetails.modal .close .icon {background: url("../images/style_2/btn_close_2.png") center center no-repeat; background-size: cover;}
#sliderDetails.modal .close:hover .icon {background: url("../images/style_2/btn_close_h.png") center center no-repeat; background-size: cover;}
#sliderDetails .modal-header {color: #cc7b44;}

#dcMenu .pageTitle > .dropdown-icon:before {color: #e89054;}
#dcMenu .dropdown-menu li a:hover, #dcMenu .dropdown-menu li.open > a, #dcMenu .current_page_parent > a, #dcMenu .current_page_item > a {color: #e89054;}
#dcMenu li a:hover > .dropdown-icon:before, #dcMenu li.current_page_parent > a > .dropdown-icon:before, #dcMenu li.current_page_item > a > .dropdown-icon:before {background: url("../images/style_2/dcMenu_dropdown_down.png") center center no-repeat; background-size: 10px 10px;}
#dcMenu li.open a > .dropdown-icon:before, #dcMenu li.current_page_parent.open > a > .dropdown-icon:before {background: url("../images/style_2/dcMenu_dropdown_up.png") center center no-repeat; background-size: 10px 10px;}

#usefulLinks:after {height: 30px;}

.lms-area ol.wp-paginate span.page.current {color: #e89054;}
.lms-area .wp-paginate .prev:after, .lms-area .wp-paginate .next:after {color: #e89054;}
.lms-area .wp-paginate .prev:not(.inactive):hover:after, .lms-area .wp-paginate .next:not(.inactive):hover:after {color: #b6d805;}
.lms-area ol.wp-paginate a:hover, .lms-area ol.wp-paginate a:active {color: #b6d805;}

.lms-area .huge-it-list.photo-list .album_title {color: #e89054;}
.lms-area .huge-it-list.album-list ul.list li .album_title {color: #e89054;}
.lms-area .huge-it-list.album-list ul.list li {border-bottom: 3px solid #e89054;}
.lms-area ul.photo_list_pagination li.prev a, .lms-area ul.photo_list_pagination li.next a, .lms-area ul.photo_list_pagination li.active a {color: #e89054;}
.lms-area ul.photo_list_pagination li:not(.inactive) a:hover {color: #b6d805;}

footer.t_image {background: url("../images/style_2/bg_footer.png") center top repeat-x, repeating-linear-gradient(transparent 0, transparent 50%, #b0e244 50%, #b0e244 100%); background-size: auto 430px, 100% 100%; padding-top: 25px;}
#schInfo .schName_ch {color: #3f6b34;}
#schInfo .schName_en {color: #3f6b34;}
#schInfo .infoList {min-height: 180px;}
#schInfo .infoList span {color: #3f6b34;}
#schInfo .infoList a {color: #3f6b34;}
#schInfo .infoList a:hover {color: #e89054;}
#copyright {background: #b0e244; color: #3f6b34;}
#copyright .logo {background: url("../images/style_2/eclassLogo.png") center center no-repeat; background-size: auto 100%;}

#backToTop {background: #db833b;}

@media (min-width: 568px) {
	#schInfo {padding-left: 100px;}
}
@media (min-width: 600px) {
	#schInfo {padding-left: 150px;}
}
@media (min-width: 768px) {
	header.t_image {background-size: auto 300px, auto 300;}
	#schInfo {padding-left: 0;}
}
@media (min-width: 992px) {
	#login .btn_login {background-color: #e89054;}
	#login .btn_login:hover {background-color: #b2d643;}
	#login .btn_lang {background: #e89054;}
	#login .btn_lang:hover {background: #b2d643;}

	#mainMenu .navbar-nav > li:not(:nth-last-child(-n+3)):after {background: #db825e;}
	#mainMenu ul.navbar-nav {background: #e89054; border-radius: 7px; box-shadow: 0 5px 0 #c97135;}
	#mainMenu ul {background: #e89054;}
	#mainMenu .navbar-nav:before {background: url("../images/style_2/menu_l.png") center center no-repeat; background-size: 100% 100%; height: 25px; bottom: -13px; left: 0; top: auto; width: 21px;}
	#mainMenu .navbar-nav:after {background: url("../images/style_2/menu_r.png") center center no-repeat; background-size: 100% 100%; height: 25px; bottom: -13px; right: 0; top: auto; width: 21px;}
	#mainMenu .dropdown:hover > a, #mainMenu .dropdown.open > a {background: #ffa96e; color: #a35826;}
	#mainMenu .nav > li:hover > .dropdown-menu {background: #e89054;}
	#mainMenu .nav > li > .dropdown-menu li:hover > .dropdown-menu {background: #e89054;}
	#mainMenu .dropdown .sub-level .page_item:hover, #mainMenu .dropdown .sub-level .page_item .page_item:hover {background: #ffa96e;}
	#mainMenu .dropdown .sub-level .page_item:hover > a, #mainMenu .dropdown .sub-level .page_item .page_item:hover > a {color: #a35826;}
	#mainMenu #navbar li.current_page_parent > a:not(.dropdown-toggle), #mainMenu #navbar li li.current_page_parent > a:not(.dropdown-toggle), #mainMenu #navbar li.current_page_item > a, #mainMenu #navbar li li.current_page_item > a {background: #ffa96e; color: #a35826;}

	#mainMenu .dropdown li:hover > .dropdown-toggle > .dropdown-icon:before {background: url("../images/style_2/menu_arrow_right_h.png") center center no-repeat; background-size: 100% 100%;}
}