@charset "UTF-8";
/**
 * 
 * @authors Casper Lai (casper.lai@sleepingdesign.com)
 * @date    2014-01-03 11:16:40
 * @version 1.0.0.0
 */
#loading{
    position:fixed;
    height:100%;
    width:100%;top:0px;
    z-index:9999;
    display:none;
    background-color: #F7F7F7;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

} 

#loading img{
    position:absolute;
    left:50%;
    margin-left:-33px;
    top:40%;
} 


body {
    font-family: 'Source Sans Pro', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    color: #3b3b3b;
    height: 100%;
}

html {
    height: 100%;
}

a {
    color: #000;
    text-decoration: none;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}
a:hover, a.active {
    color: #92C314;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.mobile-btn, .mobile-nav {
    display: none;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 1.875rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.inner:before, .inner:after {
    content: "";
    display: table;
}
.inner:after {
    clear: both;
}

.clear {
    clear: both;
}

.icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 10rem;
    font-size: 0.75rem;
    text-align: center;
    margin: 0.2rem;
}

.btn-mobile, .nav-mobile {
    display: none;
}

/* 下拉選單 */
.select-box {
    position: relative;
    cursor: pointer;
    height: 26px;
    line-height: 26px;
}
/*
.select-box:hover ul {
  height: auto;
}
*/
.select-box > div {
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: right center;
}
.select-box > div:hover, .select-box ul li:hover {
    color: #92C314;
}
.select-box ul {
    position: absolute;
    z-index: 998;
    width: 100%;
    overflow: hidden;
    background: #fff;
    right: -1px;
    top: 32px;
    border: 1px solid #ccc;
    display:none;
}
.select-box ul li {
    padding: 1px 15px;
}

.container {
    width: 100%;
}
.container:before, .container:after {
    content: "";
    display: table;
}
.container:after {
    clear: both;
}

.pct-height {
    position: relative;
    height: 87%;
    min-height: 668px;
}

header[role="top"] {
    position: relative;
    height: 13%;
    min-height: 120px;
    text-align: center;
}
header[role="top"]:before, header[role="top"]:after {
    content: "";
    display: table;
}
header[role="top"]:after {
    clear: both;
}
header[role="top"] .logo {
    margin: 1.5rem 2rem;
    position: absolute;
    top: 0;
    left: 0;
}
header[role="top"] .other-shop {
    position: absolute;
    left: 157px;
    width: 170px;
    font-size: 0.75rem;
    margin-top: 3.5rem;
    border-left: 1px solid #e5e5e5;
    text-align: left;
}
header[role="top"] .other-shop > div {
    margin-right: 0.8rem;
    background-image: url('../images/icon/arrow-1.png?1399370354');
}
header[role="top"] .pull-right {
    position: absolute;
    top: 0;
    right: 0;
}

.links {
    margin-top: 2rem;
}
.links ul {
    display: inline-block;
    padding: 0 1rem;
}
.links ul li {
    display: inline-block;
    margin: 0 0.1rem;
    line-height: 24px;
}
.links ul .txt {
    font-size: 0.75rem;
    font-weight: bold;
    font-family: 'noticia-text', "微軟正黑體";
    text-transform: uppercase;
    border-right: 1px solid #ccc;
    margin-right: 0.4rem;
}
.links ul .txt a {
    padding: 0.5rem 1.5rem;
}
.links .icon {
    background: #000;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

nav {
    position: relative;
    display: inline-block;
    height: 100%;
    overflow: hidden;
}
nav > ul {
    padding: 3.5rem 0 1rem 0;
    border-top: 10px solid #ccc;
}
nav > ul li {
    float: left;
    padding: 0 1rem;
    font-size: 0.875rem;
    border-left: 1px solid #949494;
}
nav > ul li:first-child {
    border-left: 0;
    padding-left: 0;
}
nav > ul li:last-child {
    padding-right: 0;
}
nav .hide {
    position: absolute;
    top: -40px;
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: #242424;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
nav .hide ul li {
    color: #92c315;
    display: inline-block;
}
nav .hide a {
    display: block;
    font-size: 0.75rem;
    color: #fff;
    padding: 0.8rem 1rem;
    line-height: normal;
}
nav .btn {
    position: absolute;
    width: 100%;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
}
nav .btn span {
    color: #000;
    font-size: 0.75rem;
    font-weight: bold;
    vertical-align: bottom;
}
nav .btn:hover .hide, nav .btn:active .hide {
    top: 0px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.language-box {
    text-align: left;
    font-family: 'noticia-text', 'Microsoft JhengHei', "微軟正黑體";
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #fff;
    background-color: #4d494a;
}
.language-box > div:hover, .language-box ul li:hover {
    color: #fff;
}
.language-box ul {
    background-color: #4d494a;
}
.language-box ul li {
    color: #bbb;
}
.language-box ul li:hover, .language-box ul li.active {
    color: #fff;
}

footer[role="bottom"] {
    float: left;
    width: 100%;
    padding-bottom: 2rem;
}
footer[role="bottom"]:before, footer[role="bottom"]:after {
    content: "";
    display: table;
}
footer[role="bottom"]:after {
    clear: both;
}
footer[role="bottom"] .inner {
    padding: 0;
}
footer[role="bottom"] .inner-full {
    max-width: none;
    padding: 0 2rem;
}
footer[role="bottom"] .line-slash {
    margin-bottom: 1rem;
}
footer[role="bottom"] .row {
    width: 100%;
    background: #000;
    padding: 0.8rem 0;
    margin-bottom: 2rem;
    text-align: center;
}
footer[role="bottom"] .row li, footer[role="bottom"] .row .tit, footer[role="bottom"] .row p {
    display: inline-block;
}
footer[role="bottom"] .row li {
    padding: 0 1rem;
    font-size: 0.75rem;
    line-height: 20px;
}
footer[role="bottom"] .row .tit {
    color: #fff;
    padding-right: 0.2rem;
}
footer[role="bottom"] .row p {
    color: #6d6d6d;
}
footer[role="bottom"] .menu {
    float: right;
}
footer[role="bottom"] .menu li {
    display: inline-block;
    padding: 0 0.4rem;
    font-size: 0.75rem;
    color: #b1b1b1;
}
footer[role="bottom"] .menu li a {
    font-weight: bold;
}
footer[role="bottom"] .menu li .icon {
    line-height: 24px;
    color: #fff;
    background: #000;
}
footer[role="bottom"] .menu li .icon:hover {
    background: #8ec500;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
footer[role="bottom"] .copyright {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 24px;
}
footer[role="bottom"] .copyright p {
    font-size: 11px;
    -webkit-transform: scale(0.91667);
    display: inline-block;
}

.lightbox-target {
    position: fixed;
    z-index: 9999;
    top:0px;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    display:none;
}
.lightbox-target .content {
    max-height: 100%;
    max-width: 650px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 3rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.lightbox-target .content img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 1;
}
.lightbox-target:target {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    top: 0;
    bottom: 0;
}
.lightbox-target:target .content {
    max-height: 100%;
    max-width: 650px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 3rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.lightbox-target:target .content img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
}

.content {
    color: #666;
}
.content .links {
    margin: 0 0 3rem 0;
}
.content .entry hr {
    border: 0;
    width: 100%;
    height: 1px;
    background-color: #e3e3e3;
    margin: 1.5rem 0;
}
.content .entry h2 {
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    font-size: 1.375rem;
    font-weight: bold;
    color: #000;
    padding: 1.5rem 0 1rem;
}
.content .st-fonts {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 2rem;
    margin-bottom: 1rem;
}
.content .st-fonts p {
    font-size: 0.8125rem;
}
.content .ps-txt {
    margin-top: -1px;
    border: 1px solid #ccc;
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    text-align: center;
    padding: 0.8rem 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 24px;
}
.content .ps-txt .column {
    display: inline-block;
}
.content .ps-txt .column:first-child {
    margin-right: 1rem;
}
.content .ps-txt .column .tit, .content .ps-txt .column p {
    display: inline-block;
}
.content .ps-txt .column .tit {
    margin-right: 0.2rem;
}
.content .ps-txt .column p {
    font-size: 1.125rem;
}
.content .bg-black {
    margin: 2.5rem 0 0.5rem 0;
    border: 0;
    font-size: 1.125rem;
}
.content header {
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    margin-bottom: 1rem;
}
.content header .date {
    font-size: 1.125rem;
    margin-bottom: 1rem;
}
.content header h1 {
    font-size: 2.25rem;
    line-height: 40px;
}
.content header .line-green {
    margin-top: 0.5rem;
}
.content footer {
    border-top: 1px solid #ddd;
    text-align: center;
}
.content footer .st-ul li {
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    font-size: 0.875rem;
    display: inline-block;
    padding: 0 1rem;
}
.content footer .st-ul li:first-child {
    border-right: 1px solid #ccc;
}

.st-footer {
    border-top: 0 !important;
}
.st-footer .bg-black {
    margin: 1rem 0;
}
.st-footer .center-tit h2 {
    font-weight: bold;
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    font-size: 1.125rem;
}
.st-footer .center-tit p {
    font-size: 0.9375rem;
}

.imgs-list {
    width: 100%;
}
.imgs-list:before, .imgs-list:after {
    content: "";
    display: table;
}
.imgs-list:after {
    clear: both;
}
.imgs-list li {
    float: left;
    padding-left: 0.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 30%;
}
.imgs-list li:first-child {
    padding-left: 0;
    width: 40%;
}
.imgs-list li img {
    width: 100%;
    height: auto;
    min-height: 70px;
}

.menu-list {
    padding-top: 2rem;
}
.menu-list .block {
    padding: 2.5rem 0;
    border-bottom: 1px solid #ddd;
}
.menu-list .block:last-child {
    border-bottom: 0;
}
.menu-list .block li {
    padding: 0.5rem 0;
}
.menu-list .block li:before, .menu-list .block li:after {
    content: "";
    display: table;
}
.menu-list .block li:after {
    clear: both;
}
.menu-list .block h3, .menu-list .block .money {
    float: left;
}
.menu-list .block h3 {
    width: 80%;
}
.menu-list .block .money {
    width: 20%;
    text-align: right;
    font-family: 'muli', sans-serif;
    font-weight: bold;
}
.menu-list .block .money span {
    margin-left: 0.5rem;
}

.menu-pic-list {
    padding-top: 2.5rem;
}
.menu-pic-list:before, .menu-pic-list:after {
    content: "";
    display: table;
}
.menu-pic-list:after {
    clear: both;
}
.menu-pic-list li {
    float: left;
    width: 250px;
    height: 350px;
    overflow: hidden;
    margin-bottom: 2.5rem;
}
.menu-pic-list li:nth-child(odd) {
    margin-right: 3rem;
}
.menu-pic-list li .row {
    padding: 1.5rem 0 1rem;
    width: 100%;
}
.menu-pic-list li .row:before, .menu-pic-list li .row:after {
    content: "";
    display: table;
}
.menu-pic-list li .row:after {
    clear: both;
}
.menu-pic-list li .row h2, .menu-pic-list li .row .money {
    float: left;
}
.menu-pic-list li .row h2 {
    font-size: 1.125rem;
    line-height: 22px;
    width: 65%;
    margin-right: 3%;
}
.menu-pic-list li .row .money {
    font-family: 'muli', sans-serif;
    font-weight: bold;
    width: 32%;
    text-align: right;
}
.menu-pic-list li .row .money span {
    margin-left: 0.2rem;
}
.menu-pic-list li .entry {
    font-size: 0.8125rem;
}
.menu-pic-list li .entry p {
    font-size: 0.8125rem;
}

.st-table {
    width: 100%;
    margin: 2rem 0 3.5rem;
    table-layout: fixed;
}
.st-table th, .st-table td {
    padding: 1rem;
}
.st-table .txt {
    display: block;
    font-size: 0.75rem;
    line-height: 16px;
}
.st-table thead tr:first-child th {
    border-top: 3px solid #000;
}
.st-table thead tr:first-child th:first-child {
    border-top: 3px solid #92C314;
}
.st-table thead tr:first-child th:nth-child(odd) {
    background: #fff;
}
.st-table thead tr:first-child th:nth-child(even) {
    background: #fafafa;
}
.st-table thead tr th:nth-child(odd) {
    background: #fafafa;
}
.st-table thead tr th {
    border-top: 1px solid #e1e1e1;
}
.st-table thead {
    border-bottom: 1px solid #e1e1e1;
}
.st-table thead th {
    width: 50%;
    text-align: center;
    font-weight: bold;
    color: #000;
    font-size: 1.125rem;
}
.st-table tbody {
    border-bottom: 1px solid #000;
}
.st-table tbody tr {
    border-bottom: 1px solid #e1e1e1;
}
.st-table tbody tr:last-child {
    border-bottom: 0;
}
.st-table tbody tr td:nth-child(even) {
    background: #fafafa;
}
.st-table tbody td {
    line-height: 22px;
    vertical-align: top;
}
.st-table tbody td .fa-check {
    float: left;
    margin-right: 0.5rem;
    line-height: 22px;
}
.st-table tbody td .txt {
    float: left;
    max-width: 90%;
    padding-left: 1.3125rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.st-table tbody td .txt:nth-child(2) {
    padding-left: 0;
}
.st-table tbody td .txt:last-child {
    padding-bottom: 0;
}
.st-table td, .st-table p {
    font-size: 0.8125rem;
}
.st-table tfoot td {
    text-align: center;
}
.st-table tfoot td p:last-child {
    padding-bottom: 0;
}
.st-table .st-thead th {
    font-size: 0.75rem;
    width: 16%;
    color: #666;
    font-weight: normal;
    line-height: 20px;
    vertical-align: top;
}
.st-table .st-thead th .font-black {
    font-size: 0.9375rem;
}
.st-table .st-thead tr:first-child th:first-child {
    width: 36%;
    text-align: left;
    font-size: 0.8125rem;
    font-weight: bold;
    color: #000;
    padding-left: 0;
    vertical-align: middle;
}
.st-table .center-td {
    border-bottom: 1px solid #e1e1e1;
}
.st-table .center-td td {
    text-align: center;
    vertical-align: middle;
}
.st-table .center-td td:first-child {
    padding-left: 0;
    text-align: left;
    vertical-align: top;
}

.scrollbar-box {
    height: 100%;
    min-height: 250px;
    overflow: hidden;
}

.scrollbar-border {
    position: absolute;
    top: 8rem;
    right: 1.3rem;
    width: 5px;
}
.scrollbar-border div {
    width: 100%;
    height: 250px;
    background: #92C315;
    cursor: pointer;
}

.banner-block {
    position: relative;
    overflow: hidden;
    width: 100%;
    height:600px;
    max-height:600px;
}
.banner-block .pic {
    height: 100%;
}
.banner-block .pic img {
    display: block;
    width: 100%;
    height: auto;

}
.banner-block .slogan {
    position: absolute;
    top: 28%;
    width: 100%;
    z-index: 99;
    text-align: center;
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
}
.banner-block .slogan h1 {
    display: inline-block;
    width: 60%;
    max-width: 700px;
    max-height: 150px;
    overflow: hidden;
    font-size: 3.75rem;
    text-transform: uppercase;
    line-height: 4.5rem;
    color: #fff;
}
.banner-block .slogan .entry {
    margin-top: 1rem;
    max-height: 142px;
    overflow: hidden;
}
.banner-block .slogan .entry p {
    display: inline-block;
    width: 40%;
    max-width: 470px;
    font-size: 1.125rem;
    line-height: 30px;
    color: #b0b0b0;
}
.banner-block .center-btn {
    position: absolute;
    bottom: 0;
    z-index:66;
}
.banner-block .ul-btns {
    background: rgba(0, 0, 0, 0.5);
}
.banner-block .ul-btns ul {
    display: inline-block;
    max-width: 940px;
    width: 100%;
    padding: 0.5rem 0;
}
.banner-block .ul-btns ul:before, .banner-block .ul-btns ul:after {
    content: "";
    display: table;
}
.banner-block .ul-btns ul:after {
    clear: both;
}
.banner-block .ul-btns ul li {
    float: left;
    width: 33.33%;
    font-size: 0.875rem;
    text-align: left;
    color: #545454;
    cursor: pointer;
    border-left: 1px solid #3e3733;
    padding: 0 1.2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
.banner-block .ul-btns ul li:first-child {
    border-left: 0;
}
.banner-block .ul-btns ul li span {
    padding-right: 0.5rem;
}
.banner-block .ul-btns ul li:hover, .banner-block .ul-btns ul li.active {
    color: #92c315;
}
.banner-block .ul-btns ul li:hover span, .banner-block .ul-btns ul li.active span {
    color: #fff;
}
.banner-block .btn-circle {
    padding: 0.5rem 0;
    background: rgba(0, 0, 0, 0.5);
}

.index-banner {
    height: 87%;
    margin-bottom: 0;
}
.index-banner .center-btn {
    /*bottom: 8%;*/
}
.index-banner .center-btn .btn {
    color: #fff;
}
.index-banner .center-btn .txt {
    margin-top: 1rem;
    text-transform: uppercase;
    font-size: 0.875rem;
}
.index-banner .slogan {
    top: 30%;
}
.index-banner .slogan h1 {
    font-size: 4.5rem;
}
.index-banner .slogan p {
    font-size: 1.5rem;
}

.big-pic-news {
    border-top: 1px solid #e5e5e5;
    padding: 4rem 0;
}
.big-pic-news .center-tit h1 {
    font-size: 2.25rem;
}
.big-pic-news .pics-hover {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem 1rem 2rem;
}
.big-pic-news .pics-hover li {
    width: 65%;
}
.big-pic-news .pics-hover li.sw {
    width: 35%;
}
.big-pic-news .pics-hover .pic {
    max-height: 600px;
}
.big-pic-news .pics-hover .pic img {
    /* max-height: 600px;
     min-height: 450px;*/
}
.big-pic-news .pics-hover .txt-box h1 {
    margin-bottom: 1rem;
}
.big-pic-news .pics-hover .txt-box h2 {
    font-size: 1.875rem;
    line-height: 40px;
}
.big-pic-news .pics-hover .txt-box .block {
    min-width: 280px;
    max-width: 350px;
}
.big-pic-news .pics-hover .txt-box .entry {
    max-height: 70px;
    line-height: 24px;
    margin: 1rem 0;
    padding-top: 1.5rem;
    border-top: 1px solid #404040;
    color: #fff;
}
.big-pic-news .pics-hover .txt-box .btn {
    border-top: 1px solid #404040;
    width: 100%;
    display: inline-block;
    padding-top: 4rem;
    color: #fff;
}

.index-row-block {
    padding: 2rem 0;
}
.index-row-block:before, .index-row-block:after {
    content: "";
    display: table;
}
.index-row-block:after {
    clear: both;
}
.index-row-block .column-b3 {
    float: left;
    width: 72%;
    min-height: 280px;
    border-right: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.index-row-block .box {
    padding-right: 2.2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.index-row-block .box a {
    color: #3b3b3b;
}
.index-row-block .title {
    height: 70px;
}
.index-row-block .title h1 {
    float: left;
}
.index-row-block .title .btn-circle {
    float: right;
    margin-top: 34px;
}
.index-row-block .pic {
    max-width: 180px;
    width: 100%;
    overflow: hidden;
}
.index-row-block .pic img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 100px;
    max-height: 110px;
}
.index-row-block .pic ul li {
    height: 100%;

}
.index-row-block .pics-block {
    height: 190px;

}
.index-row-block .entry {
    max-width: 180px;
    padding-top: 1rem;
    height: 70px;
    overflow: hidden;
}
.index-row-block .entry p {
    display: inline;
}
.index-row-block .column-b1 {
    float: left;
    width: 28%;
    padding-right: 0;
    padding-left: 2.2rem;
}
.index-row-block .column-b1 .title .btn-circle {
    margin-top: 0;
}
.index-row-block .column-b1 .pics-block {
    height: 210px;
}
.index-row-block .column-b1 .pics-block ul li img {
    height: 100%;
}

/**
 * 
 * @authors Casper Lai (casper.lai@sleepingdesign.com)
 * @date    2014-01-03 11:16:40
 * @version 1.0.0.0
 */
.line-green {
    display: block;
    width: 24px;
    height: 2px;
    background: #92C315;
    margin-bottom: 2rem;
}
.line-green2 {
    display: block;
    width: 100%;
    height: 2px;
    background: #92C315;
    margin-bottom: 2rem;
}
/* txt */
p {
    line-height: 22px;
    padding-bottom: 1rem;
    font-size: 0.875rem;
}
p:last-child {
    padding-bottom: 0;
}

.st-span span {
    padding: 0 0.2rem;
    font-weight: bold;
    text-transform: uppercase;
}
.st-span:first-child span {
    padding-left: 0;
}

.center-tit {
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    text-align: center;
}
.center-tit span {
	color:#92C315;
}
.center-tit h1 {
    line-height: 45px;
    font-size: 2.875rem;
    text-transform: uppercase;
}
.center-tit h2 {
    font-size: 2rem;
}
.center-tit h3 {
    line-height: 60px;
    font-size: 3.75rem;
    text-transform: uppercase;
}
.center-tit .entry {
    display: inline-block;
    margin: 2rem 0;
    width: 60%;
}
.center-tit .st-width {
    width: 80%;
}

.line-slash {
    background: url('../images/bg/line-slash.png?1399430533') repeat-x;
    height: 16px;
    width: 100%;
}

/* btn */
a[class*="btn"], span[class*="btn"] {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
a[class*="btn"] .icon, span[class*="btn"] .icon {
    display: inline-block;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
a[class*="btn"]:hover, a[class*="btn"].active, span[class*="btn"]:hover, span[class*="btn"].active {
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
a[class*="btn"]:hover .btn-black, a[class*="btn"].active .btn-black, span[class*="btn"]:hover .btn-black, span[class*="btn"].active .btn-black {
    background: #8ec500;
}
a[class*="btn"]:hover .icon, a[class*="btn"].active .icon, span[class*="btn"]:hover .icon, span[class*="btn"].active .icon {
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.font-cg .txt {
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    font-weight: bold;
    font-size: 0.875rem;
}

.center-btn {
    width: 100%;
    text-align: center;
}
.center-btn .btn {
    display: inline-block;
}

.btn {
    font-size: 0.75rem;
}
.btn .txt {
    display: block;
    margin-top: 0.5rem;
	font-size:0.9rem;
}

.btn-green {
    background: #8ec500;
    color: #000;
    line-height: 24px !important;
}

.btn-green-2 {
    background: #8ec500;
    color: #fff;
    font-size: 0.875rem;
	width: 36px;
    height: 36px;
    line-height: 36px;
	border-radius: 10rem;
	text-align: center;
	margin: 0.2rem;
}

.btn-green-3 {
    display: inline-block;
    background: #8ec500;
    color: #000;
    font-size: 0.875rem;
}

.btn-green-4 {
    background: #8ec500;
    color: #fff;
    font-size: 0.875rem;
	width: 26px;
    height: 26px;
    line-height: 26px;
	border-radius: 10rem;
	text-align: center;
	margin: 0.2rem;
}

.btn-black {
    display: inline-block;
    background: #000;
    color: #fff;
    font-size: 0.875rem;
    cursor: pointer;
}
.btn-black:hover {
    background: #8ec500;
}

.btn-fff .icon {
    font-size: 0.875rem;
    background: #fff;
    color: #000;
}
.btn-fff:hover .icon, .btn-fff.active .icon {
    color: #fff;
    background: #8ec500;
}

.btn-gray {
    display: inline-block;
}
.btn-gray .icon {
    font-size: 0.875rem;
    background: #333;
    color: #fff;
}
.btn-gray .txt {
    margin-top: 0.5rem;
    display: block;
}
.btn-gray:hover .icon, .btn-gray.active .icon {
    background: #8ec500;
}

.btn-bsize {
    width: 35px;
    height: 35px;
    line-height: 35px !important;
    font-size: 1.25rem;
}

.btn-backbg {
    background: #000;
    color: #fff;
    font-size: 0.875rem;
    padding: 0.5rem 4rem;
}
.btn-backbg:hover, .btn-backbg.active {
    color: #fff;
    background: #8ec500;
}

.btn-bigcircle {
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    display: inline-block;
    width: 110px;
    height: 110px;
    border-radius: 10rem;
    color: #fff;
    background: #000;
    margin: 0 0.5rem;
}
.btn-bigcircle .fa {
    margin-top: 2.2rem;
}
.btn-bigcircle .txt {
    margin-top: 0.2rem;
    display: block;
}
.btn-bigcircle:hover, .btn-bigcircle.active {
    color: #fff;
    background: #8ec500;
}
.btn-bigcircle .icon-cancel {
    margin-top: 2.2rem;
    background-image: url('../images/icon/cancel-fff.png?1399886838');
}

.btn-circle {
    text-align: center;
}
.btn-circle li {
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}
.btn-circle li span {
    display: block;
    width: 10px;
    height: 10px;
    background: #e5e5e5;
    border-radius: 10rem;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.btn-circle li.active span, .btn-circle li:hover span {
    background: #7f7f7f;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.btn-close {
    float: right;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    position: relative;
    width: 42px;
    height: 42px;
    overflow: hidden;
}
.btn-close:before, .btn-close:after {
    content: "";
    display: block;
    height: 65px;
    width: 1px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 20px;
    top: -12px;
}
.btn-close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.btn-c-black {
    position: absolute;
    z-index: 9999;
    top: 3rem;
    right: 3rem;
}
.btn-c-black:before, .btn-c-black:after {
    background: #000;
}

.btn-s-close {
    display: inline-block;
    text-align: center;
}
.btn-s-close .icon {
    line-height: 24px !important;
    font-size: 0.75rem;
}
.btn-s-close .txt {
    color: #666;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
}

.btn-linebox {
    display: block;
    margin: 3rem 0 5rem;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
    padding: 0.8rem 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.8125rem;
    line-height: 20px;
}

/* icon */
.icon-slash {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 0.5rem;
    background: url('../images/icon/line-slash-1.png?1399950278') no-repeat center;
}

.icon-download {
    display: inline-block;
    background: url('../images/icon/download.png?1399953248') no-repeat center black;
}
.icon-download:hover {
    background-color: #8ec500;
}

.icon-compass {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../images/icon/compass.png?1400231424') no-repeat center;
}

.icon-cancel {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: center;
    background-repeat: no-repeat;
}

/* font color */
.font-fff {
    color: #fff;
}

.font-black {
    color: #000;
}

.font-gray {
    color: #989898;
}

.font-green {
    color: #92C314 !important;
}

.font-gray-2 {
    color: #ccc;
}

.font-black-2 {
    color: #333;
}

/* pic block */
/* 輪播圖 */
.pics-block {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pics-block ul {
    width: inherit;
    height: inherit;
    position:relative;
}
.pics-block ul:before, .pics-block ul:after {
    content: "";
    display: table;
}
.pics-block ul:after {
    clear: both;
}
.pics-block ul li {
    float: left;
    width: 100%;
    height: 100%;
    position:absolute;
}
.pics-block ul li > img {
    display: block;
    width: 100%;
}

/* 滑鼠經過 */
.pics-hover {
    width: 100%;
}
.pics-hover:before, .pics-hover:after {
    content: "";
    display: table;
}
.pics-hover:after {
    clear: both;
}
.pics-hover li {
    position: relative;
    float: left;
    overflow: hidden;
    border: 1rem solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pics-hover li:hover .txt-box {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.pics-hover .pic {
    width: 100%;	
    height: 100%;
}
.pics-hover .pic img {
    display: block;
    width: 100%;
    /*height: 100%;*/
}
.pics-hover .txt-box {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.9);
}
.pics-hover .txt-box .block {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    width: 50%;
    height: 55%;
}
.pics-hover .txt-box .block .entry {
    overflow: hidden;
}

.only-pic li:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.only-pic .pic {
    background: #000;
}
.only-pic .pic img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

/* 文字在上層 */
.toplayer-txt li:hover .txt-box {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.toplayer-txt li:hover .btn {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
}
.toplayer-txt li:hover .btn span {
    display: inline-block;
}
.toplayer-txt .txt-box {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    background: rgba(0, 0, 0, 0.5);
}
.toplayer-txt .txt-box .block {
    overflow: hidden;
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
}
.toplayer-txt .txt-box .block h1 {
    font-size: 2.875rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
    overflow: hidden;
}
.toplayer-txt .txt-box .block .entry {
    padding: 0 3rem;
}
.toplayer-txt .btn {
    height: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.pics-list .pics-hover {
    background: #000;
}
.pics-list .pics-hover li {
    border: 0 !important;
    max-height: 320px !important;
}
.pics-list .pics-hover .txt-box h1 {
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    font-size: 1.125rem;
    margin-bottom: 1rem;
    line-height: 20px;
}
.pics-list .pics-hover .txt-box .block {
    height: 25%;
}

/* block */
.column-b2 ul li {
    border: 0;
    max-height: 450px;
}
.column-b2 .txt-box .block {
    min-width: 300px;
    max-height: 90px;
}
.column-b2 .txt-box .block h1 {
    max-height: 100px;
}

.column-b3 .box {
    float: left;
    width: 33.33%;
}
.column-b3 .pics-hover li {
    width: 33.33%;
    max-height: 300px;
    border: 0.5rem solid #fff;
}
.column-b3 .picbg-fff {
    margin: 2rem 0;
}
.column-b3 .picbg-fff .pic {
    background: #fff;
}
.column-b3 .no-border li {
    border: 0;
    max-height: 450px;
}
.column-b3 .no-border li .block {
    height: 30%;
}

.column-b4 {
    margin: 3rem 0;
}
.column-b4 ul {
    max-height: 350px;
    overflow: hidden;
    padding: 0 2rem 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.column-b4 ul li {
    float: none;
    display: inline-block;
    width: 24.5%;
    /*min-width: 300px;*/
    padding: 2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position:static;
}
.column-b4 ul li .line-green {
    display: inline-block;
}
.column-b4 ul li .pic {
    width: 100%;
    height: 120px;
    line-height: 120px;
    margin-bottom: 2rem;
    overflow: hidden;
}
.column-b4 ul li .pic img {
    vertical-align: middle;
    max-width: 200px;
    max-height: 100px;
}
.column-b4 .txt-box h1 {
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    font-size: 1.5rem;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 0.8rem;
}
.column-b4 .txt-box .entry {
    font-size: 0.75rem;
    color: #666;
}
.column-b4 .center-btn {
    margin-top: 2rem;
}

.column-b5 .pics-hover {
    overflow: hidden;
    max-height: 330px;
    background: #000;
}
.column-b5 .pics-hover li {
    border: 0;
    width: 20%;
    height: 100%;
    max-height: 330px;
}

.gray-block {
    padding: 3.5rem 0;
    background-color: #F7F7F7;
}
.gray-block .center-btn {
    margin-bottom: 2rem;
}
.gray-block .txt-block {
    margin-top: 1rem;
    text-align: center;
}
.gray-block .txt-block h2 {
    padding: 2rem 0 1rem;
}

.row-block {
    background-color: #fff;
    padding: 4rem 0;
}
.row-block .tits {
    font-weight: bold;
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    line-height: 30px;
}

.full-picbg {
    position:fixed;
    width:100%;
    height:100%;
    z-index:666;
    top:0px;
    display:none;
}
.full-picbg .btn-close {
    position: absolute;
    right: 3rem;
    top: 3rem;
    z-index:777;
}
.full-picbg .bottom-block {
    background: rgba(0, 0, 0, 0.5);
    min-height: 145px;
	padding-bottom:2rem;
    z-index:888;
}
.full-picbg .bottom-block .txt-block {
    color: #ccc;
}
.full-picbg .bottom-block .inner {
    padding-top:1.5rem;
    height: 68%;
}
.full-picbg .st-bottom {
    height: auto;
    min-height: 80px;
    background: rgba(0, 0, 0, 0.8);
}
.full-picbg .st-bottom .txt-block {
    color: #666;
}
.full-picbg .center-txt {
    background: rgba(0, 0, 0, 0.9);
}
.full-picbg .center-txt .inner {
    text-align: center;
    padding-top: 0.5rem;
}
.full-picbg .center-txt .inner header {
    cursor: pointer;
}
.full-picbg .center-txt .inner header h1 {
    margin-bottom: 0.5rem;
}
.full-picbg .center-txt .inner .txt-block {
    width: 100%;
    color: #999;
}
.full-picbg .center-txt .txt-block h1 {
    max-width: none;
}

.post {
    position: relative;
    padding-bottom: 3rem;
}
.post header {
    margin-bottom: 2rem;
}
.post header .line-green {
    display: inline-block;
    margin-top: 2.5rem;
}
.post .entry {
    padding-right: 6rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.post .entry h3 {
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    font-weight: bold;
    line-height: 24px;
    margin-top: 2rem;
}
.post .entry h3:first-child {
    margin-top: 0;
}
.post .entry p {
    color: #999;
    font-size: 0.8125rem;
}
.post .scrollbar-box {
    max-height: 540px;
    overflow: hidden;
}
.post .scrollbar-border {
    top: 8.7rem;
}
.post .scrollbar-border div {
    background: #ccc;
}

.tab-btns {
    position: relative;
    top: 4.1rem;
    width: 100%;
    text-align: center;
}
.tab-btns li {
    display: inline-block;
    padding: 0 1rem;
    cursor: pointer;
}
.tab-btns li .txt {
    display: block;
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    color: #666;
}
.tab-btns li .line-green {
    display: inline-block;
    background: #fff;
    margin: 1rem 0 0;
}
.tab-btns li .line-green2 {
    display: inline-block;
    background: #fff;
    margin: 1rem 0 0;
}
.tab-btns li:hover .txt, .tab-btns li.active .txt {
    color: #000;
}
.tab-btns li:hover .line-green, .tab-btns li.active .line-green {
    background: #92C315;
}

.tab-btns li:hover .line-green2, .tab-btns li.active .line-green2 {
    background: #92C315;
}

/* form */
.st-form > li {
    width: 100%;
    margin: 2.5rem 0;
}
.st-form > li:before, .st-form > li:after {
    content: "";
    display: table;
}
.st-form > li:after {
    clear: both;
}
.st-form > li span {
    color: #8ec500;
    padding-right: 0.2rem;
}
.st-form > li:first-child {
    position: relative;
    text-align: center;
}
.st-form > li:first-child .line-green {
    display: inline-block;
}
.st-form > li:first-child .font-gray {
    position: absolute;
    top: 0;
    right: 0;
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
}
.st-form > li > p {
    margin-top: 1rem;
    text-align: center;
    color: #999;
    font-size: 0.8125rem;
}
.st-form .column {
    float: left;
    width: 48%;
}
.st-form .column:first-child {
    margin-right: 4%;
}
.st-form .column .tit, .st-form .column input[type="text"] {
    text-align: left;
}
.st-form .tit {
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    color: #000;
    padding-bottom: 1rem;
}
.st-form input[type="text"], .st-form textarea, .st-form input[type="password"] {
    width: 100%;
    margin: 0;
    border: 1px solid #ccc;
    padding: 0.5rem 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
}
.st-form input[type="text"], .st-form input[type="password"] {
    text-align: center;
}
.st-form label:nth-child(2) {
    margin-right: 1rem;
}
.st-form label span {
    color: #666;
}
.st-form .tit {
    text-align: center;
}
.st-form .select-box {
    float: left;
    width: 100%;
    height: 34px;
    line-height: 34px;
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.st-form .select-box > div {
    margin-right: 1rem;
    background-image: url('../images/icon/arrow-2.png?1399883660');
}
/*
.st-form .select-box:hover ul {
  right: -1px;
  top: 32px;
  border: 1px solid #ccc;
}
*/
.st-form .address-box {
    width: 100%;
}
.st-form .address-box .tit {
    text-align: left;
}
.st-form .address-box .select-box {
    float: left;
    width: 23%;
}
.st-form .address-box .select-box:nth-child(2) {
    margin-right: 2%;
}
.st-form .address-box input[type="text"] {
    float: left;
    width: 48%;
    margin-left: 4%;
}
.st-form .bday > div {
    width: 26%;
    margin-left: 4%;
}
.st-form .bday > div:first-child {
    width: 40%;
    margin-left: 0;
}
.st-form .linebox {
    border: 1px solid #ccc;
    background: #fff;
    padding: 1.5rem 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.st-form .linebox ul {
    margin-top: 0.2rem;
    float: left;
    width: 30%;
}
.st-form .linebox ul li {
    cursor: pointer;
    display: inline-block;
    padding: 0 1rem;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
}
.st-form .linebox ul li:first-child {
    padding-left: 0.5rem;
    border-right: 1px solid #ccc;
}
.st-form .linebox ul li.active {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
.st-form .linebox .entry {
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    font-weight: bold;
    float: left;
    width: 70%;
    color: #000;
}
.st-form .icon-cancel {
    background-image: url('../images/icon/cancel-black.png?1400569500');
}

/* import page */
.rooms-list-pic {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rooms-list-pic .pics-hover {
    height: 100%;
}
.rooms-list-pic .pics-hover li {
    /*min-height: 200px;*/
    /*height: 33.33333%;*/
    width: 100%;
    border: 0;
}
.rooms-list-pic .pics-hover li img {
    height: auto;
    /*min-height: 100%;*/
}
.rooms-list-pic .pics-hover li:last-child {
    height: 34%;
}
.rooms-list-pic .pics-hover .txt-box .block {
    max-width: 400px;
    max-height: 40px;
}
.rooms-list-pic .pics-hover .txt-box .block h1 {
    font-size: 2.625rem;
}

.right-btns {
    position: absolute;
    top: 45%;
    right: 3rem;
    z-index:20;
}
.right-btns span {
    display: block;
    margin: 0.5rem 0;
}

.rooms-bottom-block {
    height: 20%;
    background: rgba(0, 0, 0, 0.8);
    z-index:21;
}
.rooms-bottom-block .txt-block {
    color: #666;
}
.rooms-bottom-block .inner {
    height: 58%;
}

.rooms-bottom-block, .full-picbg .bottom-block {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.rooms-bottom-block .btn-circle, .full-picbg .bottom-block .btn-circle {
    position: relative;
    top: -50px;
}
.rooms-bottom-block .inner, .full-picbg .bottom-block .inner {
    overflow: hidden;
}
.rooms-bottom-block .txt-block, .full-picbg .bottom-block .txt-block {
    width: 50%;
}
.rooms-bottom-block .txt-block h1, .full-picbg .bottom-block .txt-block h1 {
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 30px;
}
.rooms-bottom-block .btn-list, .full-picbg .bottom-block .btn-list {
    width: 30%;
}
.rooms-bottom-block .btn-list ul:before, .rooms-bottom-block .btn-list ul:after, .full-picbg .bottom-block .btn-list ul:before, .full-picbg .bottom-block .btn-list ul:after {
    content: "";
    display: table;
}
.rooms-bottom-block .btn-list ul:after, .full-picbg .bottom-block .btn-list ul:after {
    clear: both;
}
.rooms-bottom-block .btn-list ul li, .full-picbg .bottom-block .btn-list ul li {
    float: left;
    width: 50%;
    border-left: 1px solid #555;
    padding: 0.04rem 1rem 0.3rem 1rem;
    margin-bottom: 0.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rooms-bottom-block .btn-list a, .full-picbg .bottom-block .btn-list a {
    font-size: 0.875rem;
    color: #fff;
}
.rooms-bottom-block .btn-list a:hover, .rooms-bottom-block .btn-list a.active, .full-picbg .bottom-block .btn-list a:hover, .full-picbg .bottom-block .btn-list a.active {
    color: #92C314;
}

.rooms-detail {
    position: absolute;
    top: 0;
    z-index: 40;
    width: 100%;
    height: 80%;
    background: rgba(0, 0, 0, 0.9);
    padding: 4rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:none;
}
.rooms-detail .inner {
    height: 100%;
    overflow: hidden;
}
.rooms-detail .pull-left {
    width: 60%;
}
.rooms-detail header {
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    color: #fff;
    text-transform: uppercase;
    font-size: 3.5rem;
    margin-bottom: 2rem;
}
.rooms-detail .entry {
    color: #999;
}

.rooms-bottom-block .btn-more{
    color: #92C314;
	font-size:1rem;
}

.rooms-bottom-block .btn-more a{
    color: #92C314;
	font-size:1rem;
}
.rooms-bottom-block .btn-more a:hover{
    color: #FFF;
	font-size:1rem;
}
.rooms-detail table {
    margin-top: 3rem;
    width: 100%;
    font-size: 0.75rem;
}
.rooms-detail table thead {
    border-bottom: 2px solid #92C315;
}
.rooms-detail table thead th:first-child {
    padding-left: 0;
}
.rooms-detail table tbody td:first-child {
    padding-left: 0;
}
.rooms-detail table th, .rooms-detail table td {
    padding: 0.8rem 1rem;
}
.rooms-detail table th {
    color: #fff;
}
.rooms-detail table td {
    color: #ccc;
    border-bottom: 1px solid #333;
}

.st-banner .txt-block {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.st-banner .txt-block .block {
    padding-top: 8rem;
    width: 50%;
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
}
.st-banner .txt-block .block h1 {
    color: #fff;
    font-size: 2.875rem;
    text-transform: uppercase;
    max-height: 140px;
    overflow: hidden;
}
.st-banner .txt-block .block .entry {
    margin: 2.5rem 0;
    height: 85px;
    overflow: hidden;
}
.st-banner .txt-block .block .entry p {
    color: #999;
}
.st-banner .txt-block .pull-right {
    text-align: right;
}

.bg-black {
    background: #000;
}

.st-bottom header {
    cursor: pointer;
    padding-bottom: 0.5rem;
}
.st-bottom .inner {
    padding-top: 1.8rem;
}
.st-bottom .txt-block h1 {
    display: inline-block;
    max-width: 390px;
    height: 30px;
    overflow: hidden;
}
.st-bottom .txt-block .entry {
    height: 0;
    overflow: hidden;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.st-bottom .txt-block.active .entry {
    height: auto;
    padding-bottom: 1.5rem;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.st-bottom .icon-arrow {
    margin: 0 1rem;
    font-size: 1.5rem;
    color: #fff;
    vertical-align: top;
}

/* contact */
.contact-ul {
    margin-top: 1rem;
}
.contact-ul:before, .contact-ul:after {
    content: "";
    display: table;
}
.contact-ul:after {
    clear: both;
}
.contact-ul .box {
    float: left;
    width: 30%;
}
.contact-ul .box:first-child {
    width: 40%;
}
.contact-ul .line-green {
    margin-bottom: 1rem;
}
.contact-ul li {
    display: inline-block;
    padding-right: 1rem;
    line-height: 20px;
}
.contact-ul .tit {
    padding-right: 0.5rem;
}
.contact-ul .tit, .contact-ul p {
    font-size: 0.92rem;
    display: inline-block;
}
.contact-ul a {
    color: #989898;
	font-size: 0.92rem;
}

/* delicious */
.time-ul {
    width: 70%;
    margin: 0 auto;
}
.time-ul li {
    padding: 0.8rem 2rem;
    line-height: 20px;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
.time-ul li:first-child {
    border-top: 2px solid #92C315;
}
.time-ul li .tit {
    width: 110px;
    text-align: left;
    margin-right: 0.5rem;
}
.time-ul li .tit span[class*="icon"] {
    float: right;
    height: 20px;
}
.time-ul li:last-child {
    border-bottom: 0;
    text-align: center;
    margin-top: 3rem;
}
.time-ul li:last-child h2 {
    text-transform: uppercase;
}
.time-ul li:last-child .column {
    display: inline-block;
    margin: 0.8rem;
    color: #000;
}
.time-ul li:last-child .column .tit {
    width: auto;
}
.time-ul li:last-child .column .tit span {
    margin-left: 0.5rem;
}
.time-ul li:last-child .column .tit, .time-ul li:last-child .column p {
    display: inline-block;
}
.time-ul li:last-child .column a {
    color: #000;
}
.time-ul li:last-child .line-green {
    margin: 0 auto;
    margin-bottom: 0;
}
.time-ul .tit, .time-ul p {
    font-size: 0.875rem;
    display: inline-block;
}
.time-ul li[class="no-border"] {
    margin-top: 0;
    border-top: 0;
}

.pic-bg {
    background: url('../images/bg/delicious-menu.jpg?1399952974') no-repeat;
    background-size: 100% 100%;
}

/* location */
.parking-list {
    width: 100%;
    padding-top: 1rem;
    text-align: center;
}
.parking-list ul {
    display: inline-block;
    max-width: 800px;
}
.parking-list ul:before, .parking-list ul:after {
    content: "";
    display: table;
}
.parking-list ul:after {
    clear: both;
}
.parking-list ul li {
    float: left;
    width: 200px;
    margin: 0 2rem;
    padding: 0.5rem 0;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.parking-list ul li:hover, .parking-list ul li.active {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.parking-list ul li a {
    display: block;
}
.parking-list ul li a:before, .parking-list ul li a:after {
    content: "";
    display: table;
}
.parking-list ul li a:after {
    clear: both;
}
.parking-list .row {
    float: left;
}
.parking-list .row .icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: #ccc;
    color: #fff;
    font-weight: bold;
    border-radius: 10rem;
    vertical-align: top;
}
.parking-list .row p {
    display: inline-block;
    color: #666;
    font-size: 0.8125rem;
    max-width: 140px;
    max-height: 45px;
    overflow: hidden;
    vertical-align: middle;
}
.parking-list .icon-compass {
    float: right;
    margin-top: 0.25rem;
}
.parking-list .txt-box {
    display: inline-block;
    max-width: 800px;
    width: 100%;
    margin-top: 2rem;
    padding: 1rem 6rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 0.8125rem;
}
.parking-list .txt-box p {
    font-size: 0.8125rem;
}

.traffic-guide-list {
    margin: 3.5rem 0 1rem;
}
.traffic-guide-list ul li {
    padding-top: 5rem;
}
.traffic-guide-list ul li:before, .traffic-guide-list ul li:after {
    content: "";
    display: table;
}
.traffic-guide-list ul li:after {
    clear: both;
}
.traffic-guide-list ul li:first-child {
    padding-top: 0;
}
.traffic-guide-list ul li .tit {
    width: 20%;
    text-transform: uppercase;
    font-size: 1.125rem;
}
.traffic-guide-list ul li .txt {
    width: 80%;
    color: #666;
}
.traffic-guide-list h4 {
    font-size: 0.875rem;
    padding: 2rem 0 1rem;
}
.traffic-guide-list h4:first-child {
    padding-top: 0;
}

/* member */
.member-list td {
    width: 50%;
    padding: 0.8rem 0;
}
.member-list .icon {
    vertical-align: top;
    line-height: 24px;
}
.member-list .entry {
    font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    color: #000;
    font-size: 0.875rem;
    display: inline-block;
    width: 80%;
    margin: 0.2rem 0 0 2%;
}
.member-list2{
	width:100%;
	box-shadow:0px 3px 3px 0px rgba(20%,20%,20%,0.5);
	background:#FFFFFF;
	margin:0 auto;
	text-align:center;
}
.member-list2 ul{
	display:inline-block;
	}
.member-list2 li{
	float:left;
	padding:1.5rem 1rem;
	font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
	line-height:50px;
    color: #000;
    font-size: 0.875rem;
}
.member-list2 ul:after{
	content:"";
	clear:both;
}
.member-list2 .m-line{
	width:1px;
	height:50px;
	background:#CCC;
}
.member-list2 img{
	padding-right:1rem;
	}
	
.member-submenu{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:4rem 0 0 0;
	}
.member-submenu ul{
	display:inline-block;
	}
.member-submenu ul:after{
	content:"";
	clear:both;
	}
.member-submenu li{
	float:left;
	padding:1rem 0rem;
	font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
    color: #666;
    font-size: 1rem;
}
.member-submenu li a{
	color:#666;
	padding:1rem 2rem;
	border-bottom:2px solid #FFF;
}
.member-submenu li a:hover{
	color:#000;
	padding:1rem 2rem;
	border-bottom:2px solid #92C315;
}
.member-submenu .submenu-on{
	color:#000;
	padding: 1rem 2rem;
	border-bottom:2px solid #92C315;
	margin-bottom: -3px;
}
.m-bot{
	padding:4rem 0 0 0;
	}
.m-top{
	padding:6rem 0;
	}
.tab-btns.type-2{
	top:0;
	margin:6rem 0 -2px 0;
	
	}
/* news */
.news-pics-list {
    margin: 1rem 0 2rem;
}
.news-pics-list > ul:before, .news-pics-list > ul:after {
    content: "";
    display: table;
}
.news-pics-list > ul:after {
    clear: both;
}
.news-pics-list > ul > li {
    float: left;
    width: 33.33%;
    min-width: 273px;
	position:relative;
    height: 310px;
    padding: 0 1.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news-pics-list > ul > li .pic {
    margin-bottom: 1rem;
}
.news-pics-list > ul > li .pic img {
    width: 100%;
    height: auto;
    min-height: 135px;
    max-height: 150px;
}
.news-pics-list > ul > li .entry p {
    display: inline;
}
.news-pics-list > ul > li a {
    color: #3b3b3b;
}
.news-pics-list > ul > li .line-green {
    display: none;
    position: absolute;
	width:252px;
    bottom: 0rem;
    margin-bottom: 0;
}
.news-pics-list > ul > li.active .line-green {
    display: block;
}

.news-detail {
    margin-bottom: 4rem;
}
.news-detail .content {
    position: relative;
    margin: 0 auto;
    max-width: 650px;
    padding: 0 3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news-detail .content .center-tit h1 {
    text-transform: none;
}
.news-detail .content .btn-close {
    top: 0;
    right: 0;
}
.news-detail .entry {
    text-align: center;
}
.news-detail .product-block {
    text-align: left;
}
.news-detail .product-block .pic {
    width: 100%;
    margin: 1rem 0 2rem;
}
.news-detail .product-block .pic img {
    max-width: 100%;
    height: auto;
}
.news-detail .product-block .title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.st-2-table {
    width: 100%;
    font-size: 0.875rem;
    margin: 2rem 0;
}
.st-2-table th, .st-2-table td {
    padding: 1rem;
    text-align: center;
}
.st-2-table th {
    font-weight: bold;
    color: #3a3a3a;
    border-bottom: 3px solid #92C314;
}
.st-2-table td {
    border-bottom: 1px solid #ccc;
}



/* 平版 */
@media screen and (max-width: 1024px) {
    .row-block .inner, .gray-block .inner {
        max-width: 768px;
    }

    .pct-height {
        height: 85%;
        min-height: 652px;
    }

    header[role="top"] {
        height: 15%;
        min-height: 100px;
    }
    header[role="top"] .logo {
        margin: 1.5rem 1rem;
    }
    header[role="top"] .other-shop {
        left: 125px;
    }

    nav > ul li {
        font-size: 0.8125rem;
    }

    .links ul {
        padding: 0 0.5rem;
    }
    .links ul .txt a {
        padding: 0.5rem 1rem;
    }

    .banner-block {
        height: 450px;
    }
    .banner-block .slogan {
        top: 24%;
    }
    .banner-block .slogan h1 {
        font-size: 3.25rem;
        line-height: 3.5rem;
    }
    .banner-block .slogan .entry p {
        font-size: 1rem;
    }

    .index-banner {
        height: 85%;
    }
    .index-banner .slogan {
        top: 34%;
    }
    .index-banner .slogan h1 {
        font-size: 4rem;
    }

    .big-pic-news .pics-hover .pic {
        max-height: 400px;
    }
    .big-pic-news .pics-hover .pic img {
        max-height: 400px;
        min-height: 350px;
    }
    .big-pic-news .pics-hover .txt-box .block {
        min-width: 220px;
        height: 70%;
    }
    .big-pic-news .pics-hover .txt-box .btn {
        padding-top: 2rem;
    }

    /* txt */
    .center-tit h1 {
        font-size: 2.7rem;
    }
    .center-tit h3 {
        line-height: 48px;
        font-size: 3rem;
    }

    /* btn */
    .btn-circle li {
        padding: 5px 8px;
    }

    /* pic block */
    .toplayer-txt .txt-box .block h1 {
        font-size: 2.5rem;
    }

    .pics-list .pics-hover li {
        max-height: 250px !important;
    }

    /* block */
    .column-b2 ul li {
        max-height: 320px;
    }

    .column-b3 .pics-hover li {
        max-height: 224px;
    }
    .column-b3 .picbg-fff {
        padding: 0 1rem;
        box-sizing: border-box;
    }
    .column-b3 .no-border li {
        max-height: 320px;
    }
    .column-b3 .no-border li .block {
        width: 70%;
        height: 45%;
    }

    .column-b5 .pics-hover {
        max-height: 200px;
    }
    .column-b5 .pics-hover li {
        max-height: 200px;
    }

    /* room */
    .rooms-list-pic .pics-hover .txt-box .block h1 {
        font-size: 2rem;
    }

    .rooms-bottom-block .txt-block h1, .full-picbg .bottom-block .txt-block h1 {
        font-size: 1.25rem;
    }
    .rooms-bottom-block .btn-list a, .full-picbg .bottom-block .btn-list a {
        font-size: 0.75rem;
    }

    .rooms-detail header {
        font-size: 2.5rem;
    }

    /* about */
    .st-banner .txt-block .block {
        padding-top: 6.5rem;
    }
    .st-banner .txt-block .block h1 {
        font-size: 2.25rem;
    }
    .st-banner .txt-block .block .entry {
        margin: 2rem 0;
    }

    /* news */
    .news-pics-list {
        padding-bottom: 0;
    }
    .news-pics-list > ul > li {
        min-width: 236px;
        padding: 0 1rem;
    }

    /* location */
    .parking-list ul li {
        margin: 0 1rem;
    }
}
/* 平版(直) */
@media screen and (max-width: 1024px) and (orientation: portrait) {
    nav, .language-box, .links ul li, .display-none {
        display: none;
    }

    .links {
        float: left;
        margin: 0.5rem 0.4rem 0 0;
    }
    .links ul li.txt {
        display: block;
    }
    .links ul li.txt a {
        font-size: 0.875rem;
    }

    .mobile-btn {
        position: relative;
        display: block;
        float: right;
    }
    .mobile-btn .fa-bars {
        background: #000;
        color: #fff;
        border-radius: 10rem;
        font-size: 1.3125rem;
        width: 40px;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
    }
    .mobile-btn.active .mobile-nav {
        z-index: 999;
        padding: 1rem 2rem;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transition-duration: 0.6s;
        -moz-transition-duration: 0.6s;
        -o-transition-duration: 0.6s;
        transition-duration: 0.6s;
    }
    .mobile-btn.active .st-2-nav {
        padding: 0 2rem;
    }

    .mobile-nav {
        display: block;
        position: absolute;
        z-index: -1;
        right: 40px;
        top: -25px;
        width: 500px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition-duration: 0.6s;
        -moz-transition-duration: 0.6s;
        -o-transition-duration: 0.6s;
        transition-duration: 0.6s;
        background: #fff;
    }
    .mobile-nav nav {
        float: right;
        margin-bottom: 1rem;
        height: auto;
    }
    .mobile-nav nav > ul {
        border-top: 0;
        padding: 0;
        display: inline-block;
    }
    .mobile-nav nav > ul:before, .mobile-nav nav > ul:after {
        content: "";
        display: table;
    }
    .mobile-nav nav > ul:after {
        clear: both;
    }
    .mobile-nav nav > ul li {
        line-height: 16px;
        font-size: 0.75rem;
        text-transform: uppercase;
        font-weight: bold;
    }
    .mobile-nav .language-box {
        float: right;
        width: 150px;
    }
    .mobile-nav .language-box ul {
        top: -56px;
    }
    .mobile-nav .links {
        float: right;
        margin: 0;
    }
    .mobile-nav .links ul li {
        display: inline-block;
    }
    .mobile-nav nav, .mobile-nav .language-box, .mobile-nav .links {
        display: block;
    }

    .st-2-nav {
        top: -42px;
        bottom: auto;
        width: 700px;
    }
    .st-2-nav nav {
        float: left;
        width: 100%;
        margin: 2.5rem 0 0;
    }
    .st-2-nav nav > ul {
        margin-bottom: 0.5rem;
    }
    .st-2-nav nav > ul:first-child {
        margin-right: 1.5rem;
    }
    .st-2-nav nav > ul li {
        border-left: 0;
        margin: 0.25rem 0;
    }
    .st-2-nav .language-box ul {
        top: auto;
    }
    .st-2-nav .links ul .txt, .st-2-nav .links ul .txt a {
        font-size: 0.75rem;
    }

    .pct-height {
        height: 87%;
        min-height: 668px;
    }

    header[role="top"] {
        height: 13%;
    }
    header[role="top"] .logo {
        margin: 1.8rem 2.5rem;
    }
    header[role="top"] .pull-right {
        margin: 2.6rem 2rem 0 0;
    }
    header[role="top"] .other-shop {
        left: auto;
        right: 5.5rem;
        border-left: 0;
        border-right: 1px solid #e5e5e5;
        margin-top: 3.2rem;
    }

    .row-block .inner, .gray-block .inner {
        max-width: 700px;
    }

    .banner-block .slogan {
        top: 26%;
    }

    .big-pic-news .pics-hover li {
        width: 100%;
    }
    .big-pic-news .pics-hover li.sw {
        width: 50%;
    }

    .banner-block .slogan h1 {
        width: 80%;
    }

    .index-banner {
        height: 87%;
    }
    .index-banner .slogan h1 {
        line-height: 70px;
    }

    .index-row-block {
        padding: 3rem 1rem;
    }
    .index-row-block .column-b3 {
        width: 64.5%;
    }
    .index-row-block .column-b3 .box {
        padding-right: 1.5rem;
        width: 100%;
        margin-bottom: 2rem;
    }
    .index-row-block .column-b3 .box:last-child .title {
        /*height: inherit;*/
    }
    .index-row-block .column-b3 .box:last-child .title .btn-circle {
        margin-top: 0;
    }
    .index-row-block .pic, .index-row-block .entry {
        float: left;
    }
    .index-row-block .entry {
        margin-left: 1.5rem;
        max-width: 180px;
        width: 42%;
    }
    .index-row-block .pics-block {
        height: 110px;
    }
    .index-row-block .column-b1 {
        width: 35.5%;
        padding-left: 1.5rem;
    }

    /* pic block */
    .pics-list .pics-hover li {
        width: 50%;
    }
    .pics-list .pics-hover li:nth-child(9) {
        display: none;
    }

    /* block */
    .column-b2 ul li {
        max-height: 300px;
    }

    .column-b3 .toplayer-txt {
        max-height: 300px;
        overflow: hidden;
    }
    .column-b3 .toplayer-txt li {
        width: 50%;
    }
    .column-b3 .picbg-fff {
        padding: 0;
    }
    .column-b3 .no-border li {
        max-height: 300px;
    }

    .column-b5 .pics-hover li {
        width: 25%;
    }

    /* about */
    .st-banner .txt-block .block {
        padding-top: 4.5rem;
    }

    /* contact */
    .contact-ul .box {
        float: left;
        width: 50%;
    }
    .contact-ul .box:first-child {
        width: 100%;
        margin-bottom: 2rem;
    }
    .contact-ul .box:first-child ul li:first-child {
        display: block;
    }

    /* location */
    .parking-list ul {
        max-width: 500px;
    }

    /* news */
    .news-pics-list > ul > li {
        min-width: 210px;
    }
    .news-pics-list > ul > li .pic img {
        min-height: 125px;
    }

    .news-detail .content .links {
        width: 100%;
    }
    .news-detail .content .links ul li {
        display: inline-block;
    }
}
/* 手機 ALL */
@media screen and (max-width: 767px) {
    nav, .language-box, .links ul li, .display-none, header[role="top"] .other-shop {
        display: none;
    }

    .pct-height {
        height: auto;
        min-height: inherit;
    }

    .container {
        margin-top: 2.5rem;
    }

    header[role="top"] {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        height: 8%;
        background: #fff;
        max-height: 40px;
        min-height: 40px;
    }
    header[role="top"] .logo {
        margin: 0 0 0 1rem;
    }
    header[role="top"] .logo a {
        display: block;
        width: 90px;
        height: 40px;
        background: url('../images/logo-mobile.png?1400830947') no-repeat;
    }
    header[role="top"] .logo img {
        display: none;
    }
    header[role="top"] .pull-right {
        margin: 0.3rem 1rem 0 0;
    }

    .links {
        float: left;
        margin: 0.2rem 0rem 0 0;
    }
    .links ul li.txt {
        display: block;
    }
    .links ul li.txt a {
        font-size: 0.875rem;
    }

    .mobile-btn {
        display: block;
        float: right;
        padding-bottom: 0.4rem;
    }
    .mobile-btn.active .mobile-nav {
        width: 100%;
        height: 100%;
        padding: 1rem 1.5rem;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transition-duration: 0.6s;
        -moz-transition-duration: 0.6s;
        -o-transition-duration: 0.6s;
        transition-duration: 0.6s;
    }
    .mobile-btn.active nav, .mobile-btn.active .language-box {
        display: block;
    }
    .mobile-btn.active .links {
        display: block !important;
    }
    .mobile-btn.active .links ul li {
        display: inline-block;
    }
    .mobile-btn .fa-bars {
        background: #000;
        color: #fff;
        border-radius: 10rem;
        cursor: pointer;
        font-size: 1.0625rem;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .mobile-nav {
        display: block;
        position: fixed;
        top: 40px;
        right: 0;
        background: #000;
        width: 1000px;
        height: 0;
        overflow: hidden;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition-duration: 0.6s;
        -moz-transition-duration: 0.6s;
        -o-transition-duration: 0.6s;
        transition-duration: 0.6s;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mobile-nav nav, .mobile-nav .language-box, .mobile-nav .links {
        float: none;
    }
    .mobile-nav nav {
        margin: 1rem 0;
        height: auto;
    }
    .mobile-nav nav > ul {
        border-top: 0;
        padding: 0;
    }
    .mobile-nav nav > ul:before, .mobile-nav nav > ul:after {
        content: "";
        display: table;
    }
    .mobile-nav nav > ul:after {
        clear: both;
    }
    .mobile-nav nav > ul:first-child {
        margin-right: 0;
    }
    .mobile-nav nav > ul li {
        width: 100%;
        padding: 0.5rem 0;
        border-left: 0;
        text-transform: uppercase;
        font-weight: bold;
    }
    .mobile-nav nav > ul li a {
        color: #fff;
        font-size: 0.75rem;
    }
    .mobile-nav nav > ul li a span {
        color: #92C314;
    }
    .mobile-nav .language-box {
        width: 150px;
        margin: 1rem auto;
    }
    .mobile-nav .language-box ul {
        top: auto;
    }
    .mobile-nav .links .icon {
        background: #fff;
        color: #000;
    }

    .st-2-nav nav > ul, .st-2-nav nav > ul li {
        margin: 0;
    }
    .st-2-nav .links ul .txt, .st-2-nav .links ul .txt a {
        color: #92C314;
    }

    footer[role="bottom"] .row {
        margin-bottom: 1rem;
    }
    footer[role="bottom"] .row li {
        width: 80%;
        text-align: left;
        display: none;
    }
    footer[role="bottom"] .row li:first-child {
        display: inline-block;
    }
    footer[role="bottom"] .inner {
        padding: 0 1.875rem;
    }
    footer[role="bottom"] .menu {
        float: left;
        margin-bottom: 0.5rem;
    }
    footer[role="bottom"] .copyright {
        width: 100%;
    }

    .banner-block {
        height: auto;
    }
    .banner-block .pics-block {
        position: relative;
        height: 200px;
        height: inherit;
    }
    .banner-block .pic img {
        min-height: 200px;
    }
    .banner-block .slogan {
        top: 34%;
        background: #a6ce39;
        padding: 15px 0;
        position: relative;
        top: 0px;
    }
    .banner-block .slogan h1 {
        max-width: 250px;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .banner-block .slogan .entry {
        display: none;
        display: block;
        margin-top: 0px;
    }
    .banner-block .slogan .entry p{
        font-size: 0.8rem;
        color: #fff;
        line-height: 21px;
        width: 80%;
    }
    .banner-block .center-btn{
        display: none;
    }
    .banner-block .ul-btns {
        position: static;
        background-color: #000;
    }
    .banner-block .ul-btns ul li {
        width: 100%;
        border-left: 0px;
        padding: 0.5rem 1rem;
    }

    .index-banner {
        //max-height: 300px;
        max-width: inherit;
        overflow: inherit;
    }

    .big-pic-news {
        padding: 2rem 0 3rem;
        margin-top: 5.5rem;
    }
    .big-pic-news .center-tit h1 {
        font-size: 1.75rem;
    }
    .big-pic-news .pics-hover {
        padding: 0.5rem 1rem 2rem;
    }
    .big-pic-news .pics-hover li.sw{
        width: 100%;
    }
    .big-pic-news .pics-hover li .pic {
        float: left;
        max-height: 200px;
        overflow: hidden;
    }
    .big-pic-news .pics-hover li .pic img {
        min-height: 200px;
    }
    .big-pic-news .pics-hover li .entry {
        border: 0px;
        max-height: inherit;
        margin: 0 0 0 0;
        padding-top: 0;
        display: block;
    }
    .big-pic-news .pics-hover .txt-box .block {
        min-width: 130px;
        height: inherit;
        position: relative;
        width: 85%;
        margin: 10px 0;
    }
    .big-pic-news .pics-hover .txt-box h1 {
        font-size: 0.75rem;
        margin-bottom: 0;
    }
    .big-pic-news .pics-hover .txt-box h2 {
        font-size: 1rem;
        line-height: 24px;
        color:#000;
    }
    .big-pic-news .pics-hover .txt-box .btn {
        border-top: 0;
        padding-top: 0.5rem;
    }
    .big-pic-news .pics-hover .txt-box .btn .txt {
        display: none;
    }
    .big-pic-news .pics-hover .txt-box .entry{
        border: 0px;
        max-height: inherit;
        margin: 0 0 0 0;
        padding-top: 0;
        display: block;
        color: #666;
        line-height: 21px;
    }
    .big-pic-news .pics-hover li{
        height: auto!important;
    }
    .index-row-block {
        padding: 2rem 0rem;
    }
    .index-row-block .column-b3 {
        width: 100%;
        border-right: 0;
        text-align: center;
    }
    .index-row-block .column-b3 .box {
        max-width: 100%;
        width: 100%;
        margin-bottom: 2rem;
    }
    .index-row-block .column-b3 .box:last-child .title {
        height: inherit;
    }
    .index-row-block .column-b3 .box:last-child .title .btn-circle {
        margin-bottom: 1rem;
    }
    .index-row-block .entry {
        width: 100%;
        text-align: left;
        margin-left: 0;
    }
    .index-row-block .pics-block {
        height: 190px;
    }
    .index-row-block .column-b1 {
        max-width: 225px;
        width: 100%;
        padding-left: 0;
    }

    /* txt */
    p {
        font-size: 0.75rem;
    }

    .center-tit h1 {
        line-height: 26px;
        font-size: 1.35rem;
    }
    .center-tit h2 {
        font-size: 1.25rem;
    }
    .center-tit h3 {
        line-height: 24px;
        font-size: 1.25rem;
    }
    .center-tit .entry {
        margin: 1rem 0;
        width: 100%;
    }
    .center-tit .st-width {
        width: 100%;
    }
    .center-tit > img {
        width: auto;
        max-width: 200px;
        max-height: 80px;
    }

    /* btn */
    .btn-backbg {
        padding: 0.5rem 2rem;
    }

    .btn-bsize {
        width: 30px;
        height: 30px;
        line-height: 30px !important;
    }

    .btn-bigcircle {
        width: 80px;
        height: 80px;
    }
    .btn-bigcircle .fa {
        margin-top: 1.5rem;
    }
    .btn-bigcircle .txt {
        font-size: 0.875rem;
    }
    .btn-bigcircle .icon-cancel {
        margin-top: 1.5rem;
    }

    .btn-close {
        width: 30px;
        height: 30px;
    }
    .btn-close:before, .btn-close:after {
        height: 30px;
        left: 14px;
        top: 0px;
    }

    .btn-c-black {
        top: 1.4rem;
        right: 1.4rem;
    }

    .btn-linebox {
        margin: 0 0 1rem;
    }

    /* 滑鼠經過 */
    .pics-hover li {
        border: 0.5rem solid #fff;
    }
    .pics-hover .txt-box {
        //display: none;
        display: block;
        opacity: 1;
        -webkit-transition-duration: 1s;
        -moz-transition-duration: 1s;
        -o-transition-duration: 1s;
        position: relative;
        background: none;
    }

    /* 文字在上層 */
    .toplayer-txt .txt-box {
        display: block;
    }
    .toplayer-txt .txt-box .block h1 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
    .toplayer-txt .txt-box .block .entry {
        display: none;
    }

    .pics-list .pics-hover li {
        max-height: 150px !important;
    }

    /* block */
    .column-b2 ul li {
        max-height: 150px;
    }
    .column-b2 .txt-box .block {
        min-width: 90px;
    }
    .column-b2 .txt-box .block h1 {
        max-height: 40px;
    }

    .column-b3 .pics-hover li {
        max-height: 120px;
    }
    .column-b3 .no-border li {
        max-height: 120px;
    }
    .column-b3 .no-border li .block {
        height: 60%;
    }

    .column-b4 {
        margin: 2rem 0;
    }
    .column-b4 ul li {
        padding: 1rem;
    }
    .column-b4 .txt-box h1 {
        font-size: 1.25rem;
    }
    .column-b4 .center-btn {
        margin-top: 1rem;
    }

    .column-b5 .pics-hover {
        max-height: 55px;
    }
    .column-b5 .pics-hover li {
        max-height: 80px;
    }

    .gray-block {
        padding: 2.5rem 0;
    }
    .gray-block .txt-block h2 {
        padding: 1.5rem 0 0.5rem;
    }

    .row-block {
        padding: 2rem 0;
    }
    .row-block .tits {
        font-size: 0.875rem;
    }

    .full-picbg {
        height: auto;
    }
    .full-picbg .btn-close {
        top: 1rem;
        right: 1rem;
    }
    .full-picbg .pics-block {
        height: 320px;
    }
    .full-picbg .st-bottom {
        min-height: 60px;
    }
    .full-picbg .center-txt .inner {
        padding-top: 0;
    }
    .full-picbg .right-btns {
        top: 17rem;
        text-align: center;
        width: 100%;
        right: 0;
    }
    .full-picbg .right-btns span {
        display: inline-block;
    }

    .post .entry {
        padding-right: 3rem;
    }
    .post .scrollbar-box {
        max-height: 300px;
    }

    .tab-btns {
        top: 1.5rem;
    }
    .tab-btns li {
        width: 100%;
        padding: 0.5rem 0;
        font-size: 0.875rem;
        text-align: center;
        border-top: 1px solid #eee;
    }
    .tab-btns li .txt, .tab-btns li .line-green {
        display: inline-block;
    }
    .tab-btns li .line-green2 {
        display: inline-block;
    }
    .tab-btns li .line-green {
        margin: 0.2rem 0 0 0.5rem;
        width: 10px;
        height: 10px;
        border-radius: 10rem;
    }
    .tab-btns li .line-green2 {
        margin: 0.2rem 0 0 0.5rem;
        width: 10px;
        height: 10px;
        border-radius: 10rem;
    }

    /* form */
    .st-form > li {
        margin: 1.5rem 0;
    }
    .st-form > li:first-child .font-gray {
        position: static;
    }
    .st-form .column {
        width: 100%;
    }
    .st-form .column:first-child {
        margin-right: 0;
        margin-bottom: 1.5rem;
    }
    .st-form .select-box {
        font-size: 0.75rem;
    }
    .st-form .tit {
        font-size: 0.875rem;
        padding-bottom: 0.5rem;
    }
    .st-form .address-box .select-box {
        width: 100%;
        margin-bottom: 1rem;
    }
    .st-form .address-box .select-box:nth-child(2) {
        margin-right: 0;
    }
    .st-form .address-box input[type="text"] {
        width: 100%;
        margin-left: 0;
    }
    .st-form .linebox {
        text-align: center;
    }
    .st-form .linebox ul {
        width: 100%;
    }
    .st-form .linebox .entry {
        margin-top: 1rem;
        width: 100%;
    }

    /* room */
    .pct-height .pics-block {
        height: 250px;
    }

    .rooms-list-pic {
        /* height: 440px;*/
    }
    .rooms-list-pic .pics-hover li {
        /* min-height: 100px;*/
    }
    .rooms-list-pic .pics-hover .txt-box .block {
        max-height: 30px;
    }
    .rooms-list-pic .pics-hover .txt-box .block h1 {
        font-size: 1.25rem;
    }
    .rooms-list-pic .right-btns {
        top: 45%;
    }

    .right-btns {
        top: 5rem;
        right: 1rem;
    }

    .rooms-detail {
        position: relative;
        padding: 2.5rem 0;
    }
    .rooms-detail header {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
    .rooms-detail .pull-left {
        width: 85%;
    }
    .rooms-detail table {
        margin-top: 2rem;
    }
    .rooms-detail table th, .rooms-detail table td {
        padding: 0.8rem 0.5rem;
    }
    .rooms-detail table thead th:last-child {
        padding-right: 0;
    }
    .rooms-detail table tbody td:last-child {
        padding-right: 0;
    }

    .rooms-bottom-block, .full-picbg .bottom-block {
        position: static;
        background: #000;
        margin-bottom: 1px;
    }
    .rooms-bottom-block .txt-block, .full-picbg .bottom-block .txt-block {
        width: 100%;
    }
    .rooms-bottom-block .txt-block h1, .full-picbg .bottom-block .txt-block h1 {
        font-size: 1rem;
        line-height: 22px;
        height: 22px;
    }
    .rooms-bottom-block .txt-block .entry, .full-picbg .bottom-block .txt-block .entry {
        margin-bottom: 1rem;
    }
    .rooms-bottom-block .btn-list, .full-picbg .bottom-block .btn-list {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .rooms-bottom-block .btn-list a, .full-picbg .bottom-block .btn-list a {
        font-size: 0.75rem;
    }

    /* about */
    .st-banner .txt-block .block {
        padding-top: 3rem;
    }
    .st-banner .txt-block .block h1 {
        font-size: 1rem;
        max-height: 100px;
        margin-bottom: 1rem;
    }
    .st-banner .txt-block .block .entry {
        display: none;
    }

    .st-bottom .inner {
        padding-top: 1.5rem;
        padding-bottom: 0.5rem;
    }
    .st-bottom .txt-block .entry {
        margin-bottom: 0 !important;
    }

    /* contact */
    .contact-ul .box, .contact-ul .box:first-child {
        width: 100%;
        margin-bottom: 2rem;
    }
    .contact-ul li, .contact-ul .tit, .contact-ul p {
        font-size: 0.75rem;
    }

    /* member */
    .member-list td {
        display: block;
        width: 100%;
    }
	.member-list2{
		width:100%;
		box-shadow:0px 3px 3px 0px rgba(20%,20%,20%,0.5);
		background:#FFFFFF;
		margin:0 auto;
		text-align:center;
	}
	.member-list2 ul{
		display:inline-block;
	}
	.member-list2 li{
		float:left;
		width:100%;
		text-align:left;
		margin: 0 2rem;
		padding:1rem;
		font-family: 'muli', sans-serif, 'Microsoft JhengHei', "微軟正黑體";
		line-height:21px;
		color: #000;
		border-bottom: 1px #CCC solid;
		font-size: 0.875rem;
	}
	.member-list2 li:nth-child(2){
		display:none;
	}
	.member-list2 li:nth-child(3){
		border-bottom: 0px #CCC solid;
	}
	.member-list2 ul:after{
		content:"";
		clear:both;
	}
	.member-list2 .m-line{
		width:1px;
		height:50px;
		background:#CCC;
	}
	.member-list2 img{
		padding-right:1rem;
	}
	.tab-btns.type-2{
	top:0;
	margin:3rem 0 -2px 0;
	}

    /* location */
    .parking-list {
        text-align: center;
    }
    .parking-list ul {
        max-width: 240px;
    }
    .parking-list .txt-box {
        padding: 1rem;
    }

    .traffic-guide-list ul li {
        padding-top: 0;
        height: 60px;
        overflow: hidden;
        border-bottom: 1px solid #92C315;
        padding: 1rem 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .traffic-guide-list ul li:first-child {
        border-top: 1px solid #92C315;
    }
    .traffic-guide-list ul li.active {
        height: auto;
    }
    .traffic-guide-list ul li.active .line-green:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .traffic-guide-list ul li .line-green {
        float: right;
        display: block;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        position: relative;
        width: 15px;
        height: 15px;
        overflow: hidden;
        background: #fff;
        margin-top: 0.5rem;
    }
    .traffic-guide-list ul li .line-green:before, .traffic-guide-list ul li .line-green:after {
        content: "";
        display: block;
        height: 10px;
        width: 2px;
        background: #92C315;
        position: absolute;
        left: 7px;
        top: 2px;
    }
    .traffic-guide-list ul li .line-green:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .traffic-guide-list ul li .tit {
        margin-bottom: 1rem;
        min-height: 45px;
        cursor: pointer;
    }
    .traffic-guide-list ul li .tit, .traffic-guide-list ul li .txt {
        width: 100%;
    }

    /* delicious */
    .time-ul {
        min-width: 240px;
    }
    .time-ul li {
        font-size: 0.75rem;
    }
    .time-ul li .column {
        margin: 0.4rem 0.8rem !important;
    }
    .time-ul li .tit, .time-ul li p {
        font-size: 0.75rem;
    }

    /* news */
    .news-pics-list > ul {
        text-align: center;
    }
    .news-pics-list > ul li {
        float: none;
        display: inline-block;
        margin-bottom: 1rem;
    }

    .news-detail .content .links {
        width: 100%;
    }
    .news-detail .content .links ul li {
        display: inline-block;
    }
    .news-detail .content .btn-close {
        right: 1rem;
    }
    .news-detail .product-block .title {
        font-size: 1rem;
    }
    .news-detail .product-block .pic img {
        width: auto;
        max-height: 200px;
    }

    .st-2-table {
        font-size: 0.75rem;
    }
    .st-2-table th, .st-2-table td {
        padding: 1rem 0.5rem;
    }
    .st-2-table th:first-child, .st-2-table td:first-child {
        padding-left: 0;
    }
    .st-2-table th:last-child, .st-2-table td:last-child {
        padding-right: 0;
    }

    .lightbox-target .content {
        padding: 2rem;
    }

    .content .entry h2 {
        font-size: 1rem;
    }
    .content .ps-txt {
        padding: 0.5rem 1rem;
        line-height: 20px;
        font-size: 0.875rem;
    }
    .content .ps-txt .column p {
        font-size: 0.875rem;
    }
    .content .bg-black {
        margin: 2rem 0 0.5rem 0;
        font-size: 0.875rem;
    }
    .content header .date {
        font-size: 0.9rem;
    }
    .content header h1 {
        font-size: 1.25rem;
        line-height: 26px;
    }
    .content footer .st-ul li {
        font-size: 0.75rem;
        padding: 0 0.5rem;
    }

    .st-footer .center-tit h2 {
        font-size: 1rem;
    }
    .st-footer .center-tit p {
        font-size: 0.75rem;
    }

    .menu-list .block {
        padding: 1.5rem 0;
        font-size: 0.875rem;
    }
    .menu-list .block li {
        font-size: 0.75rem;
    }
    .menu-list .block h3 {
        width: 60%;
        line-height: 20px;
    }
    .menu-list .block .money {
        width: 40%;
    }

    .st-table thead th {
        font-size: 1rem;
    }
    .st-table tbody tr {
        border-bottom: 1px solid #000;
    }
    .st-table tbody td {
        min-height: 75px;
        padding: 1rem 1rem 2rem;
        border-top: 1px solid #e1e1e1;
    }
    .st-table tbody td .fa-check {
        float: none;
        display: block;
        text-align: center;
    }
    .st-table tbody td .txt {
        max-width: 100%;
    }
    .st-table td, .st-table p {
        font-size: 0.75rem;
    }
    .st-table .st-thead {
        display: none;
    }
    .st-table .center-td td {
        position: relative;
        display: block;
        width: 100%;
        padding-left: 60%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .st-table .center-td td:first-child {
        padding-left: 40%;
    }
    .st-table .center-td td:first-child:before {
        width: 30%;
    }
    .st-table .center-td td:before {
        position: absolute;
        top: 1rem;
        left: 1rem;
        width: 60%;
        font-size: 0.75rem;
        text-align: left;
    }
    .st-table .center-td td:nth-of-type(1):before {
        content: "PROJECT DETAIL";
        color: #000;
        font-weight: bold;
    }
    .st-table .center-td td:nth-of-type(2):before {
        content: "Sweet Wedding 8800 +10% (Weekdays from 5 tables)";
    }
    .st-table .center-td td:nth-of-type(3):before {
        content: "Love Wedding 9999 +10%";
    }
    .st-table .center-td td:nth-of-type(4):before {
        content: "10999 +10%";
    }
    .st-table .center-td td:nth-of-type(5):before {
        content: "Honor Wedding 12999 +10%";
    }

    .scrollbar-box {
        min-height: 250px;
    }

    .scrollbar-border {
        right: 0;
    }
    .scrollbar-border div {
        height: 150px;
    }
}
/*  手機 (直)  */
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
    .index-row-block .column-b3 .box {
        display: inline-block;
        float: none;
        max-width: 216px;
    }
    .index-row-block .entry {
        max-width: 216px;
    }
    .index-row-block .column-b1 {
        float: none;
        margin: 0 auto;
    }
    .index-row-block .column-b1:before, .index-row-block .column-b1:after {
        content: "";
        display: table;
    }
    .index-row-block .column-b1:after {
        clear: both;
    }

    footer[role="bottom"] .copyright a {
        display: block;
    }

    .center-tit h1 span {
        display: block;
    }

    /* block */
    .column-b2 ul li {
        max-height: 130px;
    }

    .column-b3 .pics-hover li {
        max-height: 80px;
    }
    .column-b3 .no-border {
        height: 120px;
    }
    .column-b3 .no-border li {
        max-height: 120px;
    }

    .column-b4 ul li {
        /*  min-width: 240px; */

    }

    /* news */
    .news-pics-list > ul li {
        min-width: 236px;
    }

    .news-detail .content {
        padding: 0 2rem;
    }

}
/*  手機 (橫)  */
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    .index-row-block .column-b3 .box {
        padding-right: 0;
        max-width: 100%;
    }
    .index-row-block .column-b3 .box:last-child .title .btn-circle {
        margin-top: 0;
    }
    .index-row-block .pic, .index-row-block .entry {
        float: left;
    }
    .index-row-block .entry {
        margin-left: 1.5rem;
        max-width: 180px;
    }
    .index-row-block .pics-block {
        height: 110px;
    }

    .mobile-btn.active .links {
        display: inline-block !important;
    }

    .mobile-nav .language-box, .mobile-nav .links {
        display: inline-block !important;
    }
    .mobile-nav nav > ul {
        text-align: left;
    }
    .mobile-nav nav > ul li {
        float: none;
        display: inline-block;
        padding: 0.8rem 0.5rem;
        width: auto;
    }

    .st-2-nav nav {
        margin: 1rem 2.5rem;
    }
    
    
    .big-pic-news .pics-hover li {
        width: 100%;
    }
	
    
}
/* ===== iphone 4S (all) ===== */
/* ===== iphone 4S (橫) ===== */

tr.current td {
    color: #92C315;
}

.news-detail table{
	width:100%;
	}
.news-detail table th{
	padding:1rem;
	border-bottom:3px #92C315 solid;
	text-align:center;
	}
.news-detail table th p{
	color:#000000;
	font-weight:bold;
	font-size:1rem;
	}
.news-detail table tr{
	border-bottom:1px #CCCCCC solid;
	}
.news-detail table td{
	padding:1rem;
	}
.news-detail table th,.news-detail table td{
	text-align:center;
	}	
.news-detail table td:first-child{
	text-align:left;
	}
.news-detail h2{
	color:#000;
	font-size:1rem;
	}