/*
==================
=== BASE CSS STYLES
==================
    + Author: Trung Huu
    + Version: 1.0

==================
=== CONTENTS       
==================
    + CSS Reset 
    + HTML5 Reset 
    + Base Elements 
    + Font Face
*/

/*********************************************
    *** CSS RESET
    ******************************************/
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}

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

fieldset, img
{
    display: block;
    border: 0;
}

address, caption, cite, code, dfn, th, var
{
    font-style: normal;
    font-weight: 400;
}

ol, ul
{
    list-style: none;
}

caption, th
{
    text-align: left;
}

h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: 400;
}

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

abbr, acronym
{
    border: 0;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}

/*********************************************
    *** HTML5 RESET
    ******************************************/
article, aside, dialog, figure, footer, header, hgroup, nav, section
{
    display: block;
    zoom: 1;
}

audio, canvas, video
{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*********************************************
    *** BASE ELEMENTS 
    ******************************************/
a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

h1, h2, h3, h4
{
    margin: 0;
}

h1
{
    font-size: 2.25rem;
}

h2
{
    font-size: 2rem;
}

h3
{
    font-size: 1.75rem;
}

h4
{
    font-size: 1.5rem;
}

h5
{
    font-size: 1.25rem;
}

h6
{
    font-size: 1rem;
}

small
{
    font-size: .75rem;
}

ul li
{
    list-style: none;
}

ol li
{
    list-style: none;
}

strong, b
{
    font-weight: 700;
}

em, i
{
    font-style: italic;
}

img, object, embed
{
    height: auto;
    width: auto;
}

input, textarea, keygen, select, button, meter, progress
{
    -webkit-writing-mode: horizontal-tb;
}

input, textarea, keygen, select, button
{
    margin: 0em;
    font: -webkit-small-control;
    color: initial;
    border-radius: 0;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
}

    input, input[type="password"], input[type="search"]
    {
        -webkit-appearance: textfield;
        padding: 1px;
        background-color: white;
        border: 2px inset;
        border-image-source: initial;
        border-image-slice: initial;
        border-image-width: initial;
        border-image-outset: initial;
        border-image-repeat: initial;
        -webkit-rtl-ordering: logical;
        -webkit-user-select: text;
        cursor: auto;
    }
select
{
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    border: 1px solid;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: pointer;
}

*:focus
{
    outline: none;
}
/*********************************************
    *** FONT FACE
    ******************************************/
@font-face
{
    font-family: 'Open Sans';
    src: url('../font/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}