@charset "utf-8";
a{text-decoration:none !important;}
a{color:black;}
/* CSS Document */
.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;}
.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:coral;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:40pt;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:#207DB9;}
.right-box3{height:117px;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:30px;}
.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-size:70px;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{margin-bottom:20px;}
.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{display: inline-block !important;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;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*/
/*------------------------------ 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;margin:5px;overflow:hidden;background-color:#ffffff;}
.list-group-item>a:hover{background-color:lightgray !important;}
/*----------------------------- 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;}}

}