@charset "utf-8";
/***************
United International College (UIC)
28 Jinfeng Road,Tangjiawan,Zhuhai,Guangdong Prov.
Author:Coco Lin ED Li
***************/



/*comm used header,content,footer*/
img,object,video,embed {
max-width: 100%; height:auto;}

.mainWrap {padding-left:0px; padding-right:0px;} 
.mainWrap{margin:auto;min-width:320px;}
.mainWrap,.footer,.division{ margin:auto;}
#carousel-example-generic{ margin:auto!important;}

.header{}



.header .topWrap
{
	height:102px;
padding-top:20px!important;}

.header .logo 
{
	
	_display:inline; 
        display:inline;}

.header .search1
{
	float:right;
	_display:inline;}
.header .search1 label{ display:none;}

.header .search1 .ext
{
	padding:0px 0 10px 0;
	text-align:right;}

.header .search1 .ext a
{
	color:#444;
	text-align:right;}
.search label{color:#ccc;}
.search input{ border:1px solid #999;}
.header .search1 .ext a:hover{  color:#900;}
.both{ clear:both;}
.events_title{ width:98%;  border-bottom:0px solid #C30; clear:both; padding-top:15px; margin-bottom:10px ;}
.rightp_title{border-bottom:0px solid #C30; clear:both; padding-top:15px; margin-bottom:10px;width:100%;}
.aidanews2_title{ line-height:30px;}
.aidanews2_text{ line-height:22px; text-align:left;}
.events_title h3,.rightp_title h3{     
	float: left;
    padding: 0px;
    color: #0084ce;
    display: block;
    margin: 0px 0px 6px 0px;
    line-height: 22px;
    font-size: 16px;
    -webkit-font-weight: 500!important;
    font-weight: bold;}
.events_title span a, .rightp_title span a{ float:right; color:#666666;}
.aidanews2_title a{ font-weight:bold!important; color:#484848;}
.rightp h1{line-height:22px; width:100%;}
.rightp .aidanews2_title {border-bottom:1px dashed #f2f2f2; width:100%;}
.rightp .aidanews2_title a{color:#000;}
.rightp .aidanews2_line{ height:6px;}
.line{ height:1px;
background:linear-gradient(90deg, #278de6 0%, #63a3d8 50%, #fff 100%);

background:-moz-linear-gradient(90deg, #278de6 0%, #63a3d8 50%, #fff 100%);
background:-webkit-llinear-gradient(90deg, #278de6 0%, #63a3d8 50%, #fff 100%);
background:-o-linear-gradient(90deg, #278de6 0%, #63a3d8 50%, #fff 100%);
background:--ms-linear-gradient(90deg, #278de6 0%, #63a3d8 50%, #fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#278de6, endColorstr=#fff);/*ie<9>*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#278de6, endColorstr=#fff)";}


.line2{ height:1px;background: linear-gradient(90deg, #f5f5f5 0%, #ccc 50%, #f5f5f5 100%); margin-top:15px; margin-bottom:15px;}
.red{ color:#f00;}
.events .aidanews2_mainL{ float:left; width:30%; margin-right:5%; vertical-align:top!important; padding:0px;}
.events .aidanews2_mainR{ float:right; width:65%;}
.events .aidanews2_img1{ max-height:150px;}

.events .aidanews2_line{ height:10px; margin-bottom:15px;}
.rightp .aidanews2_line{ height:4px; margin-bottom:15px; border-bottom:1px dashed #ccc;}


.well{ margin-top:15px;}
.well h3{ padding:0px; margin:0px; line-height:30px;}
.well ul { padding:0px; margin-top:10px;}
.well ul li{ display:inline; margin-right:20px;}
.well ul li a{ color:#000;}

.itemid-138 .sidebar, .itemid-129 .sidebar,.itemid-153 .sidebar,.itemid-164 .sidebar,.itemid-203 .sidebar,.itemid-204 .sidebar{ display:none;}
.itemid-138 .conta, .itemid-129 .conta,.itemid-153 .conta, .itemid-164 .conta, .itemid-203 .conta, .itemid-204 .conta{ width:100%;}
.article-info dt{ display:none;}
.article-info dd{   font-weight: normal;
  line-height: 150%;
  color: #999; font-size: 65%;}
.sidebar{ width:22%; float:left; border:1px solid #ccc ; border-radius:5px; box-shadow:0px 3px 3px 0px #f1f1f1;background-color: #f1f5f8;}
.sidebar li{width:100%; line-height:18px;border-bottom:1px solid #e6e6e6;}
.sidebar li a{ line-height:18px!important; font-weight:bold;}
.current.active a, #sidebar .active a {
    display: block;
	background-color: #cee8ff;}
ul#sidebar li a {
    padding: 5px 10px;}
.conta{width:72%; float:right;}
.page-header h2,.content-category h2{ font-size:22px;color:#000;}
.sidebar h2{font-size:14px; color:#fff; background-color:#225a9c; 

margin:0px; text-align:center; line-height:32px; border-bottom:none; font-weight:bold;}
/*.active a{ color:#c00}*/
.footter_line{ height:6px; width:100%; background-color:#c00;}
.sitemap{}
.panel-footer{ margin-top:15px;}
.copyright{ float:left;}
.foot_logo{ float:right;}
.allfoot{ color:#ffffff!important; line-height:22px; font-size:90%;}
.allfoot a{color:#ffffff!important;}
.sitemap ul li{}
.sitemap ul li a{ color:#5a5a5a;font-weight: bold;}
.sitemap ul li{ list-style:none;}
.sitemap ul li ul{ padding:0px; margin-top:10px!important;}
.sitemap ul li ul li {margin-bottom:5px;	display: block!important;}
.sitemap ul li ul li a{ color:#444;font-weight: normal;}
.unstyled li{ list-style-type:none;}
.unstyled li a{line-height:22px;}

/*20150821*/

.edit fieldset{margin-top:15px;}

.inputbox{width:100%;}
#jform_tags, #jform_tags-lbl{height:25px!important;width:400px;line-height:25px!important;}



@font-face {
	font-family: 'IcoMoon';
src: url(../../../media/jui/fonts/icomoon.jpg);
src: url(../../../media/jui/fonts/icomoon.eot?#i.jpg) format('embedded-opentype'), url(../../../media/jui/fonts/icomoon..jpg) format

('woff'), url(../../../media/jui/fonts/icomoon.jpg) format('truetype'), url(../../../media/jui/fonts/icomoon.svg#ico.jpg) format('svg');
	font-weight: normal;
	font-style: normal;}

.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
	content: "\47";}
.icon-unpublish:before,
.icon-cancel:before {
	content: "\4a";}
.icon-archive:before,
.icon-drawer-2:before {
	content: "\50";}
.icon-calendar:before {
	content: "\43";}
.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
	 content: "\e065";}
[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;}
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .25em;
	line-height: 14px;}
dd > span[class^="icon-"] + time,
dd > span[class*=" icon-"] + time {
	margin-left: -0.25em;}
dl.article-info dd.hits span[class^="icon-"],
dl.article-info dd.hits span[class*=" icon-"] {
	margin-right: 0;}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
	font-weight: normal;}
.control-label .hasTooltip {
	display: inline-block;}
.icon-edit{ background:url(../images/edit.jpg);width:40px;height:18px;}
footer.panel_footer {
    margin-top: 10px;}
@media (min-width: 1200px) {

 .mainWrap 
 {
	
	width:980px; padding-left:0px!important; padding-right:0px!important;}

.mainWrap .logo2 img{ width:290px!important; height:78px!important;display:inline-block;}
.zh-cn .mainWrap .logo2 img{ width:290px!important; height:78px!important;}

.container{ width:980px;padding-left:0px!important; padding-right:0px!important;}
.footer{width:980px;padding-left:0px!important; padding-right:0px!important;}
#carousel-example-generic{width:980px;padding-left:0px!important; padding-right:0px!important; margin:auto!important ;}
.events{ float:left; width:100%;}
.rightp{float:right!important; width:39%;}
.events-bg{width:60%;}
.sitemap ul{ margin:0px; padding:0px;}
.sitemap ul li{  float:left; margin-right:100px;width:auto;}
.sitemap ul li ul{ padding:0px; margin:0px;}
.sitemap ul li ul li{	float: bolck;
	float:none;margin-right:20px;}
.navbar-collapse{ margin-left:-15px!important;}
}

@media screen and (min-width: 1025px) and (max-width: 1199px)
{

.sitemap ul{ margin:0px; padding:0px;}
.sitemap ul li{  float:left; margin-right:100px;width:auto;}
.sitemap ul li ul{ padding:0px; margin:0px;}
.sitemap ul li ul li{	float: bolck;
	float:none;margin-right:20px;}
.navbar-collapse{ margin-left:-15px!important;}
  .events {
    float: left;
    width: 100%;}
.rightp {
    float: right!important;
    width: 39%;}

}

@media screen and (max-width: 1024px){

.mainWrap 
 {
	
	width:960px; padding-left:0px!important; padding-right:0px!important;}
.container{ width:960px;padding-left:0px!important; padding-right:0px!important;}
.footer{width:960px;padding-left:0px!important; padding-right:0px!important;}
#carousel-example-generic{width:960px;padding-left:0px!important; padding-right:0px!important; margin:auto!important ;}
.events{ float:left; width:100%;}
.rightp{float:right!important; width:39%;}

.navbar-collapse{ margin-left:-15px!important;}

.sitemap ul{ margin:0px; padding:0px;}
.sitemap ul li{  float:left; margin-right:30px;width:auto;}
.sitemap ul li ul{ padding:0px; margin:0px;}
.sitemap ul li ul li{	float: bolck;
	float:none;margin-right:20px;}

}


@media screen and (max-width: 980px){

 .mainWrap 
 {
	
	width:auto;  padding-left:0px!important; padding-right:0px!important;}

.mainWrap .logo1 img{ width:247px; height:75px;}
.mainWrap .logo2 img{ width:172px; height:65px;}
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}



.container{ width:auto;padding-left:0px!important; padding-right:0px!important;}
.footer{width:920px;padding-left:0px!important; padding-right:0px!important;}
#carousel-example-generic{width:auto;padding-left:0px!important; padding-right:0px!important; margin:auto!important ;}
.events{ float:left; width:100%;}
.events-bg { width:60%;float:left;}
.rightp{float:right!important; width:39%;}
.sitemap ul{ margin:0px; padding:0px;}
.sitemap ul li{  float:left; margin-right:60px;width:auto;}
.sitemap ul li ul{ padding:0px; margin:0px;}
.sitemap ul li ul li{	float: bolck;
	float:none;margin-right:20px;}
.navbar-collapse{ margin-left:-15px!important;}

}


@media screen and (max-width:800px) {
	.nav > li {
    margin-right: 0px;}
	}

@media screen and (max-width:800px) {
	.mainWrap
	{
		width:740px;}	
.container{ width:740px;padding-left:0px!important; padding-right:0px!important;}
.footer{width:740px;padding-left:0px!important; padding-right:0px!important;}
#carousel-example-generic{width:100%;padding-left:0px!important; padding-right:0px!important;}

.mainWrap .logo1 img{ width:198px; height:60px;}
.mainWrap .logo2 img{ width:172px; height:60px;}
.zh-cn .mainWrap .logo2 img{ width:172px; height:60px;}

.rightp{ margin-top:15px; width:39%;}
.events{ margin-top:5px;width:100%;float: left;}
.events-bg {float: left;}
.well{ margin-top:15px;}
.sitemap ul{ margin:0px; padding:0px;}
.sitemap ul li{  float:left; margin-right:60px;width:auto;}
.sitemap ul li ul{ padding:0px; margin:0px;}
.sitemap ul li ul li{	float: bolck;
	float:none;margin-right:20px;}
}



@media screen and (max-width:768px) {
	.mainWrap
	{
		width: 100%;padding-left:15px; padding-right:15px;
		    background: none;}
#carousel-example-generic{width:100%;}
.container{ width:100%;padding-left:15px!important; padding-right:15px!important;}

.sidebar ul li{ width:50%; float:left; text-align:left;}
    .item-785,.item-782,.item-783,.item-784,.item-848,.item-849,.item-850,.item-851{
width: 100%!important;
float:none!important;}
  .item-785 ul li,.item-782 ul li,.item-783 ul li,.item-784 ul li,.item-848 ul li,.item-849 ul li,.item-850 ul li,.item-851 ul li{
	width:100%;}
	.item-785 ul li a,.item-782 ul li a,.item-783 ul li a,.item-784 ul li a,.item-848 ul li a,.item-849 ul li a,.item-850 ul li a,.item-851 ul li a{
		padding-top:10px;
	padding-bottom:10px;}
  li.item-783, li.item-784, li.item-785,li.item-848,li.item-849,li.item-850,li.item-851{
        clear: left;}

	.header .topWrap
	{
		position:relative;}

	.header .logo
	{
		float:none!important;
		margin:auto!important;
		_display:block;
		display:block;
		position:absolute;
		
		top:50px;
		width:100%; clear:both;
		text-align:center!important;}

.mainWrap .logo1{ width:100%; display:block;text-align:center!important;}
.mainWrap .logo2{ width:100%;display:block;text-align:center!important;}
.mainWrap .logo1 img{ width:214px; height:65px; margin:auto;}
.mainWrap .logo2 img{ width:190px; height:65px;}
.zh-cn .mainWrap .logo2 img{ width:190px; height:65px;}



.header .search1
	{
		float:none;
		position:absolute;
		width:100%;
		top:0px;
		background:#27568E;}
	
	.header .search1 .ext
	{
		float:right;
		padding:4px 30px 10px 0;}
	.header .search1 .ext a
	{




		color:#fff;}
.mod_search102 .search-query{margin-left:15px;}
	
.header .topWrap
{
	height:170px;}




.navbar-collapse{ padding-left:15px;}

.rightp{ margin-top:15px; width:100%;}
.events{ margin-top:5px;width:100%;}
.events-bg {width: 100%;}


.foot_logo{ display:none;}

.sitemap ul li ul{ display:none;}

}


@media screen and (max-width:720px) {
	
.mainWrap .logo1 img{ width:214px; height:65px;}
.mainWrap .logo2 img{ width:172px; height:65px;}
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}	
}

@media screen and (max-width:667px) {
	

.mainWrap .logo1 img{ width:214px; height:65px;}
.mainWrap .logo2 img{ width:172px; height:65px;}
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
	
}



@media screen and (max-width:640px) {
	
	.mainWrap
	{
		width: 100%;padding-left:15px; padding-right:15px;}
#carousel-example-generic{width:100%;}
.container{ width:100%;padding-left:15px!important; padding-right:15px!important;}

.sidebar,.conta{ width:100%;}
/*.sidebar ul li{ width:50%!important; float:left; text-align:left;}*/
	.header .topWrap
	{
		position:relative;}
.header .topLine
{
	border-top:7px solid #27568E;}
	.header .logo
	{
		float:none!important;
		margin:auto;
		_display:block;
		display:block;
		position:absolute;
		top:50px;}
/*
.mainWrap .logo1 img{ width:198px; height:60px;}
.mainWrap .logo2 img{ width:362px; height:60px;}*/
.mainWrap .logo1 img{ width:214px; height:65px;}
.mainWrap .logo2 img{ width:172px; height:65px;}
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
	
	.header .search1
	{
		float:none;
		position:absolute;
		width:100%;
		top:0px;
		background:#27568E;}
	
	.header .search1 .ext
	{
		float:right;
		padding:4px 30px 10px 0;}
	.header .search1 .ext a
	{
		color:#fff;}

	
.header .topWrap
{
	height:165px;}

.zh-cn .header .topWrap{height:170px;}
.navbar-collapse{ padding-left:15px;}

.rightp{ margin-top:15px; width:100%;}
.events{ margin-top:5px;width:100%;}

.foot_logo{ display:none;}

.sitemap ul li ul{ display:none;}
.en-gb .sidebar ul li{height:50px;}

}

@media screen and (max-width:600px){
	
		
.mainWrap .logo1 img{ width:214px; height:65px;}
.mainWrap .logo2 img{ width:172px; height:65px;}
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}


.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
color:#27568E
;}

	
}



@media screen and (max-width:568px) {
	
.mainWrap .logo1 img{ width:214px; height:65px;}
.mainWrap .logo2 img{ width:172px; height:65px;}
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
	
}

@media screen and (max-width:480px) {
		.header .logo
	{
		float:none;
		margin:auto;
		display:block;
		position:absolute;
		top:50px;}


.mainWrap .logo1 img{ width:198px; height:60px;}
.mainWrap .logo2 img{ width:width:172px; height:65px;}
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}

.sidebar,.conta{ width:100%;}
.sitemap ul ul{ display:none;}
}
@media screen and (max-width:414px) {
	
.mainWrap .logo1 img{ width:198px; height:60px;}
.mainWrap .logo2 img{ width:172px; height:65px;}
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
.min360{ display:none;}
	
	}
	
@media screen and (max-width:384px) {
	
.mainWrap .logo1 img{ width:198px; height:60px;}
.mainWrap .logo2 img{ width:172px; height:65px;}
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
	
	}	
	

@media screen and (max-width:375px) {
		.header .logo
	{
		float:none;
		margin:auto;
		display:block;
		position:absolute;
		top:50px;
		margin-left:10px;}


.mainWrap .logo1 img{ width:198px; height:60px;}
.mainWrap .logo2 img{ width:172px; height:65px;}
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}

.sidebar,.conta{ width:100%;}
.sitemap ul ul{ display:none;}
}




@media screen and (max-width:360px) {

		
	.header .logo
	{
		float:none;
		margin:auto;
		display:block;
		position:absolute;
		top:50px;
		margin-left:0px;}

/*	
.mainWrap .logo1 img{ width:115px; height:35px;}
.mainWrap .logo2 img{ width:211px; height:35px;}*/		
.mainWrap .logo1 img{ width:165px; height:50px;}
.mainWrap .logo2 img{ width:172px; height:55px;}
.zh-cn .mainWrap .logo2 img{ width:172px; height:55px;}
.header .topWrap{height:150px;}
.zh-cn .header .topWrap{height:150px;}
.sidebar,.conta{ width:100%;}	
.en-gb.itemid-167 .sidebar ul li{height:70px;}
.en-gb.itemid-168 .sidebar ul li{height:70px;}
.en-gb.itemid-166 .sidebar ul li{height:70px;}
/*.zh-cn .sidebar ul li{height:50px;}*/

}

@media screen and (max-width:320px) {
.sidebar,.conta{ width:100%;}
.header .logo
	{
		float:none;
		margin:auto;
		display:block;
		position:absolute;
		top:50px;
		width:100%;
		text-align:center!important;}
	
.mainWrap .logo1 img{ width:158px; height:48px;}
.mainWrap .logo2 img{ width:auto; height:26px;}	
.zh-cn .mainWrap .logo2 img{ width:auto; height:26px;}	

.header .topWrap{height:140px;}
.zh-cn .header .topWrap{height:140px;}

	
.header .search1{
	width:100%; overflow:hidden;}



}



/* cpanel */
#cpanel {width:100%; min-width:1002px; font:normal 14px/110% Arial, Helvetica, sans-serif; position:fixed; left:0; top:0; z-index:1000000;}
#cpanel .cpanelContent {height:199px;display:none;background:url(cpanel/toppanel_bg.jpg) #999;}
#cpanel .cpanelControl {width:200px; height:19px; margin:auto; line-height:19px; white-space:nowrap; text-align:center; color:#ccc; 

cursor:pointer; position:relative; background:url(cpanel/toppanel_trigger_m.jpg) #000;}
#cpanel .cpanelControl:before {width:20px;height:19px;content:"";display:block; float:left; position:absolute; left:-20px; top:0;background:url

(cpanel/toppanel_trigger_l.png);}
#cpanel .cpanelControl:after {width:20px;height:19px;content:"";display:block; float:left; position:absolute; right:-20px; top:0;background:url

(cpanel/toppanel_trigger_r.png);}
#cpanel .cpanelContent ul {margin:0 20px; padding:0;}
#cpanel .cpanelContent .moduletable {width:960px; margin:auto; padding:15px 0;}

#cpanel .cpanelContent #login-form {margin:0; color:#fff;}

#cpanel .cpanelContent .menu {list-style:none;}
#cpanel .cpanelContent .menu li {float:left; margin-right:5px;}
#cpanel .cpanelContent .menu li a {width:60px; height:80px; padding:5px; display:block; text-align:center; border:solid 1px #000; border-

radius:5px; text-decoration:none; background:#fff;}
#cpanel .cpanelContent .menu li a:hover { text-decoration:none;background:#E6F5F9;}

/* profile */
.profile {}
.profile dl {float:left;}
.profile dt {width:120px;float:left;clear:left;}
.profile dd {float:left; margin-left:10px;}

.head-right-top {
    display: inline;
	float:right;}
.head-right {
    display: inline;
	position: relative;}

.head-right a {
    color: #27568e;}
.events-bg {
    margin: auto;float: left;}

/*itrianing link*/
@media screen and (max-width: 980px){

  .itrianing-link a img {
    width: 10%;
    margin: 18px;}
	}
    @media screen and (max-width: 768px){
	.aidanews2_art {
    clear:both!important;
	width: 100%;
    margin: auto;
	text-align:left;}
.aidanews2 {
    width: 100%;
    margin: auto;}

	.head-right-top{ float:none;}
	.head-right{top:5px;}
	.navbar-inverse {
    background: none;
    background-color: #27568E;
    border: 1px solid #549fd6;
    border-radius: 0px;}
      .sidebar,.conta{ width:100%;}

      
	}
	
@media (max-width: 760px){
.itrianing-link a img {
    width: 17%;
    margin: 5px 33px;}
.mainWrap {background: none;} 
}
@media screen and (max-width:480px){
.itrianing-link {
    width: 100%;}

  
}