@charset "utf-8";
/* CSS Document */
/* 2017-01-04 design for Lai-blue */
/* Icon 字型相關 */
@import url(../fonts/font-awesome.min.css);
@import url(//fonts.googleapis.com/earlyaccess/cwtexhei.css);
/* 清除格式 */
* {
    font-family: Arial ,微軟正黑體;
    margin: 0px;padding: 0px;vertical-align:top;
}
/*input[type="text"],input[type="submit"],input[type="reset"],button,select,textarea {-webkit-appearance: none;}*/
ol.n-sty ,ul.n-sty {list-style-type:none;}   
.n-sty input ,.n-sty textarea ,input.n-sty ,
textarea.n-sty ,img.n-sty,.n-sty img {border:none;resize:none;outline:none;}
input.n-sty ,a:link {cursor:pointer;}
a.n-sty ,.n-sty a ,.n-sty i ,.n-sty div {text-decoration:none;font-style:normal;}
.clear {clear:both !important;}
/* 基本css宣告 */
.left {float:left;}.right {float:right;}
.auto {margin:auto;}
.res-block {display:block;}
/* Table */
.table {display:table;table-layout:fixed;word-wrap:break-word;}
.table .row {display:table-row;}
.table .cell {display:table-cell;word-wrap:break-word;table-layout: fixed;word-break: normal;}
.table .thead {display:table-header-group;}
.table .column {display:table-column;}
.table .caption {display:table-caption;}
.table .footer {display:table-footer-group;}
/* inline-block */
/*.inl {font-size:0;}*/
.inl ,.inl>a ,.inl>div ,.inl>dd ,.inl>dt ,
.inl>li ,.inl>td ,.inl>img {display:inline-block;vertical-align:top;margin-right:-4px;}
/* 隱藏 */
.res-hidden {display:none !important;}
/* 對齊方向 */
.a-cen {text-align:center !important;}.a-left {text-align:left !important;}.a-right {text-align:right !important;}
.valign-top {vertical-align:top !important;}.valign-middle {vertical-align:middle !important;}.valign-bottom {vertical-align:bottom !important;}
/* 字型大小 */
.f-90 ,.f-90 a ,.f-90 b ,.f-90 i ,f-90 h3 ,f-90 s {font-size:90% !important;}
.f-100 ,.f-100 a ,.f-100 b ,.f-100 i ,f-100 h3 ,f-100 s {font-size:100% !important;}
.f-110 ,.f-110 a ,.f-110 b ,.f-110 i ,f-110 h3 ,f-110 s {font-size:110% !important;}
.res-h1 {font-size:2.5em;}.res-h2 {font-size:2em;}.res-h3 {font-size:1.3em;}.res-h4 {font-size:1em;}
.res-h5 {font-size:.93em;}.res-h6 {font-size:.85em;}
/* 底線 ↓ */
.font-d-line {text-decoration:underline;}
/* 刪除線 ↓ */
.de-line {text-decoration: line-through;}
/* 斜體 ↓ */
.f-italie {font-style: italic;}
/* 宣告小字 */
.f-caps {font-variant:small-cap !importants;}
.s-font ,h1.s-font ,h2.s-font ,h3.s-font ,h4.s-font ,h5.s-font ,h6.s-font {font-size:75% !important;}
/* 英文首字放大 */
.inital:first-letter {text-transform:uppercase;}
/* 導角 ↓ */
.radius-2 {border-radius:2px;}.radius-4 {border-radius:4px;}.radius-6 {border-radius:6px;}
.radius-8 {border-radius:8px;}.radius-10 {border-radius:10px;}.radius-12 {border-radius:12px;}
.radius-14 {border-radius:14px;}.radius-16 {border-radius:16px;}.radius-max {border-radius:100em;}
.radius-bottom-2 {border-bottom-left-radius:2px;border-bottom-right-radius:2px;}
.radius-bottom-4 {border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.radius-bottom-6 {border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.radius-bottom-8 {border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.radius-bottom-10 {border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.radius-bottom-12 {border-bottom-left-radius:12px;border-bottom-right-radius:12px;}
.radius-bottom-14 {border-bottom-left-radius:14px;border-bottom-right-radius:14px;}
.radius-bottom-16 {border-bottom-left-radius:16px;border-bottom-right-radius:16px;}
.radius-bottom-max {border-bottom-left-radius:100em;border-bottom-right-radius:100em;}
.radius-top-2 {border-top-left-radius:2px;border-top-right-radius:2px;}
.radius-top-4 {border-top-left-radius:4px;border-top-right-radius:4px;}
.radius-top-6 {border-top-left-radius:6px;border-top-right-radius:6px;}
.radius-top-8 {border-top-left-radius:8px;border-top-right-radius:8px;}
.radius-top-10 {border-top-left-radius:10px;border-top-right-radius:10px;}
.radius-top-12 {border-top-left-radius:12px;border-top-right-radius:12px;}
.radius-top-14 {border-top-left-radius:14px;border-top-right-radius:14px;}
.radius-top-16 {border-top-left-radius:16px;border-top-right-radius:16px;}
.radius-top-max {border-top-left-radius:100em;border-top-right-radius:100em;}

/* 文字顏色 */
.blue {color:#299ee8 !important;}.green {color:#8bdb56 !important;}.red {color:#d34444 !important;}
.black {color:#555555 !important;}.white {color:white !important;}

/* 按鈕基礎樣式 */
.btn ,input[disabled] {
    cursor:pointer !important;outline:none;display:inline-block;vertical-align:top;
    border:solid 1px rgba(0, 0, 0, .1) !important;border:none \9;
    border-radius:.2em !important;
    font-size:1em;text-decoration:none;color:white;
    text-shadow:0 0 2px rgba(0, 0, 0, .2);padding:.5em 1em;
    -webkit-appearance: none;
}
.btn:active ,.btn:hover ,.btn.adk {box-shadow:0 4px 10px rgba(0,0,0,.15) inset;}
.btn.yellow {color:black !important;text-shadow:none;}
.f-110 input[class*="btn"],.f-110 button[class*="btn"] ,.f-110 input[disabled] {padding:.6em 1em;}

/* 背景色樣式 */
.bg-blue {background:#299ee8 !important;}.bg-blue-green {background:#00c5c5 !important;}
.bg-red {background:#d34444 !important;}.bg-yellow {background:#fff686 !important;}
.bg-orange {background:#ea8b5b !important;}.bg-pink {background:#f99ec7 !important;}
.bg-purple {background:#ac69ea !important;}.bg-green {background:#48b54c !important;}
.disabled ,input[disabled] {cursor:auto !important;background:#989899;box-shadow:none !important;}

/* 去除背景 */
.no-background {background:none !important;}

/* 寬度 */
.w-0 {width:100% !important;}.w-5 {width:5% !important;}.w-10 {width:10% !important;}
.w-15 {width:15% !important;}.w-20 {width:20% !important;}.w-25 {width:25% !important;}
.w-30 {width:30% !important;}.w-35 {width:35% !important;}.w-40 {width:40% !important;}
.w-45 {width:45% !important;}.w-50 {width:50% !important;}.w-55 {width:55% !important;}
.w-60 {width:60% !important;}.w-65 {width:65% !important;}.w-70 {width:70% !important;}
.w-75 {width:75% !important;}.w-80 {width:80% !important;}.w-85 {width:85% !important;}
.w-90 {width:90% !important;}.w-95 {width:95% !important;}

/* 以下針對手機 */
@media (max-width: 805px){
/* 隱藏 */
    .sm-hidden {display:none !important;}.sm-inline{display:inline !important;}
    .sm-block {display:block !important;visibility:inherit !important;}
    
/* 對齊方向 */
    .sm-a-cen {text-align:center !important;}.sm-a-left {text-align:left !important;}
    .sm-a-right {text-align:right !important;}
    
/* 寬度 */
    .sm-w-0 {width:100% !important;}.sm-w-5 {width:5% !important;}.sm-w-10 {width:10% !important;}
    .sm-w-15 {width:15% !important;}.sm-w-20 {width:20% !important;}.sm-w-25 {width:25% !important;}
    .sm-w-30 {width:30% !important;}.sm-w-35 {width:35% !important;}.sm-w-40 {width:40% !important;}
    .sm-w-45 {width:45% !important;}.sm-w-50 {width:50% !important;}.sm-w-55 {width:55% !important;}
    .sm-w-60 {width:60% !important;}.sm-w-65 {width:65% !important;}.sm-w-70 {width:70% !important;}
    .sm-w-75 {width:75% !important;}.sm-w-80 {width:80% !important;}.sm-w-85 {width:85% !important;}
    .sm-w-90 {width:90% !important;}.sm-w-95 {width:95% !important;}
}

/* 以下針對手機 */
@media (max-width: 505px){
/* 隱藏 */
    .xs-hidden {display:none !important;}.xs-inline{display:inline !important;}
    .xs-block {display:block !important;visibility:inherit !important;}
    
/* 對齊方向 */
    .xs-a-cen {text-align:center !important;}.xs-a-left {text-align:left !important;}
    .xs-a-right {text-align:right !important;}
    
/* 寬度 */
    .xs-w-0 {width:100% !important;}.xs-w-5 {width:5% !important;}.xs-w-10 {width:10% !important;}
    .xs-w-15 {width:15% !important;}.xs-w-20 {width:20% !important;}.xs-w-25 {width:25% !important;}
    .xs-w-30 {width:30% !important;}.xs-w-35 {width:35% !important;}.xs-w-40 {width:40% !important;}
    .xs-w-45 {width:45% !important;}.xs-w-50 {width:50% !important;}.xs-w-55 {width:55% !important;}
    .xs-w-60 {width:60% !important;}.xs-w-65 {width:65% !important;}.xs-w-70 {width:70% !important;}
    .xs-w-75 {width:75% !important;}.xs-w-80 {width:80% !important;}.xs-w-85 {width:85% !important;}
    .xs-w-90 {width:90% !important;}.xs-w-95 {width:95% !important;}
}

/* 以下針對手機 */
@media (max-width: 350px){
/* 隱藏 */
    .xxs-hidden {display:none !important;}.xxs-inline{display:inline !important;}
    .xxs-block {display:block !important;visibility:inherit !important;}
    
/* 對齊方向 */
    .xxs-a-cen {text-align:center !important;}.xxs-a-left {text-align:left !important;}
    .xxs-a-right {text-align:right !important;}
    
/* 寬度 */
    .xxs-w-0 {width:100% !important;}.xxs-w-5 {width:5% !important;}.xxs-w-10 {width:10% !important;}
    .xxs-w-15 {width:15% !important;}.xxs-w-20 {width:20% !important;}.xxs-w-25 {width:25% !important;}
    .xxs-w-30 {width:30% !important;}.xxs-w-35 {width:35% !important;}.xxs-w-40 {width:40% !important;}
    .xxs-w-45 {width:45% !important;}.xxs-w-50 {width:50% !important;}.xxs-w-55 {width:55% !important;}
    .xxs-w-60 {width:60% !important;}.xxs-w-65 {width:65% !important;}.xxs-w-70 {width:70% !important;}
    .xxs-w-75 {width:75% !important;}.xxs-w-80 {width:80% !important;}.xxs-w-85 {width:85% !important;}
    .xxs-w-90 {width:90% !important;}.xxs-w-95 {width:95% !important;}
}