html,body {
/*	width: 100vw;
height: 100vh;*/
font-size: 16px;
font-family: Microsoft JhengHei;
color: #333333;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
ul,ol,li {margin: 0px; padding: 0px;}
ul {list-style-type: none;}
ol {list-style-type: decimal;}
img {max-width: 100%;max-height:100%; border: 0px;}
a {color: #0277BD;}
a:hover {color: #01579B; text-decoration: none;}
button{outline:none;}

/* --------------------------------------
// Extra small devices (portrait phones, less than 576px)
// No media query for xs since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/





/* Œ’¶È */
.width-mx {width: 100%;}

/* ÎÄ×Ö */
h1,h2,h3,h4,h5,p,span {font-weight: normal; margin: 0px;}
h1 {font-size: 2.25rem;/*36px*/}
h2 {font-size: 1.875rem;/*30px*/}
h3 {font-size: 1.75rem;/*28px*/}
h4 {font-size: 1.25rem;/*20px*/}
h5 {font-size: 1.125rem;/*18px*/}
p  {font-size: 1rem;/*16px*/}
.pcenter{
  text-align: justify;
}

.bold  {font-weight: bold;}
.ta-l {text-align: left;}
.ta-r {text-align: right;}
.text-justify {text-align:justify;} /*ÎÄ×Ö×óÓÒƽ¾ù*/
.text-dec {text-decoration: underline;}
.pmingliu {font-family: "Times New Roman","PMingLiU", serif;}

/* Ðоà */
.lh18 {line-height:18px;}
.lh20 {line-height:20px;}
.lh22 {line-height:22px;}
.lh24 {line-height:24px;}
.lh28 {line-height:28px;}
.lh32 {line-height:32px;}
.lh36 {line-height:36px;}
.lh40 {line-height:40px;}

/* margin */
/* ÓÒ */
.mg-r10 {margin-right: 10px;}
.mg-r15 {margin-right: 15px;}
.mg-r20 {margin-right: 20px;}
/* ×ó */
.mg-l10 {margin-left: 10px;}
.mg-l15 {margin-left: 15px;}
.mg-l20 {margin-left: 20px;}
/* ÏÂ */
.mg-b5 {margin-bottom: 5px;}
.mg-b10 {margin-bottom: 10px;}
.mg-b15 {margin-bottom: 15px;}
.mg-b20 {margin-bottom: 20px;}
.mg-b30 {margin-bottom: 30px;}
.mg-b35 {margin-bottom: 35px;}
.mg-b40 {margin-bottom: 40px;}
.mg-b45 {margin-bottom: 45px;}
.mg-b50 {margin-bottom: 50px;}
.mg-b80 {margin-bottom: 80px;}
.mg-b100 {margin-bottom: 100px;}
/* ÉÏ */
.mg-t5 {margin-top: 5px;}
.mg-t10 {margin-top: 10px;}
.mg-t15 {margin-top: 15px;}
.mg-t20 {margin-top: 20px;}
.mg-t25 {margin-top: 25px;}
.mg-t30 {margin-top: 30px;}
.mg-t35 {margin-top: 35px;}
.mg-t40 {margin-top: 40px;}
.mg-t45 {margin-top: 45px;}
.mg-t50 {margin-top: 50px;}
.mg-t80 {margin-top: 80px;}
.mg-t100 {margin-top: 100px;}

/* padding */
/* ÓÒ */
.pd-r10 {padding-right: 10px;}
.pd-r15 {padding-right: 15px;}
.pd-r20 {padding-right: 20px;}
/* ×ó */
.pd-l10 {padding-left: 10px;}
.pd-l15 {padding-left: 15px;}
.pd-l20 {padding-left: 20px;}
/* ÏÂ */
.pd-b5 {padding-bottom: 5px;}
.pd-b10 {padding-bottom: 10px;}
.pd-b15 {padding-bottom: 15px;}
.pd-b20 {padding-bottom: 20px;}
.pd-b30 {padding-bottom: 30px;}
.pd-b35 {padding-bottom: 35px;}
.pd-b40 {padding-bottom: 40px;}
.pd-b45 {padding-bottom: 45px;}
.pd-b50 {padding-bottom: 50px;}
.pd-b80 {padding-bottom: 80px;}
.pd-b100 {padding-bottom: 100px;}
/* ÉÏ */
.pd-t5 {padding-top: 5px;}
.pd-t10 {padding-top: 10px;}
.pd-t15 {padding-top: 15px;}
.pd-t20 {padding-top: 20px;}
.pd-t25 {padding-top: 25px;}
.pd-t30 {padding-top: 30px;}
.pd-t35 {padding-top: 35px;}
.pd-t40 {padding-top: 40px;}
.pd-t45 {padding-top: 45px;}
.pd-t50 {padding-top: 50px;}
.pd-t80 {padding-top: 80px;}
.pd-t100 {padding-top: 100px;}

/* ÎÄ×ÖÉ«²Ê */
.txtc-bkf {color: #ffffff;}
.txtc-bk0 {color: #000000;}
.txtc-bk3 {color: #333333;}
.txtc-bk6 {color: #666666;}
.txtc-bk9 {color: #999999;}
.txtc-1,.txtc-1 a {color: #008cd6;}
.txtc-2,.txtc-2 a {color: #789300;}
.txtc-3,.txtc-3 a {color: #B71C1C;}
.txtc-4,.txtc-4 a {color: #ea5504;}
.txtc-5,.txtc-5 a {color: #7b59a3;}


/* ±³¾°É«²Ê */
.bgc-1 {background-color: #ffffff;}
.bgc-2 {background-color: #333333;}
.bgc-3 {background-color: #008cbb;}
.bgc-4 {background-color: #f8efc6;}


.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-margin {
    margin: 0px !important;
}

/*containerMax*/
@media (min-width: 1024px) {
    .container.containerMax {
        max-width: 991px;
    }
}
@media (min-width: 1280px) {
    .container.containerMax {
        max-width: 1080px;
    }
}
@media (min-width: 1440px) {
    .container.containerMax {
        max-width: 1280px;
    }
}
@media (min-width: 1660px) {
    .container.containerMax {
        max-width: 1440px;
    }
}
@media (min-width: 1780px) {
    .container.containerMax {
        max-width: 1600px;
    }
}