/*!
20170525
*/
html,
body {
width: 100%;
height: 100%;
}
body {
font-family: "微軟正黑體",sans-serif;
}
a {
}
a:hover {
text-decoration: none;
}
.text-vertical-center {
display: table-cell;
text-align: center;
vertical-align: middle;
padding-top: 8em;
}
.text-vertical-left{
padding: 5px;
text-align: left;
vertical-align: middle;
background: rgba(255, 255, 255, 0.34);
width: 219px;
margin-top: 90px;
}
.text-vertical-left h5{
padding-left:5px;
font-size:15px;
}
.text-vertical-center h1 {
margin: 0;
padding: 0;
font-size: 4.5em;
font-weight: 700;
}
/* Custom Button Styles */
.btn-dark {
border-radius: 0;
color: #fff;
background-color: rgba(0,0,0,0.4);
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
color: #fff;
background-color: rgba(0,0,0,0.7);
}
.btn-light {
border-radius: 0;
color: #333;
background-color: rgb(255,255,255);
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active {
color: #333;
background-color: rgba(255,255,255,0.8);
}
/* Custom Horizontal Rule */
hr.small {
max-width: 100px;
}
/* Side Menu */
#sidebar-wrapper {
z-index: 1000;
position: fixed;
right: 0;
width: 250px;
height: 100%;
transform: translateX(250px);
overflow-y: auto;
background: #222;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.sidebar-nav {
position: absolute;
top: 0;
width: 250px;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav li {
text-indent: 20px;
line-height: 40px;
}
.sidebar-nav li a {
display: block;
text-decoration: none;
color: #999;
}
.sidebar-nav li a:hover {
text-decoration: none;
color: #fff;
background: rgba(255,255,255,0.2);
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
height: 55px;
font-size: 18px;
line-height: 55px;
}
.sidebar-nav > .sidebar-brand a {
color: #999;
}
.sidebar-nav > .sidebar-brand a:hover {
color: #fff;
background: none;
}
#menu-toggle {
z-index: 100;
position: fixed;
top: 0;
right: 0;
}
#sidebar-wrapper.active {
right: 250px;
width: 250px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.toggle {
margin: 5px 5px 0 0;
}
/* Header */
.header {
display: table;
position: relative;
width: 100%;
height: 100%;
background: url(../img/bg.jpg) no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
/* About */
.about {
padding: 50px 0;
}
/* Services */
.services {
padding: 50px 0;
}
.service-item {
margin-bottom: 30px;
}
/* Callout */
.callout {
display: table;
width: 100%;
height: 280px;
color: #fff;
background: url(../images/callout.jpg) no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
/* Portfolio */
.portfolio {
padding: 30px 0;
}
.portfolio-item {
margin-bottom: 30px;
}
.img-portfolio {
margin: 0 auto;
}
.img-portfolio:hover {
opacity: 0.8;
}
/* Call to Action */
.call-to-action {
padding: 50px 0;
}
.call-to-action .btn {
margin: 10px;
}
/* Map */
.map {
height: 500px;
}
@media(max-width:768px) {
.map {
height: 75%;
}
}
.map iframe {
pointer-events: none;
}
/* Footer */
footer {
padding: 20px 0;
}
#to-top {
display: none;
position: fixed;
bottom: 5px;
right: 5px;
}
/*區塊*/
.news_block{
border-radius: 4px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
}
.pad_btn15{
padding-bottom: 15px;
padding-right: 5px;
padding-left: 5px;
}
.pad_15{
padding-bottom: 15px;
padding-top: 15px;
}
.pad_lr{
padding-left:15px;
padding-right:15px;
}
.logo{
margin:10px;
}
.logo_small{
width: 20px;
}
/*FB*/
#mwt_mwt_slider_scroll
{
top: 0;
left:-360px;
width:360px;
position:fixed;
z-index:9999;
}
#mwt_slider_content{
background:#3c5a98;
text-align:center;
padding-top:20px;
}
#mwt_fb_tab {
position:absolute;
top:20px;
right:-24px;
width:24px;
background:#3c5a98;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
padding:9px 0;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
}
#mwt_fb_tab span {
display:block;
height:12px;
padding:1px 0;
line-height:12px;
text-transform:uppercase;
font-size:12px;
}
.listcus li {
line-height: 33px;
}
button.close {
margin-right: 11px;
}
/*Table*/
.table_50{width: 50%;}
@media(max-width:768px) {
.table_50 { width: 100%;}
}
/*img*/
.img-center{margin: 0 auto;}
/*MARGIN*/
.mg_top_25{margin-top:25px; }
.margin_l_50 {margin-left:50px;}
.margin_25{margin-top:25px; }
.margin_bt_10{margin-bottom:10px; }
/*PADDING*/
.pad_lr_35 { padding-left: 35px; padding-right: 35px;}
.pad_lr_25 { padding-left: 25px; padding-right: 25px;}
.pad_ud_20 { padding-top: 20px; padding-bottom: 20px;}
.pad_ud_5 { padding-top: 5px; padding-bottom: 5px;}
.pad_bt_20 { padding-bottom: 20px;}
/*顏色*/
.f_green{color:#819a54;}.f_green a{color:#819a54; }
.f_tiffiny{color:#28afc8;}.f_tiffiny a{color:#28afc8;}
.f_white{color:#987d54;}.f_white a{color:#987d54;}
.f_white{color: #fff;}.f_white a{color: #fff;}
.f_blue{color: #408bda;}.f_blue a{color: #408bda;}
.f_pink{color:#f59c9a;}.f_pink a{color:#f59c9a;}
.f_orange{color: #f38422;}.f_orange a{color: #f38422;}
.f_red{color:#f10a0a;} .f_red a{color:#f10a0a;}
.f_brown{color:#967a5d;}.f_brown a{color:#967a5d;}
.bg_aqua {background: rgba(255, 255, 255, 0.41);}
.bg_white{background: #fff;}
.bg_light_gray{background:#e6e6e6;}
.bg_light_yellow{background:#fef2e1;}
.bg_dark_gray{background: #313131;}
.bg_light_green{background: #b8ca98;}
.bg_pink{background: #f59c9a;}
.bg_blue{background:#33B9FF;}
.bg_light_blue{ background: #bcd8cf;}
.bg_dark_blue{background:#2d3550;}
.bg_dark_brown{background:#58423b;}
.bg_light_brown{background:#d8d5cd;}
/*框線*/
.border_light{
border: 1px #eaeaea solid;
}
/*FB*/
.modal-content{width: 342px; margin: 0 auto;}
.btn-FB {
position: fixed;
bottom: 0;
right: 75px;
color: #fff;
background: #4b69de;
z-index: 90;
border-color: #4b69de;
}
.btn-FB:hover{
color: #fff;
background: #2a3c84;
}
.btn-FB:focus{
color: #fff;
background: #4b69de;
}
body { padding-right: 0 !important }
.modal-open{overflow:auto;padding-right:0 !important;}
/*FB*/
/*ICON圖示*/
.icon{
padding-right:10px;
}
.device{
width:50%;
}
.device_ps{
width:100%;
}
.last{
border-bottom: none !important;
}
/* Map */
.pclogo {
display:black;
}
.phonelogo{
display:none;
}
@media(max-width:1023px) {
.pclogo {
display: none !important;
}
.phonelogo{
display:display ;
}
}
/*相簿*/
.album_det{
height: 109px;
background: rgba(255, 255, 255, 0.61);
padding: 10px;
text-align: center;
overflow: hidden;
}
.album_det a{
color:#8e624d;
font-size:18px;
}
.album_det p{
color:#868686;
font-size:10px;
}
.album_det hr{
margin-top: 8px;
margin-bottom: 8px;
border: 0;
border-top: 1px solid #d4d4d4;
}
.shadow{
margin: 10px;
margin-bottom: 21px;
}
.grid-img{
}
/*相簿END*/
.newsmain small{
color:#b5b5b5;
font-size:12px;
}
.newsmain p{
font-size: 12px;
padding-top:5px;
overflow : hidden;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
/*NEWS 圖片*/
.picbox{
float: left;
width: 95%;
height: 343px;
overflow: hidden;
/* border: 1px solid #ccc; */
margin-left: 2.5%;
}
.picbox img{
margin: 0px 0 0px -268px;
height: 100%;
max-width:none;
}
/*NEWS C*/
@media(max-width:992px) {
.picbox {
float: left;
width: 100%;
height: auto;
overflow: hidden;
border: none;
margin-left: 0;
}
.picbox img {
margin: 0;
max-width: none;
width: 100%;
}
}
/*BLOG*/
.blog_main p{
color: #b1b1b1;
line-height: 20px;
padding-bottom: 8px;
overflow: hidden;
height: 40px;
}
.blog_main h3{
margin-top: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 90%;
font-size: 19px;
margin: 5% 9px 3% 5%;
}
.db_main {
padding-top: 1em;
}
/*資料庫資料文章*/
.db_main img{
width:100% !important;
height:auto !important;
}
@media(max-width:375px) {
.blog_main p{
display:none;
}
.blog_main h3{
margin-top: 8px;
font-size: 16px;
padding-bottom: 7px;
}
}
/*ROOM 價格*/
.room_price{
width:100%;
display:block;
}
.price_box{
float:left;
padding-left:10px;
padding-right:10px;
}
.room_price h4{
padding: 10px 20px 10px 20px;
border-radius: 7px;
float:left;
border: 1px solid #ababab;
margin-right: 10px;
background: #fff;
}
.room_price h5{
width: 100%;
padding: 10px 0px 10px 20px;
border-radius: 7px;
float: left;
font-size: 16px;
}
.room_serive{
width:100%;
display:block;
}
.room_serive h4{
padding: 10px 20px 10px 20px;
border-radius: 7px;
border: 1px solid #e2e2e2;
margin-right: 10px;
font-size: 13px;
}
.room_serive_box{
}
/*單行文字...*/
.one_line{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;}
/*手機快捷鍵*/
.fMenu{
display:none;
}
@media(max-width:768px) {
.fMenu{
display:block;
position:fixed;
width:100%;
z-index:100;
left:0;
bottom:0;
}
}
.fMenu ul{
margin-left: -3em;
margin-bottom: 0;
}
.fMenu ul li{
float:left;
width:20%;
border-left:1px solid rgb(90, 90, 90);
box-sizing:border-box;}
.fMenu ul li:first-child{
border:none;}
.fMenu ul li a{
display:block;
padding:8px 8px;
font-size:12px;
text-align:center;
box-sizing:border-box;
}
.fMenu ul li a i{
display: block;
height: 15px;
margin-bottom: 6px;
font-size: 18px;
text-align: center;
}
.fMenu ul li a span{
display: block;
height: 18px;
font-size: 10px;
}
/*手機快捷鍵 END*/
/* NEWS1*/
.list-group-item {
padding: 4px 15px;
}
.news_1 i{
margin-right:5px;
}
.news_1 h4{
font-size: 20px;
}
.news_1 small{
font-size: 75%;
color:#666;
}
.news_1 p{
font-size: 14px;
margin-top: 4px;
color: #616161;
margin-bottom: 6px;
}
.text-muted b{
color: #d20000;
}
/*上面INDEX下面NEWS*/
.news_block {
margin-bottom: 4%;
box-shadow: 2px 2px 9px -2px rgba(88, 88, 88, 0.5);
}
.news_down_block {
margin-left: 4%;
margin-right: 4%;
}
.news_down_block h4 {
text-transform: uppercase;
font-size: 19px;
line-height: 17px;
letter-spacing: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news_down_block small{
margin-bottom: 8px;
line-height: 23px;
font-size: 70%;
color: #8a8a8a;
}
.news_down_block p {
color: #737373;
line-height: 17px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 6px;
margin-top: 3px;
}
}
/* NEWS1*/
.oneline{
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}
/*最新消息圖片RWD*/
.news_main img{
display: block;
max-width: 100%;
height: auto !important;
}