@charset "UTF-8";
/**
 *
 * @authors   ossian (vatiny@gmail.com)
 * @date      2016-06-04
 * @version   0.0.3a（lemongame）
 */

/**
 * 載入 font-awesome icon
 * font-awesome 使用方式請參考 http://fortawesome.github.io/Font-Awesome
 * @import url(font-awesome/css/font-awesome.min.css);
 */


/* reset */


*{font-style: normal; font-weight: normal; font-family:Helvetica , Arial, '微軟正黑體', 'Microsoft JhengHei';}
*[class*="lay-"]{display:block; position:relative; overflow:hidden; max-width: 100%; line-height: 150%;}
html, body{height:100%; margin:0; padding:0;}
body{font-size:100%; /*letter-spacing: 0.0625em;*/}
h1, h2, h3, h4, h5, h6{line-height: 120%; margin-top: 0; margin-bottom: 0.75em;}
div, p, pre, code, blockquote{word-wrap:break-word;}
strong, b, em{font-weight: bold;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
h1{font-size: 3em;}
h2{font-size:2.5em;}
h3{font-size: 2.25em;}
h4{font-size: 2em;}
h4{font-size: 1.75em;}
h5{font-size: 1.5em;}
h6{font-size: 1em;}
p{margin:0 0 1.5em 0;}
img{border:none;}
hr{clear:both; border-bottom:0; border-top:1px dotted #000; border-right:0; border-left:0; margin:1.875em 0; min-height: 0; height:1px;}
blockquote{margin:2em 1em; padding:0 1em; border-left: #f2f2f2 0.3125em solid;}
pre, code{margin:2em 0; padding:0; display: block; width:100%;}
table{width:100%; border-collapse: collapse;}
thead, tbody, tfoot{margin:0; padding:0;}
button, input{outline:none;}
audio, canvas, video{display:inline-block; *display:inline; *zoom: 1;}
a{outline: none;}



/**
 * clearfix 採用 Nicolas Gallagher 的解決方式
 * http://nicolasgallagher.com/micro-clearfix-hack/
*/


.clear::before, .clear::after {content: ""; display: table;}
.clear::after {clear: both;}
.clear {zoom:1; /*IE6, IE7*/}

.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {clear: both;}


/**
 * Columns:6
 * MaxWidth:1000px
*/


.grid{
    width: 1000px;
    max-width:100%;
    margin:0 auto;
    padding:0;
    overflow:hidden;
    clear:both;
}
.flex{
    width:100%;
    margin:0;
}
.row{
    display:block;
    overflow:hidden;
    clear:both;
}
.col_1{width:16.666666666667%;}
.col_2{width:33.333333333333%;}
.col_3{width:50%;}
.col_4{width:66.666666666667%;}
.col_5{width:83.333333333333%;}
.col_6{width:100%;}


/* 選取所有 col_ 開頭的 class */
*[class*="col_"]{
    margin:0;
    padding:0;
    float: left;
    display: block;
    overflow: hidden;
}


/* 左邊界清除 */
*[class*="col_"].is-left{margin-left:0;}
/* 右邊界清除 */
*[class*="col_"].is-right{margin-right:0;}


/* RWD 的圖片 */
.full-img{
    width:100%;
    max-width:100%;
    height:auto;
    display:block;
}


/**
 * RWD Youtube 影片 16:9
*/

.movie{position: relative; padding-bottom:56.25%; width:100%; height:0;}
.movie iframe{position: absolute; top:0; left:0; width:100%; height:100%;}


/**
 * 字串過長時，自動加入...
*/

.ellipsis{white-space:nowrap; width:95%; overflow:hidden; text-overflow:ellipsis;}


body .nor-show{
	display:block;
}
body .mobile-show{
	display:none;
}