@charset "utf-8";
html,body,body div,span,object,h1,h2,h3,h4,h5,h6,p,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.42857143;color: black;background-color: #fff;}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
Museo-Sans, body, h6, .h6 {font-family: "museo-sans", sans-serif;font-weight: 100;}
article,aside,figure,footer,header,hgroup,nav,section {display:block}
a{}
/* CSS Document */
.font-white{color: white !important;}
.col-md-8 .row{text-align:justify;}
.text-align-left{text-align:left;}
.bolder{font-weight:bolder;}
.slogan{font-size:18px;color:gray;}
.college-code{font-size:15px;color:gray;}
.txt-size{font-size:1.2em !important;}
.mp{margin:0px !important;padding:0px !important;}
.m{margin:0px !important;}
.p{padding:0px !important;}
.padding10{padding:10px;}
.padding-top5{padding-top:5px;}
.padding-top10{padding-top:10px;}
.padding-bottom10{padding-bottom:10px;}
.margin-left20{margin-left:20pt;}
.margin-left30{margin-left:30px;}
.margin-left-15{margin-left: -13px;}
.mar-top10{margin-top:10px !important;}
.mar-top30{margin-top:30px;}
.margin-bottom5{margin-bottom:5px;}
.margin-bottom10{margin-bottom:10px;}
.mar-bottom10{margin-bottom:10px;}
.margin-right20{margin-right:20px;}
.mar-top{margin-top:15px;}
.font-bold{font-weight:bold;}
.txt-g{font-family:'Raleway', sans-serif;margin-left:0px;padding-left:0px;padding-right:0px;margin-right:0px;font-size:1em !important;}
.sch-name{color:#5A1750;font-size:28px;font-weight:bold;line-height:25px;padding-top:10px;}
/*.box-photo{box-shadow:0px 0px 3px #666;padding:5px;overflow:hidden;margin:5px;}*/
.box{box-shadow:0px 0px 3px #666;padding:10px;overflow:hidden;background-color:#ffffff;}
.box2{box-shadow:0px 0px 3px #666;padding:10px;overflow:hidden;font-size:14px;background-color:#ffffff;}
.box3{box-shadow:0px 0px 3px #666;padding:10px;margin-right:7px;width:24%;text-align:center;overflow:hidden;background-color:#FFFFFF;height:340px;}
.box3-left{box-shadow:0px 0px 3px #666;padding:10px;width:24%;text-align:center;overflow:hidden;height:310px;background-color:#FFFFFF;}
.scrol-text{colo:coral !important;}
.short-name{text-align:right;float:right;line-height:16pt;}
.short-name-h1{color:#3B5998;font-weight:bolder;line-height:36pt;padding-right:10px;}
hr{height:2px;background-color:black;}
.right-box1{height:234px;border-right:5px;padding-left:0px;}
.right-box2{height:117px;background-color:white;}
.admission-right-box3{height:50px;background-color:#00AAAA;border-top:5px solid #FFFFFF; color: white !important;font-size: 18px; font-weight: bold;}
.online-admission > a > .font-white:hover {color: coral !important;}
.right-box3{height:200px;background-color:#00AAAA;border-top:5px solid #FFFFFF;}
.right-box4{height:117px;background-color:#005DE9;border-top:5px solid #FFFFFF;}
.right-box5{height:117px;background-color:#D14625;border-top:5px solid #FFFFFF;border-right:5px solid #FFFFFF;}
.right-box6{height:117px;background-color:#00ACEE;border-top:5px solid #FFFFFF;border-right:5px solid #FFFFFF;}
.right-box7{height:117px;background-color:#008E00;border-top:5px solid #FFFFFF;}
.i-siz{text-align:center;font-size:70px;padding-top:10px; color:#FFFFFF;}
.heading-2{border-bottom:3px solid #D7D7D7;color:#3B5998;font-weight:bold;margin-top:15px;margin-bottom: 7px;}
.heading-3{border-bottom:1px solid #D7D7D7;color:#3B5998;font-weight:bold;text-align:center;padding-bottom:5px;}
.related-heading{color:#3B5998;font-weight:bold;}
.aluminy-hed{border-bottom:3px solid #D7D7D7;color:#3B5998;font-weight:bold;font-size:20px;}
.txt-color{color:coral;font-weight:bold;}
.code-name{font-size:15px;color:gray;}
.total-view{border-top:1px solid lightgray;padding-top:10px;}
.row-hover:hover{background-color:lightgray;}
/*---------------- Mixed -------------------*/
.head-colo{color:#3B5790;}
.head-h1{font-size:18px;margin:0px;color:#3C5487;}
.fa-file-pdf-o{font-weight:bold;color:#3C5487;}
/*---------------- Notice ------------------*/
.day{font-size:16px;line-height:13px;font-weight:700;}
.month{font-size:12px;color:black;}
.year{transform: rotate(270deg);position: absolute;margin-left:22px;margin-top:11px;font-weight:bolder;}
.notice-row:hover{background-color:#D7D7D7;}
td a{text-decoration:none !important;}
.notice-row a{text-decoration:none !important;font-size: 13px;}
.txt{color:#F3F3F3;}
.fb{color:#3B5998;font-weight:bolder;font-size:21px;}
.go{color:red;font-weight:bolder;font-size:21px;}
.tw{color:#64A8F2;font-weight:bolder;font-size:24px;}
h6{font-weight:bold;text-align:center;color:#CDCDCD;border-top:1px solid #CDCDCD;border-width:100%;padding-top:5px;font-style:italic;}
.h5-txt{color:#4B4FF8;font-style:italic;}
.notice-bottom{padding: 18px 15px;}
.visitor{margin-top:15px;height:93px;margin-bottom:10px;color:blue;}
.video-container {position:relative;padding-bottom:45%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
footer{background-image:url(../media/ico/BG-4.png);background-repeat:repeat-x;}
.footer-bottom{background-color:black;opacity:.6; min-height:60px;color:#FFFFFF;text-align:center;}
.footer-bottom a {color:white;}
.footer-top-coral{background-color:coral;height:3px;}
.footer-top-green{background-color:blue;height:3px;}
.footer-top-blue{background-color:red;height:3px;}
.notice-border{padding-left: 0;border-bottom: 1px solid #f5f5f5;padding-bottom: 2px;}
/*--------------------------- Related Menu -----------------------------*/
.ref-menu:hover{background-color:#D7D7D7;}
.ref-menu{padding:5px 0px 5px 19px;color:#3C5487;}
/*--------------------------- History ----------------------------------*/
.site-map{padding:10px;margin-bottom:15px;}
/*------------------------------- Teacher ------------------------------*/
.div-hover:hover{background-color:#EBEBEB;box-shadow:0px 0px 3px blue;}
.notice-hover:hover{background-color:#EBEBEB;box-shadow:0px 0px 3px coral;}
.i-txt{color:#3C5487;font-size:18px;}
.ancor{color:#ffffff !important;}
/*------------------------------- GB ---------------------------------*/
/*span{color:blue;}*/
h4{color:darkblue;}
/*------------------------------ Pagination -----------------------------*/
.navi{width:500px;margin:5px;padding:2px 5px;border:1px solid #eee;}
.show{color:blue;margin:5px 0;padding:3px 5px;cursor:pointer;font:15px/19px Arial,Helvetica,sans-serif;}
.show a{text-decoration:none;}
.show:hover {text-decoration:underline;}
ul.setPaginate li.setPage{padding:15px 10px;font-size:14px;}
ul.setPaginate{margin:0px;padding:0px;height:100%; /*overflow:hidden;*/font:12px 'Tahoma';list-style-type:none;}
ul.setPaginate li.dot{padding: 3px 0;}
ul.setPaginate li{float:left;margin:0px;padding:0px;margin-left:5px;}
ul.setPaginate li a{background: none repeat scroll 0 0 #ffffff;border: 1px solid #cccccc;color: #999999;display: inline-block;font:15px/25px Arial,Helvetica,sans-serif;margin: 5px 3px 0 0;padding: 0 5px;text-align: center;text-decoration: none;}
ul.setPaginate li a:hover,
ul.setPaginate li a.current_page{background: none repeat scroll 0 0 #0d92e1;border: 1px solid #000000;color: #ffffff;text-decoration: none;}
ul.setPaginate li a{color:black;display:block;text-decoration:none;padding:5px 8px;text-decoration: none;}
/* digital content related style*/
.cloud-downloader:hover {color: red !important;}
.program-subject-thumb { width: 33.33%; float: left;}
.program-subject {box-shadow: 0px 0px 2px 1px rgba(0,0,0, .5); border-radius: 3px; margin: 5px; text-align: center;min-height: 180px;}
.program-subject:hover {box-shadow: 0px 0px 5px 1px rgba(0,50,0, .75); background-color: rgba(221,221,221, .35); transition: .3s all; color: red;}
.program-subject-title {display: inline-table; margin-top: 33%;font-size: 150%;}
.digital-content-row {box-shadow: 0px 0px 1px 1px rgba(0,0,0,.35);margin-top: 3px !important;margin-bottom: 2px !important;padding: 10px;border-radius: 3px;}
.digital-content-row:hover {background-color:rgba(221,221,221, .35);text-decoration: none !important; box-shadow: 0px 0px 3px 1px rgba(33,133,33,.55); transition: .3s all;}
.digital-content-row:hover > a{text-decoration: none !important; color: red !important; transition: .3s all;}
.digital-content-row-title {font-size: 130%;}
.digital-content-row:hover .digital-content-row-title strong,.digital-content-row:hover .digital-content-row-title small {text-decoration: none !important; color: red !important;}
.xdigital-content-row-title:hover {background-color:rgba(221,221,221, .35);text-decoration: none !important; color: red !important; box-shadow: 0px 0px 3px 1px rgba(33,133,33,.55); transition: .3s all;}
.digital-content-link {color: green;}
.digital-content-link:hover {color: blue;}
.digital-content-file-part div {line-height: 3.25;text-align: center;box-shadow: 0px 0px 3px 1px rgba(0,0,0, .35);margin-top: 8px;border-radius: 3px;}
.digital-content-file-part div :hover {color: green !important;box-shadow: 0px 0px 3px 1px rgba(0,50,0, .55); transition: .3s all;}
.digital-content-file-part div > a {width: 100% !important; display: block !important;}
.digital-content-file-part div .fa {font-size: 20px !important;}
.album_group_title {padding:10px; background-color: lightcyan; font-weight: 700;}
.album-box {padding: 5px; align-content: center; justify-content: center;align-items: center; display: block; height: 180px;}
/*------------------------------ Other CSS ------------------------------*/
.scrol-color{color:#ffffff !important;}
.pdf-img{font-size:70px;color:#3C5487;}
.pri-name{color:blue;}
.heading{color:#3B5790;}
/*Department Page*/
.head-h1{font-size:18px;margin:0px;}
.txt-color{color:coral;}
/*Photo Details*/
.ih-item {position: relative;border: 8px solid #fff;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
/*------------------------------ Gallery ---------------------------------*/
.img-height{height: 175px;width: 200px}
.img-gallery {height:200px;}
.box-photo{box-shadow:0px 0px 3px #666;padding:5px;overflow:hidden;background-color:#ffffff;}
/*----------------------------- Video galary ------------------------------*/
.video-body{background-color:#F1F1F1;padding:10px 0px 0px 10px; margin-top:10px;}
.video-name{font-size:1.4em;color:#333354;margin-bottom:5px;margin-left:15px;}
/*---------------------------- News & Events -----------------------------*/
.news-date{position: absolute;bottom:0;left:0;right:0;color:#337ABB;}
.thumbnail{width:155px;height:118px;overflow:hidden;}
.image{width: 100%;height: 100%;}
.image img {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.image:hover img {-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25);}
/*----------------------------- Slide CSS --------------------------------*/
.slide-height{height:350px !important;}
.fa-angle-double-left{color:white;}
.fa-angle-double-right{color:white;}
.carousel-control.left,
.carousel-control.right{background-image:none !important;}
.carousel-inner .item img{width:100%;height:100%;}
.carousel-indicators{bottom:5px;left:0;width:auto;padding:5px 25px 5px 25px;margin-left:0;background:rgba(0,0,0,0.7);}
.carousel-indicators li{border-radius:0;width:8px;height:8px;background:#fff;}
.carousel-indicators .active{width:10px;height:10px;background:#39b3d7;border-color:#39b3d7;}
.carousel-control{background:#39b3d7;color:#fff;padding: 4px 0;width:26px;top:auto;left:auto;bottom:12px;opacity:0.85;}
.carousel-control.right{right:10px;}
.carousel-control.left{right: 46px;}
.carousel-caption{top:auto;width:auto;right:auto;bottom:60px;left:0;padding:20px;background:rgba(0,0,0,0.70);text-align:left;height:auto;max-width:50%;}
/*------------------------------ Media Query ----------------------------*/
@media screen and (max-width: 480px) {
    .box3{width: 100%;height: 100%;margin-bottom: 5px;}
    @media screen and (max-width: 480px) {footer{font-size: 10px;}}
    @media screen and (max-width: 480px) {.code-name{font-size: 12px;}}
    @media screen and (max-width: 480px) {.sch-name{font-size: 17px;margin-top: -10px;line-height: 1;}}
    @media screen and (max-width: 480px) {.short-name-h1{font-size: 25px;line-height: .5;}}
    @media screen and (max-width: 480px) {.img-gallery{height: 50px;}}
    @media screen and (max-width: 480px) {.slide-height{height:auto !important;}}
    @media screen and (max-width: 480px) {ol{visibility:hidden;}}

}