/*!
20170414
 */



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;
}