@font-face {
    font-family: 'Rehn-Light';
    src: url('../fonts/Rehn-Light.eot');
    src: url('../fonts/Rehn-Light.woff2') format('woff2'),
        url('../fonts/Rehn-Light.woff') format('woff'),
        url('../fonts/Rehn-Light.ttf') format('truetype'),
        url('../fonts/Rehn-Light.svg#Rehn-Light') format('svg'),
        url('../fonts/Rehn-Light.eot?#iefix') format('embedded-opentype');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'Felix Titling';
    src: url('../fonts/hinted-FelixTitlingMT.eot');
    src: local('Felix Titling'), local('FelixTitlingMT'),
        url('../fonts/hinted-FelixTitlingMT.woff2') format('woff2'),
        url('../fonts/hinted-FelixTitlingMT.woff') format('woff'),
        url('../fonts/hinted-FelixTitlingMT.ttf') format('truetype'),
        url('../fonts/hinted-FelixTitlingMT.svg#FelixTitlingMT') format('svg'),
        url('../fonts/hinted-FelixTitlingMT.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;    
}
/* -------------------------------------------------------------- remove radius & shadow -------------------------------------------------------------- */
* {font-family: 微軟正黑體;}
a {text-decoration:none;}
a:hover {color: #927758; text-decoration:none;}
/*article {background-image: url(../images/bg01.jpg);}*/
.W50 {width: 50px;}
.W60 {width: 60px;}
.W80 {width: 80px;}
.W100 {width: 100px;}
.W120 {width: 120px;}
.W140 {width: 140px;}
.W160 {width: 160px;}
.W180 {width: 180px;}
.fs-10 {font-size: 10px;}
.fs-12 {font-size: 12px;}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px;}
.margin-top-xs {margin-top: 20px;}
.margin-bottom-xs {margin-bottom: 20px;}
.margin-top-sm {margin-top: 40px;}
.margin-bottom-sm {margin-bottom: 40px;}
.margin-top-md {margin-top: 60px;}
.margin-bottom-md {margin-bottom: 60px;}
.margin-top-lg {margin-top: 80px;}
.margin-bottom-lg {margin-bottom: 80px;}
.padding-top-xs {padding-top: 20px;}
.padding-bottom-xs {padding-bottom: 20px;}
.padding-top-sm {padding-top: 40px;}
.padding-bottom-sm {padding-bottom: 40px;}
.padding-top-md {padding-top: 60px;}
.padding-bottom-md {padding-bottom: 60px;}
.padding-top-lg {padding-top: 80px;}
.padding-bottom-lg {padding-bottom: 80px;}
/*.img-thumbnail { border-radius: 0 }*/
.login-btn {padding-left: 0; padding-right: 0;}
.login-btn .UImgBox1 {margin-right: 20px;}
.login-btn span {display: inline-block;}
.login-btn span:nth-of-type(2) {padding-left: 15px;}
/*.login-btn1 > img {margin-right: 20px;}*/
.login-btn > h5 {margin-top: 5px; margin-bottom: 5px; font-weight: 700;}
.login-btn > * {vertical-align: middle;}

.btn {border: 0px solid transparent;}
.WAuto {width: auto;}

body {padding-top: 120px;}
@media only screen and (min-width: 300px) and (max-width: 767px){
    body {padding-top: 60px;}
}
@media (min-width: 768px) and (max-width: 1199px) {
    body {padding-top: 175px;}
}
/* -------------------------------------------------------------- Navbar -------------------------------------------------------------- */
.navbar {
    margin-bottom: 10px;
    min-height: 110px;
    background: rgba(255,255,255,.9); /*background-color: #fff;*/
}
.navbar-brand {height: auto;}
.navbar-toggle {
    float: left;
    margin-left: 15px;
    padding: 10px 10px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    border-color: #aab2bd;
    background-color: #333;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}   
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.menu-title em {display: inline-block;
    width: 100%; font-style: normal; }
.nav>li>a {padding: 5px;}

h2.item {margin-top: 30px;
    font-size: 2.5rem; font-weight: 600; color: #333;
    background-image: url(../images/item-line.png);
    background-repeat: no-repeat;
    background-position: right 84%;
}
.navbar-nav>li>.dropdown-menu {
    padding-top: 9px; padding-bottom: 9px;
}
.dropdown-menu>li {
    height: 24px;
}
.dropdown-menu>li>a {
    display: inline-block!important; width: 100%;
}

h2.item span {padding-right: 10px; display: inline-block; background-color: #fff;}
h2.item em {font-style: normal; font-family: 'Rehn-Light'; font-size: 4rem; font-weight: 100;}

@media only screen and (min-width: 300px) and (max-width: 480px){
    h2.item {font-size: 2.0rem;}
    h2.item em {font-size: 2.8rem;}
}

@media only screen and (min-width: 300px) and (max-width: 767px){
    .navbar {
        min-height: 40px; background: #444444;
        border: 0px solid transparent;
        -webkit-box-shadow: 0 0 20px #000;
        -moz-box-shadow: 0 0 20px #000;
        box-shadow: 0 0 20px #000;
    }
    .navbar-brand {
        padding: 5px 15px 5px 15px;
        width: calc(100% - 148px);
        text-align: center;
    }
    .visible-xs-block {
        display: inline-block!important;
    }
    .menu-title em {margin-right: 4px; display: inline-block; width: auto;}
}
@media (min-width: 768px) {
    .menu-title {
        background-image: url(../images/menu-line.png);
        background-repeat: no-repeat;
        background-position: center center;
        text-align: center; font-size: 13px;
    }
    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>li>a:focus {color: #1b1b1b;}
}
@media (max-width: 767px) {
    .navbar {margin-bottom: 20px;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #f5f5f5;
    }    
    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>li>a:focus {color: #fcf8e3;}
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
        color: #d61f0a!important;
    }
}
@media (min-width: 1200px) {
    .navbar {margin-bottom: 0;}
    .navbar-nav {margin-top: 50px;}
}
@media (min-width: 767px) {
    #navbar {padding-right: 10px;}
    .fb-li {margin-top: 4px;}
}
/* -------------------------------------------------------------- End of Navbar -------------------------------------------------------------- */

/* -------------------------------------------------------------- Footer -------------------------------------------------------------- */
#footer-logo {
    margin-top: 0px; margin-bottom: 20px;
    margin-left: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    font-size: 20px;
    width: 100%; height: 58px;
    /*width: calc(100% - 40px);*/
    /*background-image: url(../images/footer-logo-line.png);*/
    background-repeat: no-repeat;
    background-position: center left;
}
.footer .container {padding-left: 50px; padding-right: 50px;}
.footer,
.footer .copyright {background: transparent; color: #303030;}
.footer a {color: #303030;}
.copyright {border-top: 1px solid #303030;}
.copyright > div {margin-bottom: 4px; display: inline-block; text-align: left; border: 0px solid #f00;}
.copyright div:nth-of-type(1) {width:25%;}
.copyright div:nth-of-type(2) {width:16%;}
.copyright div:nth-of-type(3) {width:40%;}
.copyright div:nth-of-type(4) {width:15%; text-align: right;}
/* -------------------------------------------------------------- End of Footer -------------------------------------------------------------- */
.back-top {margin-bottom: 10px; padding-top: 5px; border-radius: 50%; width:45px; height: 45px;
    line-height: 14px; font-size: 16px;;}

@media only screen and (min-width: 300px) and (max-width: 480px){
    .footer .container {padding-left: 25px; padding-right: 25px;}
    .copyright > div {text-align: center;}
    .copyright div:nth-of-type(1) {width:99%;}
    .copyright div:nth-of-type(2) {width:99%;}
    .copyright div:nth-of-type(3) {width:99%;}
    .copyright div:nth-of-type(4) {width:99%; color: #c0c0c0;}
}
@media only screen and (min-width: 480px) and (max-width: 768px){
    .copyright div:nth-of-type(1) {width:200px;}
    .copyright div:nth-of-type(2) {width:calc(99% - 200px);}
    .copyright div:nth-of-type(3) {width:calc(99% - 130px); text-align: right;}
    .copyright div:nth-of-type(4) {width:130px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .copyright div:nth-of-type(1) {width:32%;}
    .copyright div:nth-of-type(2) {width:66%;}
    .copyright div:nth-of-type(3) {width:74%; text-align: right;}
    .copyright div:nth-of-type(4) {width:24%;}

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {

}

/* --- page Set --- */
.page-group {text-align: center; width: 100%;}
.page-group ul {padding-left: 0px;}
.page-group * {
    vertical-align: middle;
    display: inline-block;
}
.page-group li.active {background: #000; color: #FFF;
    -webkit-border-radius: 5px; -moz-border-radius: 5px;
    -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
}
.page-group li.active a {color: #FFF;}

.pagination {margin: 20px 0; border-radius: 0px;}
.pagination>li>a, .pagination>li>span {
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #1c1c1c;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff;
    background-color: #1c1c1c;
    border-color: #1c1c1c;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.page-prev,
.page-next {margin-top: 10px; font-size: 14px;}
.page-prev {padding-right: 2%; border-right: 1px solid #696969; text-align: right;}
.page-next {padding-left: 2%; border-left: 1px solid #696969; text-align: left;}
.page-prev a,
.page-next a {padding-top: 6px; padding-bottom: 6px; display: inline-block; width: 100%;
    text-decoration:none;}
.page-prev a *,
.page-next a * {align-self:center;}
.page-prev a div {float: right;}
.page-next a div {float: left;}
.page-prev a i {margin: 12px; font-size: 18px;}
.page-next a i {margin: 12px; font-size: 18px;}

/* --- End page Set --- */