.modal-dialog {
	max-width: 800px !important; /* New width for default modal */	
	/*width: 100% !important;
	margin:0 auto !important;*/
	width: 95% !important;
	margin:10px auto !important;
	
}
#myModal .modal-content{
	overflow-x: scroll;
}
#myModal
{
	z-index: 99999 !important;
}

.modal-body
{
	overflow-x: scroll;
}


#myModal .modal-header
{
	background-color: #b66328;
    border-radius: 4px;
    color: #ffffcc;
    text-align: center;
}

@font-face {
    font-family: "Avenir LT Std 35 Light";
    font-style: normal;
    font-weight: normal;
    src: local("Avenir LT Std 35 Light"), url("../font/AvenirLTStd-Light.woff") format('woff');
}
@font-face {
    font-family:"MingLiU";
    src:url("../font/mingliu.eot?") format("eot"),url("../font/mingliu.woff") format("woff"),url("../font/mingliu.ttf") format("truetype"),url("../font/mingliu.svg#MingLiU") format("svg");
    font-weight:normal;
    font-style:normal;
}

* {
    margin: 0;
}
html, body {
    min-height: 750px;
    height: 100%;
}

body {
    margin:0;
    padding:0;
    position:relative;
    font-family:"MingLiU";
    font-size:16px;
    /*background: url("https://farm8.staticflickr.com/7467/15839585709_77ee0c6f20_o.png") no-repeat #2b1409;*/
	background: url("http://penangthaichu.com/media/1210/taizidian-banner.png") no-repeat #2b1409;
    background-size: 100% auto;
    background-position:center bottom;
}

a{
	color:#100300;
}
a:hover{
	color:#eaa04a;
}

#content-body {
    min-height: 100%;
    max-height: 100%;
    height:100%;
    margin-bottom:-47px;
    overflow-x:hidden;
    line-height:22px;
}
#content-body:after {
  content: "";
  display: block;
}
#content-body:after {
  height: 47px; 
}
#content-body .content-background{
    background:#ff0000;
    min-height: 100%;
}
#content-body .content-background:after {
  content: "";
  display: block;
}
#content-body article{
    background:url(../images/content-bg.png) repeat;
    min-width:700px;
    margin:0 266px 50px 266px;
    padding:50px;
    word-wrap: break-word;
}
#content-body h1{
    color:#411b00;
    font-size:25px;
    margin-bottom:20px;
}
#content-body h1 i{
    width:59px;
    height:18px;
    background:url(../images/header-deco.png) no-repeat;
    display:inline-block;
    vertical-align:middle;
}
#content-body p{
    margin-bottom:15px;
}

#content-body .latest-news .title, #content-body .committee .title,#content-body .member .title{text-align:center;font-weight:bold;margin-bottom:10px;}
#content-body .committee table,#content-body .member .table1{width:500px;margin:0 auto 15px auto;}
#content-body .committee table th{text-align:right;vertical-align:top;padding:5px;}
#content-body .member table th{text-align:left;vertical-align:top;padding:5px;}
#content-body .committee table td, #content-body .member table td{line-height:27px;padding:5px;}
#content-body .member table.table1 th{width:80px;}
#content-body .member table.table1 td{width:420px;}
#content-body .member table.table2 td{width:25%;vertical-align:top;}
#content-body .committee .image{text-align:center;}

#content-body .activities{}
#content-body .activities .title{font-weight:bold;font-size:20px;margin-top:10px;margin-bottom:10px;}
#content-body .activities table{width:100%;margin-bottom:20px;}
#content-body .activities table td{padding:5px;vertical-align:top;}
#content-body .activities table td.no{width:25px;}
#content-body .activities table td.description{width:312px;}
#content-body .activities table td.activityDate{width:185px;}
#content-body .activities table td.activityTime{}
#content-body .activities table tr.alt{background:#bbb;}
#content-body .activities table tr.currentActivity{background:#ffff00 !important;}
#content-body .activities .activity-date{font-weight:bold;font-size:25px;line-height:30px;}
#content-body .activities .activity-time{font-weight:bold;margin-bottom:15px;font-size:25px;line-height:30px;}
#content-body .contact-us{font-family:arial;}
#content-body .contact-us .name{font-weight:bold;}
#content-body .contact-us .name span{font-weight:normal;font-size:11px;}
#content-body .contact-us .address{}
#content-body .contact-us .telephone{}

header{
    text-align:center;
    padding-top:20px;
    min-width:700px;
    margin:0 266px;
}
header .logo{
    margin-bottom:8px;
}
header .sub-logo{
    margin-bottom:20px;
}

nav{
    position:absolute;
    z-index:99999;
    top:0;
    right:0;
    min-height:100%;
    width:400px;
    height:100%;
    overflow-x:hidden;
}
nav .wrapper{
    float:right;
    position:relative;
    background:#ffffcc;
    width:250px;
    min-height:750px;
    height:100%;
}
nav ul{
    margin:0 20px;
    padding:0;
    position:relative;
    z-index:9999;
    top:280px;
}
nav ul li{
    list-style:none;
    margin-bottom:2px;
}
nav ul li a{
    text-decoration:none;
    display:block;
    width:210px;
    padding:14px 0;
    font-weight:bold;
    text-align:center;
    font-size:18px;
    color:#6a2c00;
    background: url(../images/active-menu.png) no-repeat;
}
nav ul li a:hover {
    color:#b66328;
    background: url(../images/hover-menu.png) no-repeat;
}
nav .dragon-top{
    position:absolute;
    top:15px;
    right:0;
}
nav .dragon-bottom{
    position:absolute;
    top:560px;
    right:0;
}

.menu-icon{
    display:none;
    width:30px;
    height:32px;
    background:url(../images/menu-icon.png) no-repeat;
    position:fixed;
    right:0;
    top:10%;
}
.close-icon{
    display:none;
    width:30px;
    height:32px;
    background:url(../images/close-icon.png) no-repeat;
    right:260px;
    top: 10px;
    position: absolute;
    z-index:99999;
}

footer{
    border-top:solid 3px #7b4e36;
    background:#100300;
    color:#eaa04a;
    font-size:12px;
    font-family: "AVENIR LT STD 35 LIGHT";
    text-align:center;
    padding:15px 0;
	z-index:99991;
	position:relative;
}
footer a{
    color:#eaa04a;
}
footer a:hover{
    color:#ffff00;
}
/*.abtlikebox{background: url("../images/fb.png") no-repeat scroll right center transparent !important; float: left;height: 270px;padding: 0 46px 0 5px;width: 305px;z-index:  99999;position:fixed;left:-313px;top:2%;}*/
.abtlikebox{background: url("../images/fb.png") no-repeat scroll right center transparent !important; float: left;height: 270px;padding: 0 46px 0 0px;width: 305px;z-index:  99999;position:fixed;left:-308px;top:2%;}

.abtlikebox > div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;width:300px;}
.abtlikebox > div > span{bottom: 4px;font: 8px "lucida grande",Tahoma,Verdana,Arial,sans-serif;position: absolute;left: 6px;text-align: left;z-index: 99999;}
 .abtlikebox span a{color: gray;text-decoration:none;}
 .abtlikebox span a:hover{text-decoration:underline;}
.clear{clear:both;}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
