@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,900");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800;900&display=swap');
@import url("font-awesome.min.css");

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, ol, ul, li, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
	background:#582a0a;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body.is-preload *, body.is-preload *:before, body.is-preload *:after {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

	body, input, textarea, select {
		font-family: 'roboto', sans-serif;
		font-weight: 400;
		color: #000;
		font-size: 14pt;
		line-height: 1.75em;
		letter-spacing: 0em;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 400;
		color: #000;
		font-size: 30px;
	}


		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	a {
		-moz-transition: color .25s ease-in-out;
		-webkit-transition: color .25s ease-in-out;
		-ms-transition: color .25s ease-in-out;
		transition: color .25s ease-in-out;
		text-decoration: underline;
		color: #717479;
	}

		a:hover {
			text-decoration: none;
		}

	strong, b {
	
		font-weight: 900;
	}


	em, i {
		font-style: italic;
	}

	hr {
		border: 0;
		border-top: solid 1px #ddd;
		margin: 2em 0 2em 0;
	}

	.nobr {
		white-space: nowrap;
	}

	br.clear {
		clear: both;
	}

	p, ul, ol, dl, table, blockquote, form {
		margin-bottom: 0.5em;
	}


/* Logo */

	#logo {
		width: 100%;
		text-align: center;
		position: relative;
		top: 0;
		padding: 200px 50px 0px 50px;
	}
	@media screen and (max-width: 1680px) {

		#logo {
			padding: 50px 50px 0px 50px;
		}

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

		#logo {
			padding: 150px 120px 0px 120px;
		}

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

		#logo {
			padding: 150px 80px 0px 80px;
		}

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

		#logo {
			padding: 120px 200px 30px 200px;
		}

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

		#logo {
			padding: 0 80px 0px 80px;
		}

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

		#logo {
			padding: 0 60px 0px 60px;
		}

	}



/* Nav */

	#nav {
		position: absolute;
		display: block;
		top:0.5em;
		left: 0;
		width: 100%;
		font-size: 1.1em;
		text-align: center;
		font-family: 'Montserrat', sans-serif;
		font-family: 800;
		padding-top:1em;
		color: #ffffff;
	}

		#nav > ul {
			display: inline-block;
			border-radius: 0.35em;
			background:rgba(0, 0, 0, 0.8);
			box-shadow: inset 0px 0px 1px 1px rgba(19, 24, 53, 0.7);
			padding: 0 1.5em 0 1.5em;
		}

			#nav > ul > li {
				display: inline-block;
				text-align: center;
				padding: 0 0.6em 0 0.6em;
			}

				#nav > ul > li > ul {
					display: none;
				}

				#nav > ul > li > a, #nav > ul > li > span {
					display: block;
					color: rgba(255, 255, 255, 0.8);
					text-decoration: none;
					font-size: 0.8em;
					font-weight: 700;
					line-height: 3em;
					-moz-transition: all .25s ease-in-out;
					-webkit-transition: all .25s ease-in-out;
					-o-transition: all .25s ease-in-out;
					-ms-transition: all .25s ease-in-out;
					transition: all .25s ease-in-out;
					outline: 0;
				}

				#nav > ul > li:hover > a {
					color: #fff;
				}

				#nav > ul > li.active > a, #nav > ul > li.active > span {
					color: #fff;
				}


/* Container */

	.container {
		margin: 0 auto;
		max-width: 100%;
		width: 68em;
	}

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

			.container {
				width: 70em;
			}

		}

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

			.container {
				width: auto;
			}

		}

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

			.container {
				width: auto;
			}

		}

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

			.container {
				width: auto;
			}

		}



/* Wrapper */

	.wrapper {
		position: relative;
		padding: 6em 0 9em 0;
	}

		.wrapper .title {
			position: absolute;
			top: 0;
			left: 50%;
			text-align: center;
			text-transform: uppercase;
			display: block;
			font-weight: 900;
			font-size: 0.9em;
			width: 25em;
			height: 3.25em;
			top: -3.25em;
			line-height: 3.25em;
			margin-bottom: -3.25em;
			margin-left: -12.5em;
			padding-top: 0.5em;
		}



/* Page Wrapper */

	#page-wrapper > section {
		margin-bottom: 0;
	}

/* Logo */

.box_all{background:#f2f2f2; padding:50px 40px 40px 40px; text-align:left;height:auto;}
@media screen and (max-width: 640px){
    .box_all{background:#f2f2f2; padding:20px 40px 40px 20px; text-align:left;height:auto;}
}

/* Intro */

	#intro {
		padding-top:10em;
		padding-bottom: 5em;
		text-align: center;
		height:100em;
		background: url("/images/banner.jpg?ver=3") top center no-repeat;
		background-size: cover;
	}

		#intro p.style1 {
			font-family: 'roboto' , sans-serif;
			font-weight: 500;
			
			font-size: 1.4em;
			line-height: 1.5em;
			color: #ffffff;
			text-shadow: 
			1px 0px #1f0d2d, 
			1px 1px #1f0d2d, 
			0px 1px #1f0d2d,
			-1px 1px #1f0d2d,
			-1px 0px #1f0d2d,
			-1px -1px #1f0d2d,  
			0px -1px #1f0d2d,
			1px -1px #1f0d2d,
			0px 2px #1f0d2d;
		}

		#intro p.style2 {
			font-family: 'Montserrat', sans-serif;
			text-transform: uppercase;
			font-weight: 900;
			color: #fff;
			border-radius: 0.35em;
			font-size: 3.4em;
			line-height: 1.1em;
			padding: 0.5em 0 0.2em 0;
			text-shadow: 
			1px 0px #1f0d2d, 
			1px 1px #1f0d2d, 
			0px 1px #1f0d2d,
			-1px 1px #1f0d2d,
			-1px 0px #1f0d2d,
			-1px -1px #1f0d2d,  
			0px -1px #1f0d2d,
			1px -1px #1f0d2d,
			0px 3px #1f0d2d;
			
		}

			#intro p.style2 a {
				color: inherit;
				text-decoration: none;
			}

		#intro p.style3 {
			text-align: left;
			font-size: 1.1em;
			width: 48em;
			margin: 0 auto;
			margin-bottom: 2em;
			color: #fff;
			text-shadow: 
			1px 0px #1f0d2d, 
			0px 2px #1f0d2d,
			-1px 0px #1f0d2d,
			0px -1px #1f0d2d;

		}

		#intro p.style4 {
			text-align: center;
			font-size: 1.1em;
			width: auto;
			margin: 0 auto;
			margin-bottom: 2em;
			color: #ccc;
		}



/* XLarge */

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

		/* Basic */

			body, input, textarea, select {
				font-size: 12pt;
			}

			#logo {
				margin-top: -1em !important;
			}

			#intro {
				height:100em;
				padding-top:20em;
			}

			#intro p.style2 {
			font-family: 'Montserrat', sans-serif;
			border-radius: 0.35em;
			font-size: 3em;
			}

	}

/* Large */

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

		/* Basic */

			body, input, select, textarea {
				font-size: 11pt;
				line-height: 1.5em;
				letter-spacing: 0.015em;
			}

		/* Wrapper */

			.wrapper {
				padding: 4em 0 7em 0;
			}

		/* Logo */

			#logo {
				margin-top: -1em !important;
			}

		/* Intro */

			#intro {
				padding-top:10em;
				padding-bottom: 7em;
			}

				#intro p.style1 {
					font-size: 1.4em;
					margin:0 3em 1em 3em;
				}

				#intro p.style2 {
					font-family: 'Montserrat', sans-serif;
					font-size: 3em;
				}

		/* Footer */

			#footer {
				padding-bottom: 4em;
			}

				#footer header.style1 {
					padding-bottom: 4em;
					margin-bottom: 4em;
					border-bottom: solid 1px rgba(255, 255, 255, 0.05);
				}

		/* Copyright */

			#copyright {
				padding-top: 4em;
				margin-top: 4em;
			}

	}

/* Medium */

	#navPanel, #titleBar {
		display: none;
	}

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

		/* Section/Article */

			header br {
				display: none;
			}
		/* Nav */

			#nav {
				display: none;
			}

		/* Intro */
			#intro {
				padding-top:10em;
				height:90em;
			}
			#intro p.style1 {
				font-size: 1.5em;
				margin:0 1em 2em 1em;
			}
			#intro p.style2 {
				font-family: 'Montserrat', sans-serif;
				font-size: 3em;
				}

			#intro p.style3 {
				width: auto;
				height: auto;
				margin:0 3em 2em 3em;
			}

		/* Footer */

			#footer .feature-list {
				border-top: solid 1px rgba(255, 255, 255, 0.05);
				padding-top: 4em;
			}

	}

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

				#footer .feature-list > .row > :nth-child(2) > section {
					border-top: 0;
					padding-top: 0;
				}

		}

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

		/* Nav */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

			#titleBar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
				background: none;
			}

				#titleBar .title {
					display: none;
				}

				#titleBar .toggle {
					position: absolute;
					top: 0;
					left: 0;
					width: 60px;
					height: 44px;
				}

					#titleBar .toggle:before {
						-moz-transition: all .15s ease-in-out;
						-webkit-transition: all .15s ease-in-out;
						-ms-transition: all .15s ease-in-out;
						transition: all .15s ease-in-out;
						font-family: FontAwesome;
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						content: '\f0c9';
						font-size: 20px;
						position: absolute;
						top: 10px;
						left: 6px;
						display: block;
						width: 54px;
						height: 38px;
						line-height: 40px;
						text-align: center;
						color: rgba(255, 255, 255, 0.8);
						background:rgba(32, 40, 85, 0.8);
			box-shadow: inset 0px 0px 1px 1px rgba(19, 24, 53, 0.7);
						border-radius: 0.25em;
					}

					#titleBar .toggle:active:before {
						background-color: rgba(92, 95, 103, 0.75);
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				box-shadow: inset -3px 0px 4px 0px rgba(0, 0, 0, 0.1);
			}

				#navPanel .link {
					font-family: 'Montserrat', sans-serif;
					font-weight: 800;
					display: block;
					color: rgba(255, 255, 255, 0.5);
					text-decoration: none;
					font-size: 1.2em;
					text-decoration: none;
					height: 44px;
					line-height: 44px;
					border-top: solid 1px rgba(255, 255, 255, 0.05);
					margin: 0 15px 0 15px;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 1em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 2em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

				#navPanel .depth-0 {
					color: #fff;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #titleBar {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
		

	}

/* Small */

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

		/* Basic */

			body, input, select, textarea {
				line-height: 1.5em;
				font-size: 10.5pt;
				letter-spacing: 0;
			}

			h2, h3, h4, h5, h6 {
				font-size: 1.2em;
				letter-spacing: 0.05em;
				margin: 0 0 1em 0;
			}

			hr {
				margin: 1em 0 1em 0;
			}

		/* Wrapper */

			.wrapper {
				padding: 3em 0 6em 0;
			}

				.wrapper .title {
					font-size: 0.9em;
					width: 18em;
					height: 2.5em;
					top: -2.5em;
					line-height: 2.5em;
					margin-bottom: -2.5em;
					margin-left: -9em;
					padding-top: 0.5em;
				}

					.wrapper .title:before, .wrapper .title:after {
						height: 15px;
						bottom: -15px;
						background-size: 100% 100%;
					}

		/* Intro */

			#intro {
				background-size: contain;
				padding-top:15em;
				text-align: center;
				padding-right: 2em;
				padding-left: 2em;
				margin: 0 auto;
				height:70em;
			}

				
			#intro p.style1 {
				font-size: 1.4em;
				padding: 0 2em;
			}

				#intro p.style2 {
					font-family: 'Montserrat', sans-serif;
					font-size: 2.8em;
					letter-spacing: 0.05em;
					line-height: 1.25em;
					padding: 1.25em;
				}

		/* Copyright */

			#copyright {
				padding-top: 0;
				margin-top: 4em;
				border-top: 0;
			}

				#copyright ul {
					padding: 1em 2em;
					width: 100%;
				}

					#copyright ul li {
						display: block;
						margin: 0.5em 0 0 0;
						border-left: 0;
						padding: 0;
					}

						#copyright ul li:first-child {
							margin-top: 0;
						}

	}



/* x-Small */

	@media screen and (max-width: 600px) {
		
			#intro {
				padding:11em 0 1em 0;
				height:50em;
				}
	}







	/*����CSS*/

 /*
Project Name: 
Author: 
Published on: 
*/

img {
       -ms-interpolation-mode: bicubic;
	   padding: 5px;
}

::-moz-selection 	{ background-color: #91D8f7; color: #fff; }
::selection 		{ background-color: #91D8f7; color: #fff; }

a					{ outline: 0; color:#fff; text-decoration: none; font-weight:600;}
a:hover 			{ text-decoration: none;}
p a:hover 			{ color: #efbb4b; }
a:active 			{ position: relative; top: 2px; }

.clearfix 			{ clear: both; }

/*------------------------------------*\
  MAIN
\*------------------------------------*/

body 				{ 
	color: #222; font-family:'Roboto',sans-serif; font-size: 18px; 
	height:780px; position:relative ; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; 
}


#wrapper 			{ 
	margin: 0px auto; max-width:1200px; padding: 0; text-align:center;
}
header 				{ padding: 0px; }




.mainimg{ 
	background:url(../images/goldparty/hexa_top.png) 50% 50% no-repeat; background-repeat:no-repeat; 
	height:600px; position:relative;}
.mainimg img{ float:center;}
.maintext{vertical-align:middle; text-align:center;}

/*---blank---*/
.blank {height:30px;}
.blank15 {height:15px;}

/*home Button Style*/

#mainbtn{text-align:center; padding:0 40px 30px 40px;}
.block-button-play {
	display:inline-block;
	width:auto;
	height:auto;
	cursor: pointer;
	font-family:'Roboto', sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:0.1em;
	font-weight:600;
	font-size:20px;
	padding:25px 40px;
	border:2px solid rgba(255,255,255,.9);
	border-radius:300px;
	color:#f4f4f4;
	margin:0 0 30px 0;
	transition:0.1s opacity linear;
}

.block-button-play:hover {
	border:2px solid rgba(255,255,255,.9);
	background-color:rgba(255,255,255,.2);
}

.block-button-fanpage {
	display: inline-block;
	cursor: pointer;
	display:inline-block;
	width:auto;
	height:auto;
	font-family:'Roboto', sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:600;
	font-size:14px;
	padding:18px 35px;
	border-style:solid;
	background-color:rgba(66,103,178,.9);
	border-radius:300px;
	color:#f4f4f4;
	margin:10px;
}

.block-button-small {
	display: inline-block;
	cursor: pointer;
	width:auto;
	height:auto;
	text-decoration:none;
	letter-spacing:0.1em;
	font-weight:400;
	font-size:13px;
	padding:12px 20px;
	border:1px solid rgba(75,79,85,.9);
	background-color:rgba(75,79,85,.9);
	border-radius:300px;
	color:#f4f4f4;
}

.block-button-small-w {
	display:inline-block;
	width:auto;
	height:auto;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:700;
	font-size:13px;
	font-family:'Roboto', sans-serif;
	padding:12px 20px;
	border:1px solid rgba(51,51,51,.7);
	background-color:rgba(255,255,255,.9);
	border-radius:300px;
	color:#151515;
	margin-bottom:30px;
}



/*----tapimage Style----*/

#tapimg {
	float:left;
	position:relative;
   	width:100%;
	height:auto;
	padding:50px 0 0 0;
}
#tapimg { margin:0;}
#tapleft{ width:50px; position:absolute; top:50%;left:1%;}
#tapright{ width:50px; position:absolute; top:50%;left:95%;}


/*---font style---*/

.tit24w { color:#fff; font-size: 70px; font-weight:700; font-family: 'Roboto', sans-serif; padding:80px 0 15px 0; line-height:1.2em; 
	/*--
	text-shadow:0 0 0.5em #fff;
	--*/
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
	}
.sub18w {color:#f5f5f5; font-size: 18px; font-family:'Roboto',sans-serif; font-weight:normal; padding:30px 40px 40px 40px; line-height:1.5; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;}
	
.sub16bold {color:#fff; font-size: 16px; font-family:'Roboto',sans-serif; font-weight:bold; padding-bottom: 30px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;}
	
.sub24normal{color:#4b4b4b; font-size: 24px; font-family:'Roboto',sans-serif; font-weight:normal; padding-top: 20px; padding-bottom:10px;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;}
	
.sub14g{color:#eee; font-size: 14px; font-family:'Roboto',sans-serif; font-weight:400; line-height:1.5; text-align:center;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}

	
.mainframe{ height:450px; float:left; margin-top:20px; margin-left:10px; background-image:url(../images/monsterbusters/common/mainframe.png); background-position:center; background-repeat:no-repeat;}	
.subframe { text-align:center;}
.subframe img{  }

#select { background: #ffffff; }
#select a { text-decoration: none; background: #ffffff; color:#ffa90a; }
#select a:visited { text-decoration: none; background: #ffffff; color:#ffa90a; }
#select a:hover { text-decoration: none; background: #ffffff; color:#ffa90a; }
#select a:active { text-decoration: none; background: #ffffff; color:#ffa90a; }

.titletext{ color:#fff;  padding:30px 10px 0 10px;text-align:center;}

.copytext{ float:right; color:#FFFFFF; font-size:14px; font-style:italic; margin:10px;}





h4 					{ font-family:'Roboto',sans-serif; font-size:24px; color:#151515; white-space:pre-line; padding:20px 0 20px 0;}


#about{ text-align:center; border:0px; padding:0px;}
#about ul{ display:inline-block;}
#about li{ float:left;}

.abouttext{float:left; width:35%; margin-left:20px;}
#sumimg{display:inline-block; padding-top:15px; margin:0px;}
#sumimg li{ float:left;}
#sumimg img{ }


.hline{ width:98%; float:left; border-top:1px solid #ddd; margin:10px 15px 5px 15px; }

.subfaq{ width:95%; float:left; margin-left:15px; margin-top:10px; margin-right:15px; padding:0 0 0 30px; background:url(../images/monsterbusters/common/icon_q.png) 0 5px;background-repeat:no-repeat;}
.subfaq a 				{ color: #151515; }
.subfaq a:visited 		{ color: #151515; }
.subfaq a:hover			{ text-decoration: none; color:#999; }
.subfaq a:active		{ position: relative; top: 0; }


.subfaqd{ width:95%; float:left; margin-left:15px; margin-top:10px; margin-right:15px; padding:0 0 0 30px; background:url(../images/monsterbusters/common/icon_dg.png) 0 5px;background-repeat:no-repeat;}
.subfaqd a 				{ color: #151515; }
.subfaqd a:visited 		{ color: #151515; }
.subfaqd a:hover			{ text-decoration: none; color:#999; }
.subfaqd a:active		{ position: relative; top: 0; }

.subfaqm{ width:95%; float:left; margin-left:15px; margin-top:10px; margin-right:15px; padding:0 0 0 30px; background:url(../images/monsterbusters/common/icon_mg.png) 0 5px; background-repeat:no-repeat;}
.subfaqm a 				{ color: #151515; }
.subfaqm a:visited 		{ color: #151515; }
.subfaqm a:hover			{ text-decoration: none; color:#999; }
.subfaqm a:active		{ position: relative; top: 0; }


.subfaqa a { color: #007ae2;}


.subfaqa{width:95%; float:left; margin-left:15px; margin-top:10px; margin-right:15px; padding:0 0 0 30px; background:url(../images/monsterbusters/common/icon_a.png) 0 5px; background-repeat:no-repeat; }

@media screen and (max-width: 640px){
    .subfaqa{width:95%; float:left; padding:0 0 0 10px; }
}

.contantsimg01 { width:156px; height:176px; border:1px solid #d4d4d4; font-size:16px; color:#848484; white-space:pre-line; padding-top:10px; margin-left:5px; text-align:center; float:left;}
.contantsimg02 { width:200px; border:1px solid #d4d4d4; font-size:16px; color:#848484; white-space:pre-line; padding-top:10px; margin-left:5px; text-align:center; float:left;}
.contantsimg03 { width:32%; border:1px solid #d4d4d4; font-size:16px; color:#848484; white-space:pre-line; padding-top:10px; padding-bottom:10px; margin-left:5px; text-align:center; float:left; margin-bottom:10px; }
.contantsimg03_1 { width:29%; border:1px solid #d4d4d4; font-size:16px; color:#848484; white-space:pre-line; padding-top:10px; margin-left:5px; text-align:center; float:right;}
.contantsimg03_2 {
	width:29%;
	font-size:16px;
	color:#848484;
	text-align:left;
	float:right;
}
.combimovie{ width:640px; height:390px;}


.contantsimg04 { width:75%; border:1px solid #d4d4d4; font-size:16px; color:#848484; white-space:pre-line; padding-top:10px; padding-bottom:10px; margin-left:5px; text-align:center; float:left; margin-bottom:10px; }


.contantsimgfree{ width:98%; border:1px solid #d4d4d4; font-size:16px; color:#848484; white-space:pre-line; padding-top:10px; padding-bottom:10px; margin-left:5px; margin-bottom:10px; text-align:center; float:left;}


.subtext { width:75%; margin-left:10px; float:left;}
.subtext li {}

.subtext02{  width:60%; margin-left:10px; float:left;}

.subtext03{  width:98%; float:left; border:1px solid #cccccc; padding:7px;}

.subtext04{  width:18%; margin-left:10px; float:left;}

.sub24{font-size:24px; font-weight:bold; color:#4b4b4b;}
.sub18{font-size:18px; font-weight:bold; color:#4b4b4b;}
.sub16{font-size:16px; font-weight:400; color:#666;}
.subtitle20 {font-size:20px; font-weight:bold; color:#d66f01;}
.h10{ margin-top:10px;}
.h50{ height:50px;}
.h30{ margin-top:30px;}


.subtextnormal { padding:10px 0 10px 0;}


.wallpapersimg{border:1px solid #eee; padding:5px;}
.downloadbtn{ width:97%; min-height:54px; background-color:#eee; padding-left:0px; padding-top:3px; }
.downloadbtn img{ padding-right:1px;}





.mwimg{  width:43%; border:1px solid #d4d4d4; font-size:16px; color:#848484; white-space:pre-line; padding:10px; margin-left:5px; text-align:center; float:left; margin-bottom:10px;}
.mdownloadbtn{  width:320px; margin-left:10px; float:left;}
.mdownloadbtn img{ margin-bottom:5px;}
.btnbg { background-color:#eee; padding:15px;}

.iconguide{float:right; padding-top:10px;}

@media screen and (max-width: 640px){
    .iconguide{float:left; padding-top:10px;width:100%}
}


/*
�������� ����
*/

.sub14o{font-size:14px; font-weight:normal; color:#151515;}

.btn01{ width:186px; height:53px; background-image:url(../images/monsterbusters/common/centerbtn01.png); background-repeat:no-repeat; font-size:16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; padding-top:18px; padding-left:20px;}


.bgframe{ float:left; background-color:#fff; width:95%; padding:20px 40px 20px 20px;}

.txtbox01{ border:1px solid #d0d0d0; width:40%; height:auto; margin-right:5px; font-family:inherit;font-size:16px;padding:10px 20px 7px 20px;}
.btnst02{ width:81px; height:46px; border:0px; background-image:url(../images/monsterbusters/common/centerbtn02.png); background-repeat:no-repeat; text-align:center; font-size:16px; font-family:'Roboto',sans-serif; font-weight:bold; color:#969696;}

#kakaonumber{}

#helplist{}
.tit_list{ display:block; padding:0px; margin-left:10px; margin-top:20px;}
.tit_list li{ float:left; height:auto; margin:0px; padding:15px 0 15px 0; border-top:1px solid #d0d0d0; }
.column1{ width:5%; font-size:16px; font-weight:bold; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
.column2{ width:15%; font-size:16px; font-weight:bold; color:#656565;text-align:center; font-family:'Hind Siliguri',sans-serif;}
.column3{ width:15%; font-size:16px; font-weight:bold; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
.column4{ width:47%; font-size:16px; font-weight:bold; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
.column5{ width:15%; font-size:16px; font-weight:bold; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}

@media screen and (max-width: 640px){
    #helplist{}
    .tit_list{ display:block; padding:0px; width:auto;}
    .tit_list li{ float:left; height:auto; margin:0px; padding:15px 0x 15px 0px; }
    .column1{ width:10%; font-size:11px; font-weight:bold; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
    .column2{ width:15%; font-size:11px; font-weight:bold; color:#656565;text-align:center; font-family:'Hind Siliguri',sans-serif;}
    .column3{ width:15%; font-size:11px; font-weight:bold; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
    .column4{ width:40%; font-size:11px; font-weight:bold; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
    .column5{ width:15%; font-size:11px; font-weight:bold; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
    }


.sublist{ display:block; padding:0px; margin-left:10px; margin-top:20px;}
.sublist li{ float:left; height:30px; margin:0px; padding-top:15px; border-bottom:1px solid #e7e7e7; }
.subcolumn1{ width:5%; font-size:12px; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
.subcolumn2{ width:15%; font-size:12px; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
.subcolumn3{ width:15%; font-size:12px; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
.subcolumn3finish{ width:15%; font-size:12px; color:#e06627; text-align:center; font-family:'Hind Siliguri',sans-serif;}
.subcolumn4{ width:47%; font-size:12px; color:#656565; text-align:left; font-family:'Hind Siliguri',sans-serif;}
.subcolumn4 a{ width:47%; font-size:12px; color:#000000; text-align:left; font-family:'Hind Siliguri',sans-serif;}
.subcolumn5{ width:15%; font-size:12px; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}

@media screen and (max-width: 640px){
.sublist{ display:block; padding:0px; width:auto;}
.sublist li{ float:left; height:30px; margin:0px; padding:15px 0x 15px 0px; }
.subcolumn1{ width:10%; font-size:11px; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
.subcolumn2{ width:15%; font-size:11px; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
.subcolumn3{ width:15%; font-size:11px; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
.subcolumn3finish{ width:15%; font-size:11px; color:#208b50; text-align:center; font-family:'Hind Siliguri',sans-serif;}
.subcolumn3finish a{ width:15%; font-size:11px; color:#208b50; text-align:center; font-family:'Hind Siliguri',sans-serif;}
.subcolumn4{ width:40%; font-size:11px; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
.subcolumn4 a{ width:40%; font-size:11px; color:#000000; text-align:center; font-family:'Hind Siliguri',sans-serif;}
.subcolumn5{ width:15%; font-size:11px; color:#656565; text-align:center; font-family:'Hind Siliguri',sans-serif;}
}



.sublistb{ display:block; padding:0px; margin-left:10px; margin-top:20px;}
.sublistb li{ float:left; height:30px; margin:0px; padding-top:15px; border-bottom:1px solid #e7e7e7; font-weight:bold; background-color:#f5f5f5; font-family:'Hind Siliguri',sans-serif;}

.sub_answer{display:block; padding:0px; margin-left:10px; margin-top:20px;}
.sub_answer li{ float:left; margin:0px; }


.sub_answer_column{width:97%; font-size:12px; color:#656565; padding-left:40px; font-family:'Hind Siliguri',sans-serif;}

@media screen and (max-width: 640px){
.sub_answer_column{width:97%; font-size:12px; color:#656565; padding-left:40px; font-family:'Hind Siliguri',sans-serif;float:left;}
}
.userdate{ width:60%; text-align:left; padding-top:15px; padding-bottom:15px; }
.admindate{ width:55%; background-image:url(../images/monsterbusters/common/icon_a.png); background-position:left top; background-repeat:no-repeat; text-align:left; padding-left:25px; padding-bottom:15px; color:#2a8aa9;}
.black12pt{ font-size:12px; color:#000000; font-family:'Roboto',sans-serif;}
.lastline{float:left; width:97%; margin-left:10px;  border-bottom:1px solid #e7e7e7; height:5px;}

#helplist_mobile{ display:none;}

.sublist_m{width:97%; float:left; margin:0px; padding-top:5px; border-top:1px solid #d0d0d0;}
.sublist_mb{width:97%; float:left; margin:0px; padding-top:5px; border-top:1px solid #d0d0d0; background-color:#f5f5f5;  }
.subcolumn_m1{ font-size:16px; font-weight:bold; color:#656565; font-family:'Roboto',sans-serif;}
.subcolumn_m2{ height:20px;  font-size:12px; color:#656565; padding-top:3px; font-family:'Roboto',sans-serif;}
.subcolumn_m2finish{ height:20px;  font-size:12px; color:#656565; padding-top:3px; font-family:'Roboto',sans-serif;}
.black12pt_m{ font-size:12px; color:#000000; font-family:'Roboto',sans-serif;}
.orange12pt_m{ font-size:12px; color:#e06627; font-family:'Roboto',sans-serif;}
.sub_qm{ font-size:12px; color:#656565; font-weight:normal; padding:10px; font-family:'Roboto',sans-serif;}
.sub_am{ font-size:12px; color:#656565; font-weight:normal; background-color:#FFFFFF; padding:10px; color:#2a8aa9; font-family:'Roboto',sans-serif;}
.right47{float:right; margin-top:20px;}
.right47 img{ vertical-align:text-top;}

#faqlist{ }
#faqlist iframe{ width:96%; padding:10px; height:150px; background-color:#f5f5f5; border:1px solid #d0d0d0;}

#newwrite01{}

.font24_mag{padding:15px 0 15px 0; font-size:24px; color:#ea4f4c; font-weight:400; font-family:'Roboto',sans-serif;}
.font18gray{font-size:18px; color:#151515; font-weight:600; font-family:'Roboto',sans-serif;}
.font22orange{font-size:20px; padding: 13px 0 0 10px;color:#e06627; font-weight:bold; font-family:'Roboto',sans-serif;}
.selbox{ display:block; margin:5px 0 5px 0;}
.selbox li{float:left; border:1px solid #d0d0d0; margin:3px 3px 0 0; padding: 7px 20px 5px 10px; background-color:#FFFFFF; font-size:15px; font-family:'Roboto',sans-serif;}


#newwrite02{}

.selbox2{ display:block; margin:5px 0 5px 0;}
.selbox2 li{float:left; border:1px solid #d0d0d0;margin:3px 3px 0 0; padding: 7px 20px 5px 10px; background-color:#FFFFFF; font-size:15px; font-family:'Roboto',sans-serif;}
.qselecfaq{ width:96%; padding:10px 30px 10px 20px; height:150px; background-color:#f5f5f5; border:1px solid #d0d0d0; margin-top:15px;}



#newwrite03{}


.txtbox02{border:1px solid #d0d0d0; width:98%; height:auto; color:#969696; margin-top:10px;font-family:inherit;font-size:16px;padding:10px 20px 7px 20px;}
.txtbox03{border:1px solid #d0d0d0; width:98%; height:200px; color:#969696; margin-top:10px;font-family:inherit;font-size:16px;padding:10px 20px 7px 20px;}
.btnst03{ width:101px; height:46px; border:0px; background-image:url(../images/monsterbusters/common/centerbtn03.png); background-repeat:no-repeat; text-align:center; font-size:16px; font-weight:bold; color:#969696; border:0px; font-family:'Roboto',sans-serif;}

#newwrite04{}

.btnst04{ width:85px; height:32px; border:0px; background-image:url(../images/monsterbusters/common/centerbtn04.png); background-repeat:no-repeat; text-align:center; font-size:16px; font-weight:bold; color:#969696; font-size:12px; font-family:'Roboto',sans-serif;}
.btn02{width:186px; height:53px; padding-top:18px; padding-left:18px; background-image:url(../images/monsterbusters/common/centerbtn05.png); background-repeat:no-repeat; font-size:16px; font-weight:bold; color:#ffffff; font-family:'Roboto',sans-serif;}


.btnst05{ width:181px; height:32px; border:0px; background-image:url(../images/monsterbusters/common/centerbtn07.png); background-repeat:no-repeat; text-align:center; font-size:16px; font-weight:bold; color:#969696; font-size:12px;}

.sub12g{ font-size:12px; font-family:'Roboto',sans-serif;}
#checkbox{ vertical-align:middle; width:15px; height:15px;}


.contact_page_list {padding-left:10px};


p 					{ }

ul 					{list-style: none;}
ul.privacy-ul       {list-style: disc; padding-left:24px;}

/*
footer start
*/

footer{
	float:left; 
	text-align:center; 
	font-family:'Roboto',sans-serif;
	color:#ddd;
	width:100%;
	padding:80px 0 80px 0;
	text-transform:none;
}

footer a{ font-size:16px;text-transform:none; font-weight:400; color: #f1f1f1; padding:0 15px 0 15px; }
footer a:visited{ color: #f1f1f1; }
footer a:hover{ text-decoration: underline;}
footer a:active{  }

.copy_white {font-family:'Roboto',sans-serif; font-size:13px; color:#dddddd;line-height:1.3em;text-transform:none;font-weight:400;padding:50px 0 20px 0;opacity:0.8;}



#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #ed2e9a;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 100px;
  }
  
.topbtn{ 
	z-index:99; width:100%; height:50px; position:fixed; bottom:0; padding:5px 10px 5px 10px; border-radius: 100px;
}
.topbtn a{ 
	float:right; background-color:#ed2e9a; color:#FFFFFF; font-size:16px; font-weight:bold; border-radius: 100px; padding:5px 10px 5px 10px;
}

pre					{ overflow: scroll; font-size: 10px; }

.file_input_div { position:relative; width:132px; height:50px; overflow:hidden;}
.file_input_button { display: inline-block;
cursor: inline-block; position:absolute; width:132px; height:41px; border:0px; background-image:url(../images/monsterbusters/common/centerbtn06.png); background-repeat:no-repeat; text-align:center; font-size:16px; font-weight:bold; color:#969696; font-family: 'Nanum Gothic', sans-serif;}
.file_input_hidden { position:absolute; font-size:45px; height:41px; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0;}

h3 nav 				{ padding-bottom: 20px; margin: 0px 0;text-align:center;text-shadow:0 1px 1px rgba(0, 0, 0, 0.8);}
h3 nav a 				{ color: #f1f1f1; padding: 10px; }
h3 nav a:visited 		{ color: #f1f1f1; }
h3 nav a:hover			{ text-decoration:underline;}
h3 nav a:active		{ position: relative; top: 0; }

.h3ov { text-decoration: none; color:#fff; }