@charset "utf-8";
#wrap {
  font-family: Arial, Tahoma;
  font-size: 13px;
  position: relative;
}
img.max-width {
	max-width: 100%;
	height: auto;
	width :auto;
}
/* common elements */
.clear {
	clear:both;
}
.uppercase {
	text-transform:uppercase;
	margin: 1em 0!important;
}
.switch {/* Multi Device Switch for Images */
	visibility: hidden;
}
.text-center {
	text-align:center;
}
.left {
	text-align:left !important;
}
.caption {
	margin-top:0;
	font-size:.8em;
	line-height:1.2;
}
.pop{/* image pop up */
	margin-bottom:25px;
}
.pop a{
  background:url(../images/zoom.png) right bottom no-repeat;
	padding-bottom:25px;
}
.pop-right{
	float:right;
	padding-left:2%;
}
.pop-left{
	float:left;
	padding-right:2%;
	padding-bottom:20px;
}
.pop .caption {
	margin-top:1em;
	max-width:195px;
}
.pop .caption.width-auto {
	max-width:92%;
}
.title-number {
    color: #BBBBBB;
    float: left;
    font-size: 1.8em;
    line-height: 1;
    padding-right: 0.25em;
}
.lead {
	margin:0 0 20px;
}

.pager {
	clear:both;
	margin:30px 0;
	font-weight:bold;
	text-align:center;
}
.pager a {
	margin:0 1em;
	padding:2px 7px;
	background:#333;
	color:#fff;
	box-shadow:0px 1px 4px #777;
}


/* wrap */
#wrap {
	margin:0 auto;
	width:980px;
	text-align:left;
}
p.wrap-head {
	position:relative;
	height:100%;
	margin:10px 0;
	padding:0 20px 5px;
	font-size:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:5px solid #333;
}
a.backNumber {
	padding:0 0 0 15px;
	position:absolute;
	display:block;
	top:-5px;
	right:0;
	font-size:13px;
	text-transform:capitalize;
	background:url(../images/arrow-01.gif) left center no-repeat;
}
#contents {
	/* margin:30px 0; */
}

/*
main column layout */
#alpha {/* left side col */
	float:left;
	margin:0 20px;
	width:205px;
}
#beta {/* main conts wrap */
	float:right;
	width:735px;
}
#beta h2 {
	margin:0;
	font-size:3em;
}
#beta .specialFeature {
	margin:0;
	padding:0 0 20px;
	border-bottom:1px solid #333;
}
#beta .specialFeature h2 {
	font-size:3em;
	margin:.25em 0;
}
#beta .specialFeature h3 {
	margin:.25em 5px;
	font-size:2em;
}
#beta .specialFeature p.tit-sp {
	margin:0;
	color:#e60012;
  font-size:1.2em;
  text-indent: 0;
}
.article #gamma {/* two thirds wrap */
	width:100%;
}
.article .delta {/* left side of one third */
	clear:both;
	margin-bottom:50px;
}
.inline-block{
	float:left;
	width:30%;
	margin:10px 10% 20px;
	text-align:center;
}

.inline-block-half{
	float:left;
	width: 45%;
	margin:10px 4.5% 20px 0;
	text-align:center;
}
.inline-block-half-r{
	float:right;
	width: 45%;
	margin:10px 2.5% 20px 0;
	text-align:center;
}

.inline-block-three{
	float:left;
	width:27%;
	margin:10px 3% 20px;
	text-align:center;
}
.feature10-2 .inline-block-three{
	width:30%;
	margin:10px 4.8% 20px 0;
}
.feature10-2 .inline-block-three:last-child{
	margin:10px 0 20px 0;
}
.inline-block-quarter{
	float:left;
	width:23%;
	margin:10px 1% 20px;
	text-align:center;
}
.inline-block-twoThird{
	float:left;
	width:61%;
	margin:10px 3% 20px;
	text-align:center;
}
.feature10-2 .inline-block-twoThird{
	margin:10px 4.5% 20px 0;
	width:65.5%;
}
.inline-block p,
.inline-block-three p,
.inline-block-twoThird p,
.inline-block-quarter p{
	text-align:left;
}
.article .delta.comments{
	padding:5px 20px;
	background:#E5E1D6;
	overflow:hidden;
}

/* Cover */


.index #gamma {/* two thirds wrap */
	float:left;
	margin:0;
	width:67%;
}
.index .delta {/* left side of one third */
	float:left;
	margin:20px 0;
	margin-left:20px;
	width:45.5%;
}
.index #epsilon {/* middle of one third */
	float:left;
	margin:20px 0;
	margin-left:20px;
	width:45.5%;
}
.index #zeta {/* right side of one third */
	float:left;
	margin:20px 0;
	margin-left:20px;
	width:30%;
}
.index #zeta ul {
	margin:0;
	padding:20px 0 0;
	list-style:none;
}
.index #zeta ul.html {
	border-top:1px solid #333;
}
.index #zeta ul li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.get_flashplayer{
	margin-bottom:20px;
	font-size:85%;
	text-align:left;
}
.get_flashplayer img{
	display:block;
	margin:5px auto;
}

/* Table of contents  */

.main p.sentence {
	font-size:.9em;
	position:absolute;
	top:70px;
	left:153px;
}
.main #alpha {
	padding-bottom:50px;
	text-align:center;
}
.main #alpha .contsNav {
	margin-bottom:50px;
	padding-bottom:50px;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #333;
}
.main #alpha ul {
	margin:0;
	padding:0;
	list-style:none;
}
.main #alpha .contsNav li {
	margin:0 10px 10px 0;
	padding-left:20px;
	font-size:.9em;
	line-height:1.4;
	background:url(../images/arrow-01.gif) left 3px no-repeat;
}
.main #alpha .contsNav li span{
	display:block;
	font-weight:normal;
	font-size:.9em;
}
.main #beta {
	margin-bottom:50px;
}
.main .box {
	float:left;
	display:block;
	padding:40px 0 50px;
	width:245px;
	height:400px;
	border-bottom:1px solid #333;
}
.main .box .thumb {
	padding-bottom:50px;
	position:relative;
}
.main .box .thumb span.number {
	position:absolute;
	left:10px;
	bottom:-0;
}
.main .box h3 {
	font-size:1.4em;
	line-height:1.4;
}
.main .box h3 span {
	display:block;
	font-weight:normal;
	font-size:.8em;
}
.main .box h3, .main .box p {
	margin:1em 20px;
}

/* Article pages */
.article  #beta h2.wrap-head {
	clear:both;
	position:inherit;
	position:relative;
	height:100%;
	margin:0 0 10px;
	padding:0 0 10px;
	padding-right:120px;
	font-size:1.8em;
	font-weight:normal;
	text-transform:none;
	border-bottom:1px solid #333;
}

.article  #beta h2.wrap-head.icon{
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
	padding:0 0 0px;
}

#beta a.backNumber {
	top:10px;
	font-weight:bold;
}

.article .article-title {
	padding:40px 0 0;
	background:url(../images/cloud-01.png) right 30px no-repeat;
}

.article .article-title.nocloud {
	background:none;
	position:relative;
}

.article .article-title h3 {
  line-height: 1;
  width: 500px;
}

.article .article-title h3 span {
  display: inline-block;
  margin-bottom: 10px;
}
.featuremap{
	position:absolute;
	top:10px;
	right:20px;
}
.article h2 span.iconIMG{
  display: inline-block;
  margin-right:10px;
  margin-bottom: 5px;
	vertical-align:top;
  width: 50px;
}
.article h3 {
	margin-top:.25em;
	font-size:3em;
	font-weight:bold;
	line-height:1;
}
.article h3.icon {
	padding-left:60px;
	position:relative;
}
.article h3.icon span.iconIMG{
	position:absolute;
	top:0;
	left:0;
}
.article h4 {
	margin:1.5em 0 .5em;
	font-size:1.4em;
}
.article p {
	margin:0 0 1em;
	text-indent:1em;
}
.article p.get_flashplayer{
	text-indent:0;
}

.article .lead p{
	text-indent:0;
	font-size:115%;
}
.article p.caption {
	text-indent:0;
}
.article .lead p.caption {
	font-size:11px;
}
.article p.noIndent {
	text-indent:0;
}
.article .subtitle span.title-number {
	float:left;
	padding-right:0;
	font-size:3em;
	line-height:1;
	color:#bbb;
	width:4%;
	margin-left:3%;
}
.article .subtitle div {
	float:right;
	padding-left:2%;
	width:90%;
	border-left:3px solid #ccc;
}
.width-half {
	padding:0 3%;
	width:44%;
	float:left;
}

p.noindent {
	text-indent:0;
}

p.rowline {
	margin-top:-1em;
}

/* Add Module */
.f80 {font-size: 80%;}
.f70 {font-size: 70%;}
.f60 {font-size: 60%;}
.f50 {font-size: 50%;}
.mt30 {margin-top: 30px !important;} 
.mb15 {margin-bottom: 15px !important;} 

.w200 {width: 200px;margin-top:-15px !important;}
.w225 {width: 225px;margin-top:-15px !important;}
.w280 {width: 280px;margin-top:-15px !important;}
.w330 {width: 330px;margin-top:-15px !important;}
.w300 {width: 300px;margin-top:-15px !important;}
.w300-normal {width: 300px;}


.w400 {width: 400px;}
.w500 {width: 500px;}
.w620 {width: 620px;}


.center_box {margin: 0 auto;}

.title-number_11 {
	margin-left:-20px;
	float:left;
	padding-right:.25em;
	font-size:1.8em;
	line-height:1;
	color:#bbb;
}

.caption_11_1 {
	text-indent:0 !important;
	margin-top:-10px !important;
	font-size:.9em;
	line-height:1.2;
}

.caption_11_1_2 {
	text-indent:0 !important;
	margin-top:-5px !important;
	font-size:.9em;
	line-height:1.2;
}


.caption_11_3 {
	text-indent:0 !important;
	margin-top:-5px !important;
	font-size:.8em;
	line-height:1.2;
}

.caption_11_4 {
	text-indent:0 !important;
	margin-top:-15px !important;
	font-size:.8em;
	line-height:1.2;
}

.caption_11_8 {
	text-indent:0 !important;
	margin-top:-15px !important;
	font-size:.8em;
	line-height:1.2;
}

.caption_11_8_2 {
	text-indent:0 !important;
	margin-top:10px !important;
	text-align:left;
	width:220px;
	font-size:.8em;
	line-height:1.2;
}

.no_11_3 {
	text-align:right;
	margin:0 5px 20px 0 !important;
}

#alpha p {
  margin: 1em auto;
  text-indent: 0;
  width: 150px ;
}

.text-vup {
  font-size: 50%;
  vertical-align: super;
}

@media screen and (max-width: 640px){
  #wrap #toggle {
    top: 0.2%;
    right: 2%;
  }

  .main #alpha {
    width: 100%;
  }
}