.section {color:#222;font-weight:normal; font-family: Oxanium, Arial, "Heiti TC", 'Microsoft JhengHei', Helvetica, sans-serif;}
.section h5 { padding-:0; margin:0em 0 0.00em 0; font-size:5.00em; line-height:1.00em; font-weight:normal;font-family: Oxanium, Arial, "Heiti TC", 'Microsoft JhengHei', Helvetica, sans-serif;  }
.section h4 { padding:0; margin:0.33em 0 0.66em 0; font-size:4em; line-height:1.00em; font-weight:normal;font-family: Oxanium, Arial, "Heiti TC", 'Microsoft JhengHei', Helvetica, sans-serif; }
.section  h3 { padding:0; margin:1.00em 0 1.00em 0; font-size:3em; line-height:0.5em; font-weight:normal; font-family: Oxanium, Arial, "Heiti TC", 'Microsoft JhengHei', Helvetica, sans-serif; }
.section h2 { padding:0; margin:1em; font-size:2em; line-height:0.5em; }
.section h1 { padding:0; margin:1.00em 0 1.00em 0; font-size:1.25em;font-weight: 300; line-height:1.25em; }



/* Definitions */

dl
{
	padding:1.5em; margin:1.5em -1.5em;
	background:rgba(0,0,0,0.065);
	transform-origin:center top;
}

dt
{
	margin:0.75em 0;
	font-size:1.50em;
}

dd { padding: 0 1em;}

		dd p { padding: 0 }
/* ---------------------------------------------------------------------------------------------------- */


/* Clearfix */
 .wrapper { *zoom:1; }
 .wrapper:after { content:''; display:table; clear:both; }

/* Border/padding -webkit-box model */
/*
* { box-sizing:border-box; }
*/

/* Strip top/bottom margin on first/last child elements */
/*
* > :first-child { margin-top:0 !important; }
* > :last-child { margin-bottom:0 !important; }
*/

/* Plain lists */
.plain, .plain > li { list-style:none; }
.plain > li { margin:0; }


/* Main elements */

.wrapper
{
	max-width:60em;
	margin:0 auto;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Sections */

.section
{
	padding:6em 0em;
	position:relative;
    overflow:hidden; /*importion*/
	background:#f2f2f2;
}

@media screen and ( max-width:50em ) { .section { padding:3.0em 0em; } }
@media screen and ( max-width:30em ) { .section { padding:1.5em 0em; } }



/* Intro */

.section_center
{
	
	text-align:center;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Effects */

.effects
{
	margin:-0.75em !important;
}

.effect
{
	width:50%;
	border:0.75em solid white;
	float:left;
	background:rgba(0,0,0,0.065);
}

.effect_box
{
	display:block;
	width:100%; height:0;
	padding:0 0 100% 0;
}

.effect_box_opacity   { background:#606060; }
.effect_box_scale     { background:#2b82d9; }
.effect_box_rotate    { background:#d92b2b; }
.effect_box_translate { background:#93ca3a; }

@media screen and ( max-width:50em )
{
	.effect { width:25%; }
}

@media screen and ( max-width:30em )
{
	.effect { width:50%; }
}

/* ---------------------------------------------------------------------------------------------------- */