.bbb {display:block; background:url(/images/site/cilaban.jpg) left no-repeat;}
.carea {text-align:justify;}
.carea .lcnt{width:308px; float:left; background:#292c37; min-height:350px; margin:0 2% 8px 0;}
.carea .lcnt ul{padding:0; border:0; margin:30px 0; list-style:none; width:100%; height:auto;}
.carea .lcnt ul li{width:95%; background:url(/images/site/spti.png) center left no-repeat; min-height:38px; margin:0 0 30px -10px; display:block;}
.carea .lcnt ul li:hover{background:url(/images/site/spti-h.png) center left no-repeat;}
.carea .lcnt ul li a{width:79%; color:#fff; text-transform:uppercase; text-align:left; text-decoration:none; font-size:16px; margin-left:65px; display:block; font-weight:600;}
.carea .lcnt ul li a.mytabs-active{color:#0e4194;}
.carea .sublinks {text-align:center; margin:15px auto;}
.carea .sublinks a {font-weight:600; color:#0e4194; text-decoration:none; font-size:12px; padding:2px 10px; text-transform:uppercase; background:#fff; border:1px solid #0e4194; display:inline-block; margin:0px 9px 9px 0px;}
.carea .sublinks a:hover {color:#fff; background:#0e4194; border:1px solid #fff;}
.mytabs-contents {margin-left:330px;}

/*mytabs*/
.apli{background:url(/images/site/scilaban1.jpg) center no-repeat;}
.sopt{background:url(/images/site/scilaban2.jpg) center no-repeat;}
.calen{background:url(/images/site/scilaban3.jpg) center no-repeat;}
.intcom{background:url(/images/site/scilaban4.jpg) center no-repeat;}

.res940 .carea .sublinks a{margin:6px;}

.res720 .bbb {background:url(/images/site/cilaban-720.jpg) center no-repeat; height:150px;}
.res720 .apli{background:url(/images/site/scilaban1-720.jpg) center no-repeat;}
.res720 .calen{background:url(/images/site/scilaban3-720.jpg) center no-repeat;}
.res720 .intcom{background:url(/images/site/scilaban4-720.jpg) center no-repeat;}
.res720 .sopt{background:url(/images/site/scilaban2-720.jpg) center no-repeat;}
.res720 .carea {margin:20px auto !important;}
.res720 .footer .line1 .col2{border-bottom:none; width:50% !important;}
.res720 .footer .line1 .col3{margin:0; width:50% !important;}
.res720 .footer .line1 .col3 .socialb {width:85%;}
.res720 .footer .line1 .col3 ul{width:85% !important;}
.res720 .footer .line1 .col3 ul li a{width:125px;}
.res720 .carea .sublinks a{margin:6px;}

.res480 .h1l .h1a .h1t h1 {font-size:23px;}
.res480 .bbb {background:url(/images/site/cilaban-720.jpg) center no-repeat;  height:150px;}
.res480 .apli{background:url(/images/site/scilaban1-720.jpg) center no-repeat;}
.res480 .sopt{background:url(/images/site/scilaban2-720.jpg) center no-repeat;}
.res480 .calen{background:url(/images/site/scilaban3-720.jpg) center no-repeat;}
.res480 .intcom{background:url(/images/site/scilaban4-720.jpg) center no-repeat;}
.res480 .carea {text-align:justify; margin:0px auto;}
.res480 .carea .lcnt{width:70%; float:left; background:#292c37; min-height:268px; margin:0px 0 20px; padding:0% 15%;}
.res480 .footer .farea {margin:0 auto; overflow:hidden;}
.res480 .mytabs-contents{padding:0px 10px;margin:0;}
.res480 .carea .sublinks a{display:block; padding:7px; margin:10px auto 5px auto}

.res320 .h1l .h1a .h1t h1 {font-size:20px;}
.res320 .h1l .h1a .h1t span {font-size:15px;}
.res320 .bbb {background:url(/images/site/cilaban-720.jpg) center no-repeat;height:150px;}
.res320 .apli{background:url(/images/site/scilaban1-720.jpg) center no-repeat;}
.res320 .sopt{background:url(/images/site/scilaban2-720.jpg) center no-repeat;}
.res320 .calen{background:url(/images/site/scilaban3-720.jpg) center no-repeat;}
.res320 .intcom{background:url(/images/site/scilaban4-720.jpg) center no-repeat;}
.res320 .carea {margin:0px auto 15px auto;}
.res320 .carea .lcnt{width:70%; float:left; background:#292c37; margin:0px 0 10px;padding:0% 15%;}
.res320 .footer .farea {margin:0 auto; overflow:hidden;}
.res320 .mytabs-contents{padding:0px 10px;margin:0;}
.res320 .carea .sublinks a{display:block; padding:7px; margin:10px auto 5px auto}