@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,figure{margin: 0;padding: 0;border: 0;font: inherit;font-size: 100%;vertical-align: baseline;}
img{display:block;}

ul.unstyled, ul.unstyled li{margin:0;padding:0;list-style:none;}
ul.star {text-align:left;color:#000000;font-size:16px;}
ol.star {text-align:left;color:#000000;font-size:16px;}

table.border, table.borderless  { position: relative; border-spacing: 0px; font-size: 18px; width: 100%; }
table.border tr td { border-color: #C0C0C0; border-width: 1px 1px 1px 1px; /* top right bottom left */ border-style: solid; padding: 4px; border-collapse: collapse;color:#000000; text-align:left;}
table.borderless tr td { border-width: 0px 0px 0px 0px; /* top right bottom left */ padding: 0px; border-collapse: collapse;color:#000000; text-align:left;}


.aspect-ratio { position: relative; width: 100%; height: 0; padding-bottom: 51%; }
.aspect-ratio iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.aspect-ratio textarea { position: absolute; width: 100%; height: 70%; left: 0; top: 0; overflow-y: scroll; border: 3px solid #cccccc; background-color: #ffff99; }
input[type="text"], select { background-color: #ffffff; }


.fonts{font-family: "Microsoft YaHei", Verdana;}
.thin{font-weight:100;}
.light{font-weight:300;}
.normal{font-weight:700;}
.bold{font-weight:900;}
.upper{text-transform:capitalize;}
.round{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.shadow{-moz-box-shadow:0px 1px 4px rgba(0,0,0,0.3);-webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.3); box-shadow:0px 1px 4px rgba(0,0,0,0.3);}
.quarter{float:left;width:23.5%;margin:20px 2% 30px 0;}
.triple{float:left;width:32%;margin:20px 2% 30px 0;}
.double{float:left;width:48%;margin-right:4%;}
.last{margin-right:0px;}
.first{display: block;}
figure img{display:block;max-width:100%;}

.box-cell{
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;/* Opera/IE 8+ */
}

.cWrap{max-width:1070px;width:100%;margin:0 auto;}


body{width:100%;background:none;}

h3{text-transform:capitalize;font-size:16px;color:#6600ff;margin:0 0 5px;text-align:left;font-weight:bold;}

section{float:left;width:100%;}
#slideText{position:relative;}
#slideText h1{float:left;width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:-4;background-repeat:no-repeat;background-attachment:fixed;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-size:55px;color:#fff;line-height:80px;font-family: "Microsoft YaHei", Verdana;}

#slideText h1.active{z-index:-2}
#slideText h1.lastAct{z-index:-3}
#slideText #s1{background-image:url(/water80/images/drinkwater1en.jpg);}
#slideText #s2{background-image:url(/water80/images/drinkwater1en.jpg);}
#slideText #s3{background-image:url(/water80/images/drinkwater1en.jpg);}
#slideText #s4{background-image:url(/water80/images/drinkwater1en.jpg);}
#s1 strong{position:absolute;bottom:0px;left:0px; background: #ffffff; padding: 10px;	}
#s2 strong{position:absolute;bottom:0px;left:0px; background: #ffffff; padding: 10px;	}
#s3 strong{position:absolute;bottom:0px;left:0px; background: #ffffff; padding: 10px;	}
#s4 strong{position:absolute;bottom:0px;left:0px; background: #ffffff; padding: 10px;	}
#s5 strong{position:absolute;bottom:0px;left:0px; background: #ffffff; padding: 10px;	}
#s6 strong{position:absolute;bottom:0px;left:0px; background: #ffffff; 	filter:alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80; padding: 10px;font-size:45px;}

#slide1 { position:relative; }
#slide1 h1{float:left;width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:-4;background-repeat:no-repeat;background-attachment:fixed;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-size:55px;color:#fff;line-height:80px;font-family: "Microsoft YaHei", Verdana;}
#slide1 #slide1s1 { background-image:url(/water80/images/slideen7.jpg);  }

#media{background:#f4f4f4;}

#homeLogo{margin-left: auto; margin-right: auto;top:20px;z-index:-1; padding-bottom:4px; padding-top: 20px;}
#homeLogo{display:none;}
#homeLogo2 {padding-top: 50px;}

#allCover{float:left;width:720px;height:480px;position:fixed;top:10%;left:50%;z-index:1000;background:transparent url(../images/opening.jpg) no-repeat 50% 50%;background-size:cover;overflow:hidden;margin:0 0 0 -360px;}
#allCover article{display:block;border:#fec10d 3px solid;margin:20px;height:432px;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;position:relative;}
#allCover article #band{float:left;position:absolute;top:-10px;width:85%;right:-70px;}
#allCover article #texts{float:left;position:absolute;top:80px;left:50%;margin:0 0 0 -160px;width:320px;}
#allCover article a{float:left;position:absolute;bottom:30px;left:50%;margin:0 0 0 -80px;padding:6px 0;background:#fec10d;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;width:160px;line-height:20px;font-size:20px;color:#fff;text-decoration:none;text-transform:capitalize;text-align:center;}
#allCover article a strong{display:block;font-size:16px;}

nav.fullScreen {float:left;width:100%;background-color:#0099ff;text-transform:capitalize;border-top:#ffffff 1px solid;border-bottom:#ffffff 1px solid;z-index:100;}
nav.fullScreen  img{float:left;}
nav.fullScreen  ul{display:block;float:left;line-height:100%;background-color:#0099ff;}
nav.fullScreen ul  li {display:inline; background: url('/water80/images/div.jpg') no-repeat right; float: left; padding-left: 10px; padding-right: 10px;}
nav.fullScreen ul  li.first, nav.fullScreen ul  li.last {background: none transparent scroll repeat 0% 0%;}
nav.fullScreen ul  li a{float:left; text-decoration:none;color:#ffffff;line-height:65px;font-size:18px;font-family: "Microsoft YaHei", Verdana; vertical-align: middle;}
nav.fullScreen  ul li a:hover,nav a.active{color:#ff6600;}
#mMenu{display:none;}

#mBtn{float:left;width:80px;height:80px;background-repeat:no-repeat;background-position:0 0;cursor:pointer;background-image:url(../images/home_arrow.png);border-radius: 50%;position:absolute;left:50%;top:50%;margin:60px 0 0 -40px;}
#mBtn:hover{background-position:0 -80px;}

/* the first section needs to be set in site.js */
#first_section, #about,#directory{background:#fff;}

#first_section h1 strong, #about h1 strong {display:block;font-size:32px;color:#888;line-height:30px;font-weight:300;}
#first_section ul, #about ul {margin:10px 0 40px;color:#444;padding:0 0 0 20px;}
#first_section ul li, #about ul li {margin:0 0 8px 0px; font-size:16px;}
#first_section ul.chinese li, #about ul.chinese li {font-size:16px;color:#3c668c;}
#first_section h2{font-size:22px;color:#ff6600;text-align:left;font-weight:bold;}

.border_top {border-top:#0099ff 2px solid}

.section_dark_background{float:left;width:100%;padding:15px 0 15px;background-repeat:no-repeat;color:#fff;text-align:center;}
.evt-item{border:rgba(255,255,255,0.6) 1px solid;padding:15px;margin-bottom:5px;}
.evt-item-borderless, .evt-item-single {padding:15px;margin-bottom:5px;}
.section_dark_background h1{text-transform:capitalize;font-size:52px;margin:15px 0 20px;}
.section_dark_background h1 strong{display:block;font-size:44px;}
.section_dark_background h2{text-transform:capitalize;font-size:26px;color:#ffffff;margin:0 0 20px;text-align:left;font-weight:bold;}
.section_dark_background p{font-size:16px;color:#ffffff;text-align:left;}
.section_dark_background .evt-item h2{font-size:26px;font-weight:600;text-align:center;font-weight:bold;}
.section_dark_background .evt-item p{text-align:center;}
.section_dark_background .evt-item span{Wtext-transform:capitalize;font-weight:600;font-size:20px;display:block;line-height:40px;}
.section_dark_background h3{color:#ffffff;text-transform:capitalize;font-weight:600;font-size:20px;display:block;line-height:40px;}


#qrcode_share{float:left;width:100%;height: 550px; padding:15px 0 15px;background-repeat:no-repeat;background-image:url(../images/QrCodeShare.jpg);background-position:center center;-webkit-background-size:auto 500px;-moz-background-size:auto 500px;-o-background-size:auto 500px;background-size:auto 500px;color:#fff;text-align:center;}
#qrcode_share p{float: center; margin-top: 170px; font-size:18px; color:#ffffff; font-weight:bold; text-align:center; filter:alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80;}


.evt-item-dark, .evt-item-single-dark {border:#000000 1px solid;padding:15px;margin-bottom:5px;}
.section_grey{float:left;width:100%;padding:15px 0 15px;background-color:#e6f3ff;color:#000000;text-align:left;}
.section_white{float:left;width:100%;padding:15px 0 15px;color:#fff;text-align:left;}
.section_white h1, .section_grey h1{text-transform:capitalize;font-size:52px;margin:15px 0 20px;}
.section_white h1 strong, .section_grey h1 strong{display:block;font-size:44px;}
.section_white h2, .section_grey h2{text-transform:capitalize;font-size:26px;color:#ff6600;margin:0 0 20px;text-align:left;font-weight:bold;padding-top:10px;}
.section_white , .section_grey {font-size:16px;color:#000000;text-align:left;}
.section_white .evt-item-dark h2, .section_grey .evt-item-dark h2{font-size:26px;font-weight:600;text-align:center;font-weight:bold;}
.section_white .evt-item-dark, .section_grey .evt-item-dark p{text-align:left;}
.section_white  .evt-item-dark h3, .section_grey .evt-item-dark h3, .evt-item-borderless h3{text-transform:capitalize;font-weight:600;font-size:20px;display:block;line-height:40px;}
.section_white h4, .section_grey h4{font-size:16px;color:#000000;text-align:center;}
.section_white ul {color:#000000;};


span.credit {color:#999999; text-align:left; font-style: italic; font-size: 12px;}

#directory{height:660px;overflow:hidden;position:relative;}
#directory h1{display:block;text-transform:capitalize;margin:25px 0 18px 40px;}
#directory #dlPlan{float:right;margin:-65px 40px 0;font-weight:700;background:#FC0;text-decoration:none;color:#fff;padding:4px 8px;}
#directory #dlPlan:hover{background:#F90}
#directory aside{width:220px;padding:0 20px 0 40px;height:500px;position:absolute;left:0px;border-right:#ececec solid 1px;z-index:0;}
#directory aside h2{font-size:18px;}
#directory aside ul li{font-size:16px;color:#7f7f7f;cursor:pointer;}
#cateList{padding:5px 0 0 10px;}
#cateList li{margin:0 0 4px;}
#cateList li span{font-size:16px;margin:0 0 0 6px;}
#cateList li.active{font-weight:700;color:#88ac2e}
#alphList{float:left;width:210px;padding:10px 0 0 10px;margin:0 0 10px;}
#alphList li{float:left;width:11%;margin:0 0 4px 2.5%;text-transform:capitalize;text-align:center;background:#f5f5f5;line-height:22px;}
#alphList li.active{background:#88ac2e;color:#fff;}
#directory article{display:block;margin:0 10px 0 310px;height:500px;overflow:hidden;}
#directory article .closeBtn,#directory article>h1{display:none}
#directory article figure{float:left;width:30%;margin:0 3.33% 30px 0;position:relative;-webkit-transition: all 0.25s ease;transition: all 0.25s ease;overflow:hidden;}

#directory article figure div{position:absolute;float:left;width:92%;padding:0 4%;height:100%;z-index:1;background:#88ac2e;left:100%;top:0px;-webkit-box-shadow: inset -10px 0px 250px 0px rgba(0, 0, 0, 0.55);
-moz-box-shadow: inset -10px 0px 250px 0px rgba(0, 0, 0, 0.55);box-shadow: inset -10px 0px 250px 0px rgba(0, 0, 0, 0.55);color:#fff;}

#directory article figure div h4{font-weight:700;font-size:16px;margin:8px 0 0;}
#directory article figure div h4 strong{font-size:24px;font-weight:400;position:absolute;right:10px;bottom:6px;}
#directory article figure div p{color:#fff !important;padding:0 0 0 26px;background:transparent url(../images/ico_tele.png) no-repeat 0 5px;font-weight:300;font-size:20px;margin:10px 0 0;}
#directory article figure div a{position:absolute;left:0px;bottom:0px;color:#FC0;text-decoration:none;font-size:16px;color:#fff;padding:6px 20px;float:left;background:#222;}
#directory article figure div a:hover{background:#6d9ac3;}

#directory article figure h3{float:left;content:'';display:block;width:100%;height:100%;position:absolute;left:0px;bottom:0px;cursor:pointer;}
#directory article figure h3 strong{float:left;content:'';display:block;width:94%;position:absolute;left:0px;bottom:0px;background:transparent url(../images/dark_trans.png) repeat-x left top;z-index:0;padding:6px 3%;font-size:16px;font-weight:700;color:#fff;}

#contactUs .inputbox {float:right; border-style:#000000}
#contactUs .inquirybox {float:right; border-style:#000000; width:320px; height:320px}
#contactUs .rwd-break{display: none;}
#contactUs .contactUstable{width:600px;}

#contact{float:left;width:100%;height:660px;position:relative;}
div#gMap{float:left;width:100%;height:inherit;left:0px;top:0px;z-index:1;}
#contact aside{float:left;position:absolute;right:0px;top:0px;width:46%;height:100%;background:transparent url(../images/pattern_trans.png);z-index:8;}

#contact aside *{display:block;padding:0 40px;font-size:16px;color:#e6e6e6;}
#contact aside h1{font-size:28px;text-transform:capitalize;margin:40px 0 0;color:#88ac2e}
#contact aside h2{font-size:26px;text-transform:capitalize;margin:20px 0 0;color:#88ac2e}
#contact aside a{font-size:18px;margin:6px 0 0;color:#ffcb08;text-decoration:none;}
#contact aside a:hover{text-decoration:underline;}

/*all possible font colors*/
.blueText{color:#0099ff}


.hidden{left:100% !important;}
#transDiv>aside{float:left;width:274px;height:100%;padding:44px 33px 0;background:#fff url(../images/color_logo.png) no-repeat bottom center;position:absolute;left:-340px;top:0px;}

.allTexts h1{margin:15px 0 20px;font-size:46px;}
.allTexts p{line-height:1.5em;margin:0 0 1em;font-size:18px;}
.allTexts .chinese{font-size:16px;color:#3c668c;}
.allTexts .label{font-size:16px; color:#444; line-height: 1.5em;}

#bInfo{width:220px;height:80px;padding:4px 0 8px;}
#bInfo h1{font-weight:bold;font-size:20px;text-transform:capitalize;}
#bInfo a{display:block;margin:4px 0 0;color:#88cdae;text-decoration:none;font-size:16px;}
#bInfo a:hover{text-decoration:underline;}

footer{float:left;width:80%;padding:30px 10%;text-align:center;font-size:12px;font-family:"Microsoft YaHei", Verdana;line-height:16px;background:#f4f4f4;color:#aaa;}
footer span{display:block;font-size:10px;padding:10px 0 0;}

/*gallery styles*/
#evt-cover{float:left;width:100%;height:100%;position:fixed;left:-100%;top:0px;z-index:9999;background:#222;}
#evt-gallery{float:left;width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:9999;background:#222 url(../images/loading.gif) no-repeat center center;}

#album-cell{float:left;width:100%;margin:0px;padding:0px;}
#album-cell dt,#album-cell dd{float:left;width:20%;margin:0px;padding:0px;overflow:hidden;position:relative;background:#282828;}
#album-cell dt{color:#fff;text-transform:capitalize;position:relative;font-size:36px;line-height:34px;}
#album-cell dt.title-1{background:#88ac2e;}
#album-cell dt.title-2{background:#ffcb08;}
#album-cell dt.title-3{background:#262626;}
#album-cell dt.title-4{background:#6d9ac3;}
#album-cell dt.title-5{background:#e28f26;}
#album-cell dt img,#album-cell dd img{display:block;position:absolute;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;cursor:pointer;}
#album-cell dt h1{text-align:right;position:absolute;right:10px;bottom:10px;}
#album-cell dd:hover img{-ms-transform: scale(1.2,1.2); /* IE 9 */-webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */transform: scale(1.2,1.2);-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;opacity:0.6;}

#gMask{position:fixed;z-index:999;width:100%;height:100%;background-image:url(../images/pattern_trans.png);left:0;top:0}
#gal-prev,#gal-next{width:100px;height:120px;background:#111;position:fixed;z-index:1000;cursor:pointer;top:50%;margin-top:-60px;background-repeat:no-repeat;background-position:center center;}
#close-gallery{width:100px;height:100px;background:#111;position:fixed;z-index:1000;cursor:pointer;top:0px;right:0px;color:#fff;text-align:center;line-height:100px;font-size:46px;}
#gal-prev{left:0px;background-image:url(../images/btn_prev.png);}
#gal-next{right:0px;background-image:url(../images/btn_next.png);}

/*homepage event promo elements*/
#evt-promo{float:left;width:300px;height:250px;z-index:20;position:fixed;right:0px;bottom:0px;background:red;}
#evt-promo span{float:left;height:20px;line-height:20px;background:rgba(255,255,255,0.8);border:#222 1px solid;position:absolute;right:0px;top:0px;cursor:pointer;text-transform:capitalize;padding:0 8px;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
#headerMobile {float: left;display:none;font-family:Arial;}

/* slideText is also set in site.js iniBg() */
#slideText{height:500px;}
#slideText h1 {background-attachment:local;}

/*----------------- TABLE --------------------------------------------------------------*/
#sponsors h2 {display:block;font-size:26px;color:#000000;line-height:35px;font-weight:300;}
.program_row {
	display: table-row;
}
.program_cell_1 {
	width: 5%;
	display: table-cell;
	horizontal-align: left;
	vertical-align: top;
}
.program_cell_2 {
	width: 47.5%;
	display: table-cell;
	horizontal-align: left;
	vertical-align: top;
}
.program_cell_3 {
	width: 47.5%;
	display: table-cell;
	horizontal-align: left;
	vertical-align: top;
}

/*----------------- SPONSOR LOGO --------------------------------------------------------------*/
#sponsors h2 {display:block;font-size:26px;color:#000000;line-height:35px;font-weight:300;}
.sponsor_logo_row {
	display: table-row;
}
.sponsor_logo_cell {
	width: 240px;
	height: 90px;
	display: table-cell;
	horizontal-align: center;
	vertical-align: middle;
}

/*----------------- SCREEN SIZE --------------------------------------------------------------*/

@media (max-width: 1024px){
	
	body>nav.fullScreen {position:fixed;height:75px;}
	nav.fullScreen  img{float:left;width:auto;height:46px;margin:2px 0 0;}
	.allTexts{padding:0 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.allTexts h1{font-size:36px;}
	#oImg{max-width:100%;max-height:480px;}
}

@media (max-width: 800px){
	#mBtn,#homeLogo{display:block;}
	/* mobile menu */
	body {padding: 0; margin: 0; background-color: #fff; }
	nav:not(.mm-menu) { display: none; }
	#headerMobile
	{
		display: block;
		text-align: right;
		padding-right: 50px;

		background-color: #0099ff;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		line-height: 40px;

		-moz-box-sizing: border-box;
		box-sizing: border-box;	
		width: 100%;
		height: 40px;
		position: fixed;
		top: 0;
		left: 0;
		z-index:9999;
	}

	#headerMobile a
	{
		background: center center no-repeat transparent;
		background-color: #0099ff;
		background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0;
		right: 10px;
	}
	
	
	#slideText{height:360px; margin-top:40px;}
	#slideText h1 {background-attachment:local;}
	#slideText strong{display:none;}
	.section_dark_background h1, .section_white h1, .section_grey h1 {font-size:40px;}
	.evt-item, .evt-item-dark , .evt-item-borderless{width:45%;margin:2.5%;padding:10px;}	
	.evt-item-single, .evt-item-single-dark {width:95%;margin:2.5%;padding:10px;}	
	#directory {height:auto;overflow:visible;position: relative;}
	#directory article figure {width:48%;margin: 0 2% 2% 0;}
	#directory h1 {margin: 25px 0 18px 0;}
	#directory aside {float:left;padding: 0 20px 0 0;height: auto;position:static;border-right:none;}
	#directory article {display: block;margin: 0 0 0 250px;height:540px;overflow: hidden;}
	#directory #dlPlan {margin: -55px 0 0;}
	#album-cell dt,#album-cell dd{width:25%;}
	#album-cell dt{font-size:30px;line-height:28px;}
	#contactUs {height:auto; overflow:visible; position: relative;}
	#contactUs h1 {margin:25px 0 18px 0;}
	
}
@media (max-width: 700px){
	
	nav aside{display:none;width:100%;background:#88ac2e;position:absolute;top:96%;left:0px;padding:10px 0 8px;text-align:center;}
	nav aside a{float:none;margin:0 10px;line-height:18px;padding:0px;color:#fff;font-size:12px;}
	#mMenu{float:left;width:26px;height:4px;padding:0 0 16px;position:absolute;top:14px;right:13px;border-top:#a0a0a0 4px solid;cursor:pointer;display:block}
	#mMenu:before{content:'';float:left;width:26px;height:4px;background:#a0a0a0;margin:4px 0;}
	#mMenu:after{content:'';float:left;width:26px;height:4px;background:#a0a0a0;margin:0px 0;}
	#slideText{height:280px;margin-top:40px;}
	#contact{height:auto;}
	#contact aside {float: left;position:static;width:100%;height:auto;padding:0 0 20px;}
	#contact aside * {padding:0 20px;font-size: 14px;}
	#contact aside h1{margin:20px 0 0;font-size:24px;}
	#contact aside h2{font-size:22px;}
	div#gMap{display:none;}
	.double{width:100%;margin:0px;}
	.section_dark_background h1, .section_white h1, .section_grey h1 {font-size:32px;}
	.evt-item, .evt-item-dark , .evt-item-borderless{width:90%;margin:5%;padding:5px;}

}

@media (max-width: 640px){

	#directory article figure {width:100%;margin:0 0 4%;}
	#album-cell dt,#album-cell dd{width:33.33%;}


}
@media (max-width:480px){

	#mobileHeader {position:fixed; top:0px; left:0px; width:100%;}

	#slideText{height:200px;margin-top:40px;}
	.allTexts h1{font-size:26px;margin-bottom:10px;}
	#first_section h1 strong, #about h1 strong {font-size:22px;line-height:24px;}
	.allTexts p {font-size:16px; text-align:left;}
	#first_section ul, #about ul {margin: 10px 0 20px;}
	#directory article figure {width:80%;margin: 0 10% 5%;}
	#directory h1 {font-size:32px;text-align:center;margin-bottom:10px;}
	#directory aside {float:left;width:100%;padding:0px;}
	#directory article {display: block;background:#222;margin:0px;height:100%;overflow: hidden;position:fixed;left:100%;top:0px;z-index:100;}
	#directory article>h1{display:block;height:46px;width:100%;margin:0px !important;}
	#directory article .closeBtn{display:block;position:fixed;background:#222;font-size:34px;color:#fff;text-align:right;z-index:101;line-height:46px;padding:0 3%;width:94%;left:0px;top:0px;}
	#directory #dlPlan {float:left;width:100%;padding:6px 0;text-align:center;margin:0 0 20px;}
	#cateList{padding:4% 0 0;border-top:#FC0 3px solid;margin:10px 0 0;}
	#cateList li{font-size: 14px;margin:0 0 4%;padding:0 0 4%;border-bottom:#e0e0e0 1px solid;}
	#cateList li#opt-all{display:none;}
	#cateList li span{display:inline !important;margin:0 0 0 6px !important;}
	#alphList {width:100%;padding: 10px 0 0;}
	#alphList li {font-size: 14px;margin:0 0 2.5% 2.5%;padding:0px;border:none;}

	#album-cell dt,#album-cell dd{width:50%;}
	#album-cell dt{font-size:30px;line-height:28px;}

	#contactUs {width:80%;}
	#contactUs .inputbox {float:left;}
	#contactUs .rwd-break{display: inline;}
	#contactUs .inquirybox {width:275px; float:left;}
	#contactUs .contactUstable{width:100%;}
}

/*----------------- NOTIFICATION MESSAGE --------------------------------------------------------------*/

p.infosuccess, .infosuccess {
	color: #00CC00;
	background: #E6FFCC;
	font-weight:bold;
	border-left: #00CC00 1px solid;
	border-right: #00CC00 1px solid;
	border-top: #00CC00 1px solid;
	border-bottom: #00CC00 1px solid;
	padding-right: 8px; 
	padding-left: 8px; 
	padding-top: 4px; 
	padding-bottom: 4px; 
}
.infoerror {
	color: #FF0000;
	background: #FFE6E1;
	font-weight:bold;
	border-left: #FF0000 1px solid;
	border-right: #FF0000 1px solid;
	border-top: #FF0000 1px solid;
	border-bottom: #FF0000 1px solid;
	padding-right: 8px; 
	padding-left: 8px; 
	padding-top: 4px; 
	padding-bottom: 4px; 
}
.infowarning {
	color: #FF9900;
	background: #FFFFC1;
	font-weight:bold;
	border-left: #FF9900 1px solid;
	border-right: #FF9900 1px solid;
	border-top: #FF9900 1px solid;
	border-bottom: #FF9900 1px solid;
	padding-right: 8px; 
	padding-left: 8px; 
	padding-top: 4px; 
	padding-bottom: 4px; 
}
p.inforow, .inforow {
	color: #000000;
	background: #ccffff;
	margin-bottom: 5px;
	border-left: #C0C0C0 1px solid;
	border-right: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	border-bottom: #C0C0C0 1px solid;
	padding-right: 4px; 
	padding-left: 4px; 
	padding-top: 4px; 
	padding-bottom: 4px; 
}