/* 
 * Copyright 
 * Created by : Azman Zaki
 * Dept : Multimedia Product Innovation Unit (MPU), ITSD
 * August 2015
 * For MCTPR landscape version
 */
 
@import url(https://fonts.googleapis.com/css?family=Lato:100,400,700,100italic,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Sofadi+One);
@import url(https://fonts.googleapis.com/css?family=Rosario);
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans);
@import url(https://fonts.googleapis.com/css?family=Metrophobic);
@import url(https://fonts.googleapis.com/css?family=Allerta);
@import url(https://fonts.googleapis.com/css?family=Fauna+One);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@media screen and (orientation: landscape){
	#m_li{
		display:block !important;
	} 
}


body,html{
	padding:0px;
	margin:0px;
	width:100%;
	height:auto;
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
}

html, html>body{
	/* background:url("../images/bg.jpg");
	background-repeat:repeat;
	background-size:1920px; */
	background:#E6DEF2;
}

p,h1{
	margin:0px;
	padding:0px;
	line-height:1;
}


h1{
	font-size:18px;
}


.container, .container1{
	width:100%;
	max-width:1024px;
	margin:0 auto;
	/* background:rgba(255,255,255,0.8); */
	box-shadow: 5px 5px 5px #888888;
}

.logo{
text-align:center;
}

header{
	width:100%;
	margin:0px;
	background:rgba(255,255,255,0.8); 
}

.h_images{
	display:inline-block;
	vertical-align:middle;
	padding:10px;
	width:35%;
	text-align:center;

}

#gsma{
	width:18%;
	display:inline-block;
}

#mmc{
	width:24%;
	display:inline-block;
}

#mmu{
	width:100%;
	display:inline-block;
	vertical-align:middle;
}

.h_title{
	display:inline-block;
	width:30%;
	vertical-align:middle;
	border-left: 1px solid black;
	display:inline-block;
}

.hrdf{
	padding-right:30px;
	width:20%;
}
.p_title{
	color:white;
	width:100%;
	text-align:right;
	padding-top:20%;
	padding-bottom:10px;
}


.p_title h1{
	font-size:40px;
	padding-right:30px;
	text-shadow:
	-1px -1px 0 #180437,  
    1px -1px 0 #180437,
    -1px 1px 0 #180437,
    1px 1px 0 #180437;
}

.p_title_index{
	color:white;
	width:100%;
	text-align:right;
	padding-top:5%;
	padding-bottom:10px;
}


.p_title_index h1{
	font-size:40px;
	padding-right:30px;
	text-shadow:
	-1px -1px 0 #180437,  
    1px -1px 0 #180437,
    -1px 1px 0 #180437,
    1px 1px 0 #180437;
}

.menu{
	
/* 	background: #7709fb;
	background: -moz-linear-gradient(top, #7709fb 8%, #4800a0 15%, #4800a0 85%, #2c0060 92%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,#7709fb), color-stop(15%,#4800a0), color-stop(85%,#4800a0), color-stop(92%,#2c0060));
	background: -webkit-linear-gradient(top, #7709fb 8%,#4800a0 15%,#4800a0 85%,#2c0060 92%);
	background: -o-linear-gradient(top, #7709fb 8%,#4800a0 15%,#4800a0 85%,#2c0060 92%); 
	background: -ms-linear-gradient(top, #7709fb 8%,#4800a0 15%,#4800a0 85%,#2c0060 92%); 
	background: linear-gradient(to bottom, #7709fb 8%,#4800a0 15%,#4800a0 85%,#2c0060 92%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7709fb', endColorstr='#2c0060',GradientType=0 ); */
	width:100%;
	padding:0px;
	text-align:center;
	background:url("../images/bg2025.jpg");
	background-size:cover;
}

/* unvisited link */
.menu a:link {
    color: white;
	text-decoration: none;
}

/* visited link */
.menu a:visited {
    color: white;
	text-decoration: none;
}

/* mouse over link */
.menu a:hover {
    color: white;
	text-decoration: none;
}

/* selected link */
.menu a:active {
    color: white;
	text-decoration: none;
}

.menu ul{
	background:rgba(0,0,0,0.6);
	list-style-type: none;
	font-size:18px;
	padding:5px;
	margin:0px;
}

.menu li{
	color:white;
	display:inline-block;
	width:12%;
	min-width:120px;
	text-align:middle;
	cursor: pointer;
}

#m_potrait{
	font-size:20px;
	color:white;
	display:none;
	width:15%;
	min-width:150px;
	text-align:middle;
	cursor: pointer;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 78%, rgba(255,255,255,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(78%,rgba(0,0,0,0.5)), color-stop(100%,rgba(255,255,255,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 78%,rgba(255,255,255,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 78%,rgba(255,255,255,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 78%,rgba(255,255,255,0.5) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 78%,rgba(255,255,255,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */
	width:100%;
	padding:2% 0%;
}

#m_li_1{
	display:block;
}

#m_li{
	display:block;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;	
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #fff;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	float:center;
	margin:0px;
	margin-left:5px;
	padding:0px;
	display:inline-block;
    -webkit-transition: border-bottom-width 0.5s, border-top-width 0.5s; /* Safari */
    transition: border-bottom-width 0.5s, border-top-width 0.5s;
}

.content{
	margin:0;
	padding:10px 50px;
	background:white;
	text-align:justify;
	font-style: normal;	
}

.content p{
	line-height:125%;
}

.b_title{
	display:inline-block;
	background:#28439B;
	margin:0px;
	color:white;
	padding:10px 5px;
	font-weight:500;
	width:50%;
}

.full_title{
	display:inline-block;
	width:96%;
	margin:0px;
	background:black;
	text-align:center;
	color:white;
	padding:0.5% 2%;
}

.f_1{
	width:40%;
	display:inline-block;
	vertical-align:top;
}

.f_block{
	width:100%;
	margin:5px;
	padding:0;
	display:inline-block;
	text-align:right;
	vertical-align:top;
}

.f_title{
	background:#58595B;
	display:inline-block;
	padding:0 5px 5px;
	color:white;
	width:30%;
	vertical-align:top;
}

.submit_btn{
	width:100%;
	text-align:right;
	display:inline-block;
	padding-right:20px;
}

.theme_list{
	background:#D1D3D4;
	color:black;
	padding:10px 10px 10px 30px;
	list-style-type:disc;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width:70%;
	margin-bottom:20px;
}

.theme_list ul{
	display:inline-block;
	width:45%;
	vertical-align:top;
	list-style-type: none;
	margin-right:20px;
}
.theme_list li{
	padding:5px 0px;
}

.about_list{
	/*background:black;*/
	color:white;
	padding:10px 10px 10px 30px;
	list-style-type:disc;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width:90%;
}

.about_list ul{
	display:inline-block;
	width:45%;
	vertical-align:top;
	margin-right:20px;
}
.about_list li{
	padding:5px 0px;
}

.str_icon{
	display:inline-block;
	text-align:left;
	width:32%;
	max-width:310px;
	min-width:250px;
}

.str_icon img{
	width:100%;
}

.str_icon img{
	margin:5px;
}

.accom{
	vertical-align:top;
	width:100%;
	padding:10px 0;
}

.accom1{
	width:100%;
	padding-left:20px;
}

.ben_box{
	/* width:45%; */
    width: 478px;
	display:inline-block;
	margin:5px;
	vertical-align:top;
	background-color: #E1904B;
/*	font-weight: 900;*/
}

.ben_box1{
	/* width:45%; */
    width: 478px;
	display:inline-block;
	margin:5px;
	vertical-align:top;
	font-weight: 900;
}

.bb_no{
	background:#BA733D; 
	color:white;
	text-align:left;	
	padding:15px 10px;
	vertical-align:top;

}

.bb_cont{
	background:#E1904B;
	color:white;
	text-align:left;	
	padding:15px 10px;
	vertical-align:top;	
}

.bb_cont6{
	background:#E1904B;
	color:white;
	text-align:left;	
	padding:15px 10px;
	vertical-align:top;
	width:25%;
/*	font-weight: bold; 	*/
}

.f_1x{
	width:100%;
	display:inline-block;
	vertical-align:top;
}
.f_blockx{
	width:100%;
	margin:5px;
	padding:0;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}
.f_titlex{
	background:#58595B;
	display:inline-block;
	padding:0 5px 5px;
	color:white;
	width:20%;
}
.f_titlefield{
	background:white;
	display:inline-block;
	padding:0 5px 5px;
	width:50%;
}
.b_titlex{
	display:inline-block;
	background:black;
	margin:0px;
	color:white;
	padding:5px 5px;
	font-weight:500;
	width:80%;
}
.full_titlex{
	display:inline-block;
	width:80%;
	margin:0px;
	background:grey;
	text-align:left;
	color:white;
	padding:5px 5px;
}

#accom_img{
	vertical-align:middle;
	display:inline-block;
	margin:0;
	padding:0;
}

#disc_img{
	vertical-align:middle;
	display:inline-block;
	margin:0; 
	margin-right:3%; 
	padding:0;
	}

#add{
	visibility:visible;
	width:auto;
}

#remove{
	visibility:hidden;
	width:0px;
}
		
#form2{
	visibility:hidden;
	height:0px;
}

#form3{
	visibility:hidden;
	height:0px;
}

#form4{
	visibility:hidden;
	height:0px;
}

#form5{
	visibility:hidden;
	height:0px;
}

#form6{
	visibility:hidden;
	height:0px;
}

#form7{
	visibility:hidden;
	height:0px;
}

#form8{
	visibility:hidden;
	height:0px;
}

#form9{
	visibility:hidden;
	height:0px;
}

#form10{
	visibility:hidden;
	height:0px;
}

footer{
	background:#7455A4;
	color:white;
	padding:10px;
}


.t_tittle{
	background:#58595B;	
	color:#FFFFFF;	
}

.semua{
	background:#D1D3D4;
	border:1px solid #000;
	text-align:left;
	
	}
	
.semua tr td {
	border-right:1px solid #000;
	border-left:1px solid #000;
	padding:5px;
	}
	
.semua ul {
	padding-left:20px;
/*	list-style:disc;*/
}

.row {
  margin-right: -15px;
  margin-left: -15px;
  padding-bottom: 20px;
}
.row:before, .row:after {
	display: table;
  	content: " ";
}
.row:after {
	clear: both;
}

.speakers {
	/*position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;*/
}

.speakers{
	width: 15%;
}

.speakers img{
	width:90%;	
	min-width:100px;
	max-width:200px;
	display: block;
	margin: 0 auto;
	border: 1px solid #aaa;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.spk_txt{
	text-align:center;
	width:90%;
	
    min-width: 100px;
    max-width: 200px;
    display: block;
    margin: 0 auto;
}

.speakers_main{
	width:100%;
	padding:0;
	margin:0 auto;
	margin-bottom:20px;
}

.speakers_main img{
	width:20%;
	max-width:200px;
	min-width:100px;
	display:inline-block;
	vertical-align:top;
}

.spk_main_txt{
	width:65%;
	display:inline-block;

}

.tab{
	display:none;
	width:100%;
	text-align:center;
}

.tab img{
	width:90%;
}

.tab p{
	font-size:10px;
}

.full_title_register{
	display:inline-block;
	width:96%;
	margin:0px;
	text-align:center;
	color:white;
	background:#28439B;
	padding:0.5% 2%;
	}

/*Tambahan Hussin*/

 .ben_box1{
	/* width:45%; */
    width: 100%;
	display:inline-block;
	margin:5px;
	vertical-align:top;
}

.bb_no1{
	background:#C45532; 
	width: 20%;
	color:white;
	text-align:left;	
	padding:15px 10px;
	vertical-align:top;
}

.bb_cont1{
	background:#DE6D45;
	color:white;
	text-align:left;	
	padding:15px 10px;
	vertical-align:top;	
}
.ben_box2{
	/* width:45%; */
    width: 100%;
	display:inline-block;
	margin:5px;
	vertical-align:top;
}

.bb_no2{
	background:#51873E; 
	width: 20%;
	color:white;
	text-align:left;	
	padding:15px 10px;
	vertical-align:top;
}

.bb_cont2{
	background:#68AD45;
	color:white;
	text-align:left;	
	padding:15px 10px;
	vertical-align:top;	
}

.ben_box3{
	/* width:45%; */
    width: 100%;
	display:inline-block;
	margin:5px;
	vertical-align:top;
}

.bb_no3{
	background:#087E91; 
	width: 20%;
	color:white;
	text-align:left;	
	padding:15px 10px;
	vertical-align:top;
}

.bb_cont3{
	background:#00ABD0;
	color:white;
	text-align:left;	
	padding:15px 10px;
	vertical-align:top;	
}

.ben_box4{
	/* width:45%; */
    width: 100%;
	display:inline-block;
	margin:5px;
	vertical-align:top;
}

.bb_no4{
	background:#60215D; 
	width: 20%;
	color:white;
	text-align:left;	
	padding:15px 10px;
	vertical-align:top;
}

.bb_cont4{
	background:#923F8C;
	color:white;
	text-align:left;	
	padding:15px 10px;
	vertical-align:top;	
}

.ben_box5{
	/* width:45%; */
    width: 100%;
	display:inline-block;
	margin:5px;
	vertical-align:top;
}

.bb_no5{
	background:#783D7F; 
	width: 20%;
	color:white;
	text-align:left;	
	padding:15px 10px;
	vertical-align:top;
}

.bb_cont5{
	background:#A468AB;
	color:white;
	text-align:left;	
	padding:15px 10px;
	vertical-align:top;	
}

.contact1{

margin:0 0 25px 10px;

}

.gambar{
width:100%;
text-align:center;
}

.gambar img {
width:100%;
}
 

.contact2{
display:inline-block;
margin:0 0 25px 0;
vertical-align:top;

}

 

.contact-email{
 background:url("../images/email.png");
background-repeat:no-repeat;
padding: 15px 0px 40px 50px;
margin-left: 10px;	
}

.contact-email a{ 
 color:black;
 }
 
 .qrcode{
 background:url("../images/mmuQrcode.jpg");
background-repeat:no-repeat;
padding: 15px 0px 40px 50px;

}

.qrcode a{ 
 color:black;
 }
 
.qrcode_ctpr{
background:url("../images/ctpr_Qr.jpg");
background-repeat:no-repeat;
padding: 15px 0px 40px 50px;
margin-left: 10px;	
}

.qrcode_ctpr a{ 
 color:black;
 }
 
 

/*Tambahan Hussin*/


@media (min-width: 992px) {
	.speakers {
		float: left;
		width: 16.66666667%;
	}
}


.keynote{
background:#F6C245;
padding:10px;
width:50%;
}



/*Tambahan Hussin*/

 /* Dropdown Button */
.dropbtn {
    /*  background-color: #4CAF50;*/
    color: white;
    padding: 0px;
    /*font-size: 16px;*/
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color:rgba(0,0,0,0.6);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 999;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: rgba(0,0,0,0.8)}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: rgba(0,0,0,0.6);
}

.backTop{
	border:1px solid #FFF;
	width:45px;
	height:45px;
    position: fixed;
    bottom: 3em;
    right: 10px;
    background:url("../images/bg_button_top.jpg");
    display: none;
}

.backTop:hover{    
    -moz-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
}