@charset "utf-8";
body {
    background: #FFF;
    color: #666666;
    font: 12px/1.231 Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", Verdana, Helvetica, sans-serif;
    /*font: 12px/16px 新細明體,微軟正黑體, Arial, Verdana,  Helvetica, sans-serif;*/
}
/*basic*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
code,
img,
strong,
ol,
ul,
li,
fieldset,
form,
label,
legend,
tr,
th,
td,
embed,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    /*-- Resolved Chrome can't support minimate 12px font---*/
    -webkit-text-size-adjust: none;
}
/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ul,
ol,
li {
    list-style: none;
}

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

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a img {
    border: 0;
}

a:link,
a:visited {
    color: #000;
    text-decoration: none;
}

a:hover,
a:active {
    border: 0px;
    text-decoration: underline;
}

a:focus {
    outline: 0px;
}

.pr0 {
    padding-right: 0px!important;
}

.pr5 {
    padding-right: 5px!important;
}

.pr10 {
    padding-right: 10px!important;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr30 {
    padding-right: 30px!important;
}
.pr100{
    padding-right:100px;
}
}

.pl2 {
    padding-left: 2px;
}

.pl5 {
    padding-left: 5px!important;
}

.pl10 {
    padding-left: 10px!important;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px;
}

.pl40 {
    padding-left: 40px;
}

.pl70 {
    padding-left: 70px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb2 {
    padding-bottom: 2px;
}

.pb5 {
    padding-bottom: 5px!important;
}

.pb10 {
    padding-bottom: 10px!important;
}

.pb20 {
    padding-bottom: 20px!important;
}

.pb25 {
    padding-bottom: 25px!important;
}

.pb30 {
    padding-bottom: 30px!important;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px!important;
}

.pb60 {
    padding-bottom: 60px;
}

.pb70 {
    padding-bottom: 70px;
}

.pb80 {
    padding-bottom: 80px;
}

.pt0 {
    padding-top: 0px !important;
}

.pt2 {
    padding-top: 2px;
}

.pt5 {
    padding-top: 5px !important;
}

.pt8 {
    padding-top: 8px;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px!important;
}

.pt30 {
    padding-top: 30px!important;
}

.pt40 {
    padding-top: 40px!important;
}

.pt50 {
    padding-top: 50px!important;
}

.pt105 {
    padding-top: 105px;
}

.mt0 {
    margin-top: 0px!important;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt13 {
    margin-top: 13px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px!important;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px!important;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px!important;
}

.mb0 {
    margin-bottom: 0px!important;
}

.mb1 {
    margin-bottom: 1px;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px;
}

.mb12 {
    margin-bottom: 12px!important;
}

.mb15 {
    margin-bottom: 15px!important;
}

.mb20 {
    margin-bottom: 20px!important;
}

.mb30 {
    margin-bottom: 30px!important;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px!important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px!important;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px!important;
}

.mr30 {
    margin-right: 30px!important;
}

.mr40 {
    margin-right: 40px!important;
}

.mr50 {
    margin-right: 50px!important;
}

.mr60 {
    margin-right: 60px!important;
}

.mr70 {
    margin-right: 70px!important;
}

.mr80 {
    margin-right: 80px!important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px!important;
}

.ml17 {
    margin-left: 17px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px!important;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px!important;
}

.ml60 {
    margin-left: 60px!important;
}

.ml65 {
    margin-left: 65px!important;
}

.ml70 {
    margin-left: 70px!important;
}

.ml80 {
    margin-left: 80px;
}

.mcenter {
    margin: 0 auto!important;
}

.nobo {
    border: none !important;
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}

.ofhide {
    overflow: hidden;
}

.tcenter {
    text-align: center;
}

.tright {
    text-align: right!important;
}

.tleft {
    text-align: left!important;
}

.bold {
    font-weight: bold;
}

.uline {
    text-decoration: underline!important;
}

.lh20 {
    line-height: 20px;
}

.lh24 {
    line-height: 24px;
}

.lh30 {
    line-height: 30px;
}

.locker {
    position: relative;
}

.haslayout {
    *zoom: 1;
}

.valign_center {
    *vertical-align: super;
}

ul.unordered,
ol.ordered {
    margin-left: 10px;
}

ul.unordered li {
    list-style: disc;
    margin-left: 10px;
    *margin-left: 15px;
}

ol.ordered li {
    list-style: decimal;
    margin-left: 10px;
    *margin-left: 15px;
}

.bgcolor_01 {
    background-color: #FFF!important;
}

.bgcolor_02 {
    background-color: #40ad12!important;
}
/*----------------------*/

.eng_font {
    font-family: Arial;
}

.txt_01 {
    color: #ffffff!important;
}

.txt_02 {
    color: #333333!important;
}

.txt_03 {
    color: #666666!important;
}

.txt_04 {
    color: #999999!important;
}

.txt_05 {
    color: #000000!important;
}

.txt_06 {
    color: #16AE03!important;
}

.txt_07 {
    color: #E21818!important;
}
/* 系統紅 */

.txt_08 {
    color: #40ad12!important;
}
/* 系統綠 */

.txt_09 {
    color: #28b801!important;
}
/* 系統綠 */
/*-------- text size ---------------*/

.font_11 {
    font-size: 11px!important;
}

.font_12 {
    font-size: 12px!important;
}

.font_13 {
    font-size: 13px;
}

.font_14 {
    font-size: 14px!important;
}

.font_15 {
    font-size: 15px!important;
}

.font_16 {
    font-size: 16px!important;
}

.font_17 {
    font-size: 17px!important;
}

.font_18 {
    font-size: 18px;
}

.font_30 {
    font-size: 30px!important;
}

.font_45 {
    font-size: 45px!important;
}


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}