@charset "utf-8";
/* CSS Document */

input[type="submit"], input[type="button"], input[type="text"], input[type="password"] { -webkit-border-radius:0; -webkit-appearance: none; }
a[href^=tel] {
text-decoration:inherit;
color: inherit;
 
}



/* #Media Queries
================================================== */

@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}
    


}

@media screen and (min-width:1024px) and (max-width:1180px) {
img {max-width:100%; }
.row { width:1004px; }
.search-pad {width: 6%;}
nav {width: 94%;}
.ddsmoothmenu ul li a {font-size: 18px;padding: 5px 12px;}
.cont-part-lft {margin-right: 2%; width: 28%;}
.cont-part-mid {margin-right: 1%; width: 29%;}
.cont-part-rgt { width: 40%;}
.cont-blue { margin-right: 1%;width: 49%;padding: 10px;}
.cont-pink {margin-left: 1%; width: 49%;padding: 10px;}
.cont-skyblue { margin-right: 1%;width: 49%;padding: 10px;}
.cont-orange {margin-left: 1%; width: 49%;padding: 10px;}
.cont-green { margin: 2% 0px; min-height: 100px;padding: 10px;}
.cal-rgt{width:64%;}
.news-pad { padding-bottom: 15px; padding-left: 15px; padding-top: 15px;}
.event_cal {margin-right: 10px;}
.event-detail h3{width:78%;}
.event-detail { width: 88%; float:right;}
.gallery-lft{min-height:211px; padding:20px;}
.gallery-lft h3{padding-bottom:0;}
.owl-theme .owl-controls .owl-nav [class*="owl-"]{bottom:25px;}
.owl-theme .owl-controls .owl-nav .owl-next{left:-280px;}
.owl-theme .owl-controls .owl-nav .owl-prev{left:-322px;}
#product-carousel.owl-carousel .owl-item img{width:99%;}
.cont-blue .amt-pad p , .cont-pink .amt-pad p{padding:0;}

/*innerpage*/
.leftpad {width: 70%;}
.rightpad {width: 30%;}

}
@media screen and (min-width:1024px) and (max-width:1159px)
{
.row { width:1004px; }
.report-left{width:76%; float:left}
.stu-cont{color: #4382ad;font-size: 25px;}
.male-cont{text-align:center;color: #82A467; font-weight:600;font-size:25px;}
.female-cont{text-align:center;color: #7b5138;font-weight:600; font-size:25px}
.total-student{padding: 8px 0px;width: 30%; border: 1px solid #7193af;text-align: center; float: left; margin-right: 10px; min-height: 270px;}
.total-student .stu{display: inline-block;padding: 15px;}
.volunteer{ padding: 5px; width: 30%;border: 1px solid #7193af; text-align: center; float: left; margin-right: 10px; min-height: 130px; margin-bottom:10px}
.v-count{color:#f57b32;font-size:30px;}
.t-count{color:#335825;font-size:30px;}
.dft-count{color:#e5071e;;font-size:30px}
.t-n-teach{float: left;margin-left:5px;margin-top: 40px; width: 30%;}
.bar-chart{float:none; width:100%; margin:20px 0}
.bar-chart #container{    width: 49%;
    overflow: auto;
    /* margin-left: 5px; */
    float: left;
    height: auto;
    margin: 20px auto;}
.bar-chart #container2{    width: 49%;
    overflow: auto;
    /* margin-left: 5px; */
    float: left;
    height: auto;
    margin: 20px auto;}
.report-right{width:22%; margin-left:5px;float:left;}

.demo-container{width:85%; float:none; margin:0 auto}
#placeholder{margin:0 auto}
#placeholder2{margin: 0px 0px 0px -24px;}
}

@media screen and (min-width:1160px) and (max-width:1200px) {
	.row {width:1109px;}
	.report-left{width:76%; float:left}
	.report-right{width:22%; margin-left:5px;float:left;}
	
}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img 					{max-width:100%; }
.row 					{ width:750px; }
.head-rgt-menu a {padding: 8px;}
.head-lft li{margin-right:10px;}
.menu-rgt {width: 68%;}
nav{width:90%;}
.search-pad{width:10%;}
.cont-part-lft {margin-right: 1%;  width: 69%;}
.cont-part-mid {margin-left: 1%; width: 29%;}
.cont-part-lft h3 {background-position:left bottom;font-size: 30px;margin-bottom: 10px; padding-bottom: 10px;}
.cont-part p{padding:0;}
.cont-part-rgt {margin-top: 20px; width: 100%;}
.cont-blue, .cont-pink, .cont-green,.cont-skyblue,.cont-orange  {padding: 10px; margin: 0 1% 0 0; min-height: 120px; width: 49%;}
.gree-pad {width: 100%; margin-right:0;}
.cont-green .amt-pad{margin-bottom:15px;}
.cal-lft { float: none; margin: 0 auto;}
.cal-rgt { margin-top: 20px; width: 100%;}
.event-detail {float: right; width: 87%;}
#product-carousel.owl-carousel .owl-item img{width:99%;}
.gallery-lft h3{padding-bottom:0;}
.gallery-lft {float: left;margin-right: 1%;min-height: 234px;padding: 20px;}
.owl-theme .owl-controls .owl-nav .owl-prev {left: -234px;}
.owl-theme .owl-controls .owl-nav .owl-next {left: -190px;}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {bottom: 25px;}
.footer ul li a {font-size: 15px;}
.foot_col1 li { float: left; margin-right: 15px;}
.cpyrgt-txt { margin-top: 10px;}

/*innerpage*/
.leftpad {width: 100%; padding-right:0px;}
.rightpad {width: 100%; margin:20px 0px; border-bottom:1px solid #f4f5f6;}
.sidebar-news{width:48%;}
.grayline {display: block;float: left;margin-left: 4%;width: auto;}
.tooltip:hover span.tooltip-panel {left: -202px;top: 48px;width: 200px;padding:5px;}
.callout {height: 15px;width: 15px; transform: rotate(180deg); left:147px; display:none;}
.tooltip h5 {font-size: 12px;line-height: inherit;}
.tooltip p {font-size: 12px;}
.banner-caption {font-size: 30px;padding: 10px 22px;}
.orangetxt-box > h2 {font-size: 24px;padding: 3px 0;}


}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
body { -webkit-text-size-adjust: none; }
img {max-width:100%; }
.row  { width:97%; }
.head-lft { text-align: center; width: 100%;}
.head-lft li { display: inline-block; float: none;}
.head-rgt { float: right;  width: 100%;}
.logo {padding: 16px 0 15px; width: 30%;}
.head-rgt-menu a {padding: 8px;}
.head-lft li{margin-right:10px;}
.menu-rgt {width: 65%;}
nav{width:80%;}
.search-pad{width:10%;}
.flexslider .slides li:last-child { display: none !important;}
.cont-part-lft {margin-right: 1%;  width: 69%;}
.cont-part-mid {margin-left: 1%; width: 29%;}
.cont-part-lft h3 {background-position:left bottom;font-size: 30px;margin-bottom: 10px; padding-bottom: 10px;}
.cont-part p{padding:0;}
.cont-part-rgt {margin-top: 20px; width: 100%;}
.cont-blue, .cont-pink, .cont-green,.cont-skyblue,.cont-orange  {padding: 10px; margin: 0 1% 0 0; min-height: 175px; width: 49%;}
.gree-pad {width: 100%; margin-right:0;}
.cont-green .amt-pad{margin-bottom:15px;}
.cal-lft { float: none; margin: 0 auto;}
.cal-rgt { margin-top: 20px; width: 100%;}
.event-detail {float: right; width: 87%;}
#product-carousel.owl-carousel .owl-item img{width:auto; max-width:100%;}
.gallery-lft h3{padding-bottom:0;}
.gallery-lft {  margin-right: 1%;  width: 49%;}
.owl-theme .owl-controls .owl-nav .owl-prev {left: -289px;}
.owl-theme .owl-controls .owl-nav .owl-next {left: -245px;}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {bottom: 25px;}
.footer ul li a {font-size: 14px;padding: 0 10px;}
.foot_col1 li { float: left; margin-right:5px;}
.cpyrgt-txt { margin-top: 10px;}
.statices-div ul li{min-height: 301px;}
.statices-div ul li h1{margin:0;}
.statices-div p{padding-top:10px;}
.event_cal {margin-right: 2%; width: 10%;}
.event_cal > span { background-size: cover; width: 100%;}
.news-pad { padding-bottom: 15px;  padding-left: 15px; padding-top: 15px;}
.gallery-rgt {margin-left: 1%; width: 49%;}


/*innerpage*/
.leftpad {width: 100%; padding-right:0px;}
.rightpad {width: 100%; margin:20px 0px; border-bottom:1px solid #f4f5f6;}
.sidebar-news{width:48%;}
.grayline {display: block;float: left; margin-left: 4%;width: auto}
.tooltip:hover span.tooltip-panel {left: -82px;top: 124px;width: 200px;padding:3px;}
.callout {height: 10px;width: 10px; transform: rotate(180deg); left:91px;display:none;}
.tooltip h5 {font-size: 13px;line-height: inherit;}
.tooltip p {font-size: 10px;}
.orangetxt-box > h2 {font-size: 24px;padding: 3px 0;}
.banner-caption {font-size: 30px;padding: 10px 22px;}





}


/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
.row { width:96%; }
.logo { text-align: center;  width: 100%;}
.menu-rgt { width: 100%;}
.flexslider .slides li.clone { display: none !important;}
.content-part{padding:10px 10px 20px;}
.cont-part{padding:10px;}
.cont-blue, .cont-pink, .cont-green,.cont-skyblue,.cont-orange {min-height: 100px; padding: 10px; width:100%;}
.statices-div ul li {border: medium none; margin-bottom: 30px; min-height: 1px;  width: 100%;}
.owl-theme .owl-controls .owl-nav [class*="owl-"] { background-color: rgba(255, 255, 255, 0.7); bottom: 5px;}
.owl-theme .owl-controls .owl-nav .owl-next { left: 39px;}
.owl-theme .owl-controls .owl-nav .owl-prev{left:0;}
.gallery-lft{min-height:1px; padding: 25px;}
.footer ul li { padding: 2px 0;}
.foot_col1 { float: left; padding-top: 20px; text-align: center;  width: 100%;}
.foot_col1 li { display: inline-block; float: none;}
.foot_col2 { width: 100%;}
.foot_col2 h2{padding-bottom:0;}
.foot_col3{width:100%;text-align: center; padding-top:0;}

/*innerpage*/
.orangetxt-box > h2{font-size:24px;}
.leftpad {width: 100%; padding-right:0px;overflow-x: scroll; padding-bottom:20px;}
.rightpad {width: 100%; margin:20px 0px; border-bottom:1px solid #f4f5f6;}
.sidebar-news{width:100%;}
.grayline {display: block;float: left;width:100%; margin-left:0px;}
.tooltip-panel{display:none !important;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
.row { width:95%; }
.head-rgt-menu a { padding: 0;}
.search-pad { width: auto;}
.flexslider .slides > li{display:none !important;}
.flexslider .slides > li.flex-active-slide{display:block !important;}
.flex-caption {left: 5px;}
.cont-part-lft {margin-bottom: 10px; margin-right: 0; width: 100%;}
.cont-part-mid {  margin-left: 0;  width: 100%;}
.cal-lft {width: 100%;}
.event_cal {width: 66px;}
.event-detail {margin-top: 20px; width: 100%;}
.event-detail h3 { line-height: 28px; width: 100%;}
.event-detail p { width:100%;}
.gallery-lft {margin-bottom: 20px; margin-right: 0; width: 100%;}
.gallery-rgt {margin-left: 0; width: 100%;}
#product-carousel.owl-carousel .owl-item img{width:100%;}

/*innerpage*/
.orangetxt-box > h2{font-size:24px;}
.leftpad {width: 100%; padding-right:0px;overflow-x: scroll; padding-bottom:20px;}
.rightpad {width: 100%; margin:20px 0px; border-bottom:1px solid #f4f5f6;}
.sidebar-news{width:100%;}
.grayline {display: block;float: left;width:100%;}
.tooltip:hover span.tooltip-panel {left: -72px;top: 48px;width: 75px;padding:0px;}
.callout {height: 10px;width: 10px; transform: rotate(180deg); left:71px;}
.tooltip h5 {font-size: 10px;line-height: inherit;}
.tooltip p {font-size: 10px;}



}