@charset "UTF-8";
/* CSS Document */
/* For MISBOOK Subscribe */

body { padding:0px; margin:0px; background-color:#F1F1F1 }
/*img { width:auto; height:100% }*/
p { /*text-shadow: 1px 1px 1px #EAEAEA;*/  }
a { text-decoration:none }
.textmiddle { vertical-align:sub }
.textHead { font-family:Helvetica, Thonburi; font-size:16px; font-style:normal; font-weight:bold; text-align:left; color:#333; /*text-shadow: 1px 1px 1px #FFF*/ }
.textHeadWhite { font-family:Helvetica, Thonburi; font-size:16px; font-style:normal; font-weight:bold; text-align:left; color:#FFF; /*text-shadow: 1px 1px 1px #000*/ }
.textTitle { font-family:Helvetica, Thonburi; font-size:14px; font-style:normal; font-weight:bold; text-align:center; color:#FFF /*color:#EAEAEA*/ }
.textDetail { font-family:Helvetica, Thonburi; font-size:12px; font-style:normal; font-weight:normal; text-align:left; color:#999 }
.textAppInfo { position:relative; font-family:Helvetica, Thonburi; font-size:10px; font-style:normal; font-weight:normal; text-align:left; color:#808080; padding:5px; /*text-shadow: 1px 1px 1px #EAEAEA*/ }
.textInfo { font-family:Helvetica, Thonburi; font-size:10px; font-style:normal; font-weight:normal; text-align:left; color:#666 }
.textInput { font-family:Helvetica, Thonburi; font-size:12px; font-style:normal; font-weight:normal; text-align:left; color:#999 }
.inputText { width:90%; height:25px; padding:0px; border:solid; border-width:1px; border-color:#000; margin:5px; background-color:#FFF }
.buttonFree { width:120px; height:25px; padding:0px; border:solid; border-width:thin; border-color:#FFF; margin-right:5px; background-color:#AFC800; cursor:pointer; vertical-align:middle; /*background-color:#95358b*/ }
.buttonLoad { width:120px; height:25px; padding:0px; border:solid; border-width:thin; border-color:#FFF; margin-right:5px; background-color:#AFC800; cursor:pointer; }

.myApp { position:relative; left:0px; top:0px; width:100%; height:auto; padding:10px 0px 10px 0px; overflow:hidden; border-width:1px 0px 1px 0px; border-style:solid; border-top-color:#CCC; border-bottom-color:#9e9e9e; /*4C4C4C*/ }
.myApp.dark { background-color:#FFFFFF }
.myApp.light { background-color:#F4F4F4 }
.myApp.bright { background-color:#CCC }
.appicon { position:relative; left:0px; top:0px; width:100px; height:auto; padding:0px; float:left }
.appicon img { width:auto; height:72px; padding-top:5px; padding-left:5px }
.appDetail { position:relative; left:0px; top:0px; width:75%; height:auto; padding:0px; float:left }
.inner { position:relative; left:0px; top:0px; width:auto; height:auto; padding:10px 10px 10px 10px }
.iconAppInfo { position:relative; width:100px }

.covericon { position:relative; left:0px; top:0px; width:100px; height:auto; padding:0px; float:left }
.covericon img { width:100%; height:auto; padding-left:5px }

.screen { position:relative; left:0px; top:48px; width:100%; height:auto; padding:0px; padding-bottom:48px; margin:auto; overflow:hidden; background-color:#666 }

.banner { position:relative; left:0px; top:0px; width:100%; height:auto; overflow:hidden; padding:0px; margin:auto }
.banner img { width:100%; height:auto }
.headBanner { position:fixed; left:0px; top:0px; width:100%; height:45px; overflow:hidden; padding:0px; margin:auto; background-image:url(../images/subscribe/DigitalBookBG.jpg); background-size:contain; text-align:center }
.headBanner img { width:auto; height:100% }
.flashScreen { position:relative; left:0px; top:0px; width:100%; height:100%; padding:0px; margin:0px; overflow:hidden }


.bgDarkGrey { background-color:#333 }
.bgLightGrey { background-color:#666 }
.pad10 { padding:10px }
.gray { color:#666 }
.black { color:#000 }
.dropShadow { -webkit-box-shadow:0px 0px 5px #000}

/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.subscribe { width:80% }
.detail { width:100%; height:200px }
.offer { width:100%; float:left; height:200px }
}*/

.fitScreen { width:100%; height:auto }
.fitHalfScreen { width:50%; height:auto }
.fitQuardScreen { width:90%; height:auto }

/* button Click */
.btnClick {
	background-color:#BFC800; cursor:pointer;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	/*border:0px solid #eeb44f;*/
	display:inline-block;
	color:#FFF;
	font-family:Helvetica;
	font-size:14px;
	font-weight:normal;
	padding:3px 25px;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #cc9f52;*/
}
.btnClick:hover {
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EF7000), color-stop(1, #FF9331));
	background:-moz-linear-gradient(top, #EF7000 5%, #FF9331 100%);
	background:-webkit-linear-gradient(top, #EF7000 5%, #FF9331 100%);
	background:-o-linear-gradient(top, #EF7000 5%, #FF9331 100%);
	background:-ms-linear-gradient(top, #EF7000 5%, #FF9331 100%);
	background:linear-gradient(to bottom, #EF7000 5%, #FF9331 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EF7000', endColorstr='#FF9331',GradientType=0);*/
	background-color:#999;
}
.btnClick:active {
	position:relative;
	top:1px;
}
.btnClick:a { color:#FFF }
.btnClick:link { color:#FFF }
.btnClick:visited { color:#FFF }
.btnClick:hover { color: #FFF }

/*@media all and (min-width: 240px) and (max-width: 320px) {
.appDetail { width:50%; background-color:#C00 }
}*/

/*@media all and (min-width: 320px) {
.appDetail { width:60% }
}

@media all and (min-width: 380px) {
.appDetail { width:70% }
}

@media all and (min-width: 480px) {
.appDetail { width:75% }
}

@media all and (min-width: 600px) {
.appDetail { width:80% }
}

@media all and (min-width: 768px) {
.appDetail { width:80% }
}

@media all and (min-width: 1024px) {
.appDetail { width:80% }
.screen { width:768px }	
}

@media all and (min-width: 1280px) {
.appDetail { width:80% }
.screen { width:768px }	
}*/