/* 

主色調

 */

/*------P.H.Lee------*/



/*被景色*/

body{

     

	   color:#666;

	   font-family:'微軟正黑體';

}

/*NAV 6 顏色*/

.cd-nav {



    background-color: rgba(36, 48, 64, 0.98);



}



.fa-ul>li {

    line-height: 27px;

}





.f_conf{color: #69605d;}.f_conf a{color: #69605d;}

.f_conf2{color:#9a7958;}.f_conf2 a{color:#9a7958;}

.f_conf3{color:#ff5722;}.f_conf3 a{color: #ff5722;}

.f_conf4{color: #868686;} .f_conf4 a{color: #868686;}

.f_conf5{color:#9a722c; font-weight:600; font-size:18px;}

.f_conf6{color:#212121;} .f_conf6  a{color:#212121;} 

.f_conf7{color:#737373 ;} .f_conf7  a{color:#737373 ;} 





.f_dark_blue{color:#4f7ac2;} .f_dark_blue a{color:#4f7ac2;}



.bg_conf1{

 background: url(../images/wall.png);

/* background-attachment: fixed;*/

 }

 

.bg_conf2{

background: url(../images/ocean.jpg) ;

background-attachment: fixed;



}

.bg_conf3{background:#e5edf8;}




/*.bg_foot{ background:#c04c1d;}*/
.bg_foot{ background:#8f3434;}





.bg_cover1{ background: url(../images/grid.png) rgba(140, 102, 66, 0.55);}

.bg_cover2{ background: url(../images/grid.png) rgba(255, 255, 255, 0.95);}

.bg_cover3{ background: url(../images/grid.png) rgba(93, 93, 93, 0.68);}

.bg_cover4{ background: url(../images/grid.png) rgba(158, 158, 158, 0.66) ;}



.bg_cover5{ background: url(../images/grid.png) rgba(255, 255, 255, 0.56);}



.padding_50{

	     padding: 45px 0 45px 0; 

}

.f_conf_title{

	    font-size: 26px;

    color: #354a5c;

    letter-spacing: 5px;

    /* border-top: 1px solid #cacaca; */

    border-bottom: 1px solid #e8e8e8;

    text-align: center;

    margin: 0 auto;

    width: 50%;

    line-height: 51px;

    margin-bottom: 0.7em;

}

@media only screen and (max-width: 1200px) {

	.f_conf_title{

	width:100%;

	

}

}

@media only screen and (max-width: 768px) {

	.f_conf_title{

	font-size: 20px;

	  line-height: 25px;

}

.f_conf_title{

	text-align:left;

	    margin-top: 1em;

}





}

.f_conf_title a{color:#FF5722;}

.f_conf_title2{

	font-size: 26px;

    color: #757575;

    line-height: 40px;

}

.f_conf_title2 i{

	font-size: 53px;

    color: #b1b1b1;

    line-height: 50px;

}



.f_conf_title3 {

	font-size: 23px;

    color: #777777;

    line-height: 40px;

    margin-top: 8px;

    margin-bottom: 8px;

	

}

.f_conf_title3 b{

    font-size: 30px;

    color: #ff9800;

 

}

.f_conf_title4 {

	font-size: 23px;

    color: #fff;

   

	

}



.pic_center img{

	display:block; margin:auto;

}

/*基本連結顏色*/

a {

    color: #FFF;



}

a:hover {

	color: #000;

}

#cd-navigation .fa{

	font-size:18px;

}



/*浮動按鈕顏色*/

.mfb-component__button--main, .mfb-component__button--child {

    background-color: #2cb0c8 !important;

  

}

.bg_table1{

	     background:#e0e0e0;

}

.bg_table2{

	background: #a5dcff;

}

.bg_table3{

	background:#93bddc;

}

/*手機顯示 電腦不顯示*/

.phonedisplay{

	display:none;

}

.pcdisplay{

	display:block;

}



.bs-slider{

	padding-top: 88px;

}

@media(max-width:1024px) {

	.phonedisplay{

		padding-top:0px;

		display:block;

	}

	.pcdisplay{

		display:none;

	}

}



/*BANNER的高度*/

.bs-slider {

    overflow: hidden;

    max-height: 1080px !important;

    position: relative;

    background: #000000;

}



/*選單克制*/

.btn_nav{

	width:100%;

	text-align:center;

	position: absolute;

　  bottom: 29px;



}

.btn_nav a{

    font-size: 14px;

    color: #bd1717;

   text-indent:none;

   

}



nav.bootsnav.navbar-sidebar {

    background: #fff;

    -moz-box-shadow: 1px 0px 1px 0px #5f5f5f;

    -webkit-box-shadow: 1px 0px 1px 0px #5f5f5f;

    -o-box-shadow: 1px 0px 1px 0px #5f5f5fe;

    box-shadow: 1px 0px 1px 0px #5f5f5e; 



    border-right: 15px solid #8e624d;

}

nav.bootsnav.navbar-sidebar ul.nav > li > a {

    padding: 10px 15px;

    font-weight: bold;

    text-align: center;

}





/*選單克制*/





hr {

	

	margin-top: 15px;

    margin-bottom: 15px;

    border: 0;

    border-top: 1px solid ;

	border-color:#cccccc;

}



.logo_mid{ /*致中浮起*/

    width: 100%;

    margin: 0 auto;

    position: absolute;

    z-index: 99;

}



.logo {

      margin: 0 auto;

    width: 156px;

    margin-top: 3px;

    top: 9% !important;

    margin-right: 22px;

    margin-left: 20px;



}





@media(max-width:1280px) {

.logo img{width: 100%;}

}



.banner{

	   





}



footer {

    

}  









.listcus li {

        border-bottom: 1px #d4d4d4 solid;

}





.list-unstyled li{

    line-height: 30px;   

}





/*2017 02 15 FOR 朵小路*/

.cust_banner{

    padding-top: 4em;

}

.navbar-brand {



    padding: 2px 0px;



}





.cus_table{

    color: #808080;

    font-size: 15px;

}

/**/

.navbar {

    border-radius: 0px;

}

.active{

color:#000 !important;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

    color: #000;

	background: none ;

}



.navbar-default .navbar-nav > li > a { /*選單字色*/

    color: #fff;

	font-size: 16px;

    margin-left: 16px;

    padding-right: 25px;

	padding-top: 15px;

}

.navbar-nav{

	margin-top:24px;

}





.navbar-default {

    /*background: rgba(226,122,90,0.65);*/
    background: rgba(143,55,55,0.65);

    border: none ;

	position: fixed;

    z-index: 16;

    width: 100%;

	min-height: 100px;

	box-shadow: 4px 4px 12px -2px rgba(41, 41, 41, 0.5);

}





.lead {

    margin-top: 1em;

    font-size: 16px;

    color: #868281;

    letter-spacing: 2px;

    line-height: 29px;

}	

}



.vrbtn{

	display: block;

    width: 34%;  

    margin: 0 auto;

}



/*ICON圖示*/

.icon{

	color: #196fc1;

}

/**/

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {



}



.navbar-toggle {

    padding: 16px 10px;

    margin-top: 18px;

}



@media(max-width:1023px) {

.row {

    margin-right: 0;

    margin-left: 0;

}

.portfolio {

	padding-top:50px;

}

}

/*表格*/

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

    padding: 8px;

    line-height: 1.42857143;

    vertical-align: top;

        border: 1px solid #cccccc;

}

/*表格*/

.lit_tit{

	color: #866d49;

    font-size: 19px;

    font-weight: 600;

	padding-bottom: 9px;

	padding-top: 5px;

}



.room_main{

	line-height: 29px;

    font-size: 16px;

    color: #666;

}

/*標籤*/

.breadcrumb {

    background: none;

    border-radius: 0; 

	padding: 4px 15px;

    margin-bottom: 13px;

}

/*notice頁面*/

.panel-title {

    margin-top: 0;

    margin-bottom: 0;

    font-size: 16px;

    color: #288cc8;

}

/*表格一半 手機分開*/

.table50{

	float:left;width:50%;display:block;

}

@media (max-width: 768px) {

.table50{

	float:left;width:100%;display:block;

}

}





@media (min-width: 768px) {

  .container {

    width: 750px;

  }



}

@media (min-width: 992px) {

  .container {

    width: 710px;

  }



}

@media (min-width: 1200px) {

  .container {

    width: 1152px;

  }



}

@media (min-width: 1400px) {

  .container {

    width: 1366px;

  }



}

@media (min-width: 1920px) {

  .container {

    width: 1600px;

	



}



}

/*最新消息被景色*/

.news_block {

    background: #fdfdfd;

}



.text-vertical-left {



    background: rgba(255, 255, 255, 0.15);



}

.text-vertical-center {



    background: rgba(255, 255, 255, 0.15);



}

#sidebar-wrapper {



    background: rgba(255, 255, 255, 0.88);

   

}

.room_price h4 {

	padding: 8px 15px 8px 15px;

    border-radius: 7px;

    float: left;

    border: 1px solid #bfbfbf;

    margin-right: 10px;

    background: none;

}

.pager li > a, .pager li > span {

    background-color: #123d67;

    border:none ; 

}

.pager li > a:hover,

.pager li > a:focus {



  background-color: #1d5fa0;

}



.img_bod{

	padding:20px 16px 0px 16px ;

}



.img_bod2{

	padding:20px  20px 0px 20px ;

}

@media only screen and (max-width: 1040px) {

    .img_bod{

	padding:0px;

}

}

.caption{

	 position: absolute;

    top: 69%;

    background: rgba(255, 255, 255, 0.74);

    margin-left: 20px;

    text-align: left;

    padding: 15px 32px 10px 32px;

    border-radius: 0px 25px 25px 0px;

}

.caption h4{

	font-size:16px;

	color:#2b2b2b;

	    letter-spacing: 3px;

}

.caption p{

	font-size: 19px;

    color: #2b2b2b;

    letter-spacing: 3px;

}

/*BLOG*/

.blog_main p {

       color: #b1b1b1;

    line-height: 15px;

    padding-bottom: 0px;

    overflow: hidden;

    height: 17px;

	    margin-bottom: 9px;

}

.blog_main i {

       color: #b1b1b1;

    line-height: 15px;

    margin-bottom: 10px;

    overflow: hidden;

    height: 17px;

}

.blog_main{

	    padding: 0px;

    overflow: hidden;

    border-radius: 5px;

    background: #fff;

    box-shadow: 4px 3px 12px -2px rgba(148, 148, 148, 0.5);

}





@media(max-width:768px) {

	.blog_main{

	border-radius: 0;

	background:#fff;

	box-shadow: none;

	border:none !important;

	

}

}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    background-color: #556e86;

    border-color: #556e86;

}

/*ROOM*/

.room_serive h4 {

    border: 1px solid #ececec !important;

    background: #fff;

}

figure.effect-bubba h2 {

	padding-top: 38% !important;

	font-size: 26px;

    letter-spacing: 5px;

}

figure.effect-bubba {

	box-shadow: 3px 3px 3px rgba(136, 136, 136, 0.41);

}



/*手機最底快捷鍵 方案C*/

.fMenu ul li a{



	background:#151515;
	color:#FFF;



}

@media(max-width:768px) {

.fMenu{

	display:block;

	position:fixed;

	width:100%;

	z-index:100;

	left:0;

	bottom:0;

	}	

footer {

      padding: 20px 0 55px 0;

}

}

ol, ul {

	list-style: none;

}

/*手機最底快捷鍵 END 方案C*/

/*相簿首頁滑動固定高RWD*/

.rwd_ab_pic{

 width:100%; height:360px;overflow:hidden;

}

.rwd_img{

	max-width:100%;

}

@media only screen and (max-width: 1919px) {

.rwd_ab_pic{

 height:355px;

}

}

@media only screen and (max-width: 1440px) {

.rwd_ab_pic{

 height:220px;

}

}

@media only screen and (max-width: 1366px) {

.rwd_ab_pic{

 height:205px;

}

}

@media only screen and (max-width: 1280px) {

.rwd_ab_pic{

 height:174px;

}

}

@media only screen and (max-width: 1195px) {

.rwd_ab_pic{

 height:215px;

}

}

@media only screen and (max-width: 1024px) {

.rwd_ab_pic{

 height:195px;

}

}

@media only screen and (max-width: 991px) {

.rwd_ab_pic{

 height:242px;

}

}

@media only screen and (max-width: 767px) {

.rwd_ab_pic{

 height:190px;

}

}

@media only screen and (max-width: 415px) {

.rwd_ab_pic{

 height:199px;

}

}

@media only screen and (max-width: 375px) {

.rwd_ab_pic{

 height:172px;

}

}

@media only screen and (max-width: 320px) {

.rwd_ab_pic{

 height:135px;

}

}

/*網友推薦圖片RWD  END*/

/*相簿圖片RWD*/

.rwd_album{

 height:204px;

}

@media only screen and (max-width: 1919px) {

.rwd_album{

 height:169px;

}

}

@media only screen and (max-width: 1399px) {

.rwd_album{

 height:137px;

}

}

@media only screen and (max-width: 1199px) {

.rwd_album{

 height:123px;

}

}

@media only screen and (max-width: 1023px) {

.rwd_album{

 height:111px;

}

}

@media only screen and (max-width: 767px) {

.rwd_album{

 height:100%;

}

}

@media only screen and (max-width: 415px) {

.rwd_album{

 height:192px;

}

}

@media only screen and (max-width: 375px) {

.rwd_album{

 height:165px;

}

}

@media only screen and (max-width: 320px) {

.rwd_album{

 height:129px;

}

}

.album_det {



    border: 1px solid #d8d8d8;

}

/*相簿圖片RWD END*/

/*MAP地圖*/

.map_img{

	margin:0 auto;

	padding-top:3em;

}

/*圓 index news*/

.carousel {

    border-radius: 0px;

	background:none !important;

}

.caption-info-head-left h4{

	color: #6f839e !important;



}



/*圓 index news* END*/



.cd-auto-hide-header .logo {

    

}

.news_block2{

    background: #fff;

	margin-bottom:1.3%;

	box-shadow: 2px 2px 9px -2px rgba(88, 88, 88, 0.5);

	border-radius: 4px;

    padding-top: 10px;

    padding-bottom: 10px;

    margin-left: 5px;

    margin-right: 5px;

	

}



.news_block3 {

       background: #ffffff;

    margin-bottom: 1.3%;

    box-shadow: -1px 1px 14px -4px rgba(255, 255, 255, 0.97);

    border-radius: 4px;

    padding-top: 15px;

    padding-bottom: 15px;

    margin-left: 10px;

    margin-right: 10px;



}

.news_block4{

   

	margin-bottom: 2%;

	

}







/*NAV5 CONF*/



/*NAV5 CONF END*/

.bg1{

	min-height:53px;

	

	background: url(../images/bg1.png);

	background-repeat: no-repeat;

}

.fa-ul {

     margin-left: 0!important; 



}

.cd-nav-trigger {



    background-color: #231815;



}



.index_pic1{

	position: absolute;

    z-index: 6;

    left: 72%;

    margin-top: -152px;

}

.index_pic2{

    position: absolute;

    z-index: 6;

    left: 18%;

    margin-top: -136px;



}

@media(max-width:1440px) {

	.index_pic1{

	display:none;

	}

	.index_pic2{

	display:none;

	}

}



.news_block2 {

    margin-bottom: 1.5%;

    box-shadow: 2px 2px 9px -2px rgba(162, 162, 162, 0.5);

}

.news_down_block2 {

    margin-left: 4%;

    margin-right: 4%;



}

.news_down_block2 h4 {

         text-transform: uppercase;

    font-size: 19px;

    line-height: 17px;

    letter-spacing: 0px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.news_down_block2 small{

    margin-bottom: 8px;

    line-height: 23px;

    font-size: 75%;

	color: #6f6f6f;

}

.news_down_block2 p {

    color: #3a3a3a;

    line-height: 17px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-bottom: 6px;

    margin-top: 3px;

}

.callout {

    background-attachment: fixed;

	background-size: cover; 

	background: url(../images/callout.jpg) 50% 0  no-repeat  fixed !important;

}

.callout {



    height: 284px !important;

   

}

.shadowup{

	box-shadow: 2px -6px 5px 0px rgba(8, 8, 8, 0.14);

}





/*BLOG PIC RWD */

.rwd_pic_blog{

 width:100%; height:210px;overflow:hidden;

}



@media only screen and (max-width: 1919px) {

.rwd_pic_blog{

 height:176px;

}

}

@media only screen and (max-width: 1399px) {

.rwd_pic_blog{

 height:144px;

}

}

@media only screen and (max-width: 1195px) {

.rwd_pic_blog{

 height:141px;

}

}

@media only screen and (max-width: 991px) {

.rwd_pic_blog{

 height:210px;

}

}

@media only screen and (max-width: 767px) {

.rwd_pic_blog{

 height:100%;

}

}



.db_main p{

	font-size: 16px;

    line-height: 27px;

}

/*BLOG PIC RWD  END*/





.owl-prev {

	left: -2% !important;

	top: 36% !important;

}



.owl-next{

	right: -2% !important;

	top: 36% !important;

}

/*周邊人氣*/

.carousel2{

	background:#dfdfdf !important;

	

}



.blog_thm{

	    float: right;

    width: 102px;

    overflow: hidden;

    height: 68px;

}

.tag-box {

    padding: 20px;

    background: #fff;

    margin-bottom: 30px;

    font-size: 15px;

}

.tag-box-v2 {

    background: #fafafa;

    border: solid 1px #eee;

    border-left: solid 2px #1e8c9f;

    text-align: left;

}

/*EFFECT*/

.ehover12 {

    background: #252525 !important;

}



/*NAV*/

.cd-auto-hide-header{

	 background: url(../images/nav.png);

}



/*API ALBUM*/

.nanogallery_colorscheme_dark_nanogallery2 .nGY2GThumbnail {

    background:none !important;

    border-color:none !important;

	border:none !important;

    border-top-width: 2px;

    border-right-width: 2px;

    border-bottom-width: 2px;

    border-left-width: 2px;

}



.padding_conf1{

	padding-top:2em;

	padding-bottom:2em;

}



.map_box{

	    position: absolute;

    z-index: 1;

    background: rgb(229, 229, 229);

    margin-top: -32em;

    border-radius: 0px 8px 8px 0px;

    padding: 8px;

    box-shadow: 2px 2px 9px -2px rgba(88, 88, 88, 0.5);

    padding-right: 71px;

    padding-left: 23px;

    padding-bottom: 15px;

    color:#656565;

}

@media only screen and (max-width: 480px) {

.map_box {

    padding-right: 0px;

    width: 92%;

}

}

.map_i{padding-right:13px;}

.map_box h2{

	font-size: 19px;

    line-height: 27px;

    margin-bottom: 0px;

}

.map_box h3{

	font-size: 17px;

    line-height: 23px;

    margin-top: 11px;

}



.item_text{

	    border-left: 1px solid #ca3c3c;

    text-align: left;

    padding-left: 10px;

}

.item_text h2{

	    font-size: 20px;

		

}

.item_text p{

	text-align:left;

	color:#848484;

	

}

.tag-box3  h4{

     font-size: 48px;

    color: #fff;

    text-align: center;

  

}

.tag-box3  p{

    line-height:24px; 

    margin-top: 11px;

}

.news_1 h4 {

    font-size: 20px;

    color: #717171;

}

.news_2 h4 {

    font-size: 24px;

    color: #fff;

}

.news_2 p {

    font-size: 14px;

    color: #828282;

}



.news_2 a{

	 color: #6a798e;

}



.news_first{

	height:99px;

}

.list-group hr{border-color:#e0e0e0;}

/*COST*/

.tag-box3{

	padding: 15px 15px 15px 15px;

    margin-bottom: 35px;

    font-size: 15px;

    background: #6cc16f;

    color: #fff;

	border-radius: 5px;

	box-shadow: 3px 3px 12px 1px rgba(119, 119, 119, 0.5);

}

.tag-box2{

	padding: 5px 15px 5px 15px;

    margin-bottom: 0px;

    font-size: 15px;

    background: #fafafa;

    border: solid 1px #eee;

    border-right: solid 2px #c1c1c1;

    text-align: left;

    margin-bottom: 10px;

}

.tag-box2  h4{

	color:#906055;

    font-size:16px;

  

}

.tag-box2  p{

	font-size: 14px;

    line-height:24px; 

}

.tag-box2  li{list-style: none;line-height: 25px;}

.list-group-item2 {

	margin-bottom: 10px;

    border: none;

}

.list-group-item2 {

	color:#fff;

}

/*NAV*/

.sidebar-nav li a {

    display: block;

    text-decoration: none;

    color: #545454;

    font-size: 15px;

}

.sidebar-nav li a:hover {

    color: #fff;

    background: #ff9878;

}



.text-vertical-center {

  display: block;

    padding: 2px 10px;

    text-align: center;

    vertical-align: middle;

    width: 290px;

    margin: 0 auto;

    margin-top: 225px;

    background: #425668c7;

}



.list_left li{

	margin-left:30px;

	line-height:40px;



}



.headicon{

	margin-top: -1px;

    position: absolute;

    margin-left: -27px;

}





.blog_main h3 {

    margin-top: 13px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 90%;

    font-size: 19px;

    margin: 5% 9px 3% 5%;

}

.idx1 h3{



	margin-top: 13px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 100%;

    font-size: 18px;

	margin: 5px 0px 3px 0px;

}

.idx1 h3 a{

	color: #59728a;

}

.btn-dark2 {

        border-radius: 0;

    color: #636363;

    border: 1px solid #939393;

}



.btn-dark2:hover {

   	color: #ffffff;

    border: 1px solid #566f87;

    background: #566f87;

	transition:0.2s ease-in-out;

}



.btn-dark3 {

       border-radius: 0;

    color: #fdfdfd;

    border: 1px solid #bbbbbb;

}



.btn-dark3:hover {

   	color: #ffffff;

    border: 1px solid #808a21;

    background: #808a21;

	transition:0.2s ease-in-out;

}

.nav_down h1{

	    bottom: 0;

    padding-top: 63px;

    font-size: 10px;

    color: #8c8b8b;

    padding-left: 27px;

}



.li_r{

	background: #d8d8d8;

    border-radius: 99px;

    width: 40px;

    height: 40px;

    color: #fff !important;

    margin-top: 13px;

    line-height: 20px;

    font-size: 17px;

    margin-right: 10px;

}

.li_r:hover{

	transition:0.2s ease-in-out;

	background: #a6b556 !important;

    color: #000 !important;

}

.navbar-right > li{

	float: left;

}

@media only screen and (max-width: 767px) {

	.logo {

        width: 138px;

    margin-top: 4px;

}

.navbar-right{

 display:none;

}

ul.nav.navbar-nav {

    float:left !important;

}

}

.f_conf_title2 span{

    color: #b1b1b1;

}



.flexslider {

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    -o-box-shadow: none !important;

    box-shadow: none !important;

   

}



.room_price h5 {

        width: 100%;

    padding: 6px 0px 5px 0px;

    border-radius: 7px;

    float: left;

    font-size: 14px;

    line-height: 22px;

}



.about_main h3 {

    margin-top: 0;

}

.list-unstyled {

    padding-left: 0;

    list-style: none;

    padding-left: 15px;

    padding-right: 15px;

}







.date{

    display: inline-block;

    float: left;

    width: 66px;

    height: 97px;

    background: #fff;

    margin-right: 20px;

    text-align: center;

    padding: 0 5px;

	border-radius: 10px;

}

.date span.month {

    padding: 5px 0px;

    border-bottom: 1px solid #e0e0e0;

}

.newsArea ul li .date span.day {

    font-size: 46px;

    font-family: "微軟正黑體";

    font-weight: lighter;

}

.date span {

    display: block;

    font-size: 16px;

    color: #607D8B;

}

.date span.day {

    font-size: 48px;

    font-family: "微軟正黑體";

    font-weight: lighter;

	line-height: 57px;

}

.list-group{

	padding-left:15px;

	padding-right:15px;

}



@media (max-width: 768px) {

.lead{

	text-align:left;

	font-size: 15px;

	letter-spacing: 1px;

    line-height: 26px;

}

.news_2 p {

	

	text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.date{

    display: inline-block;

    float: left;

    width: 56px;

    height: 62px;

    background: #fff;

    margin-right: 10px;

    text-align: center;

    padding: 0 5px;

	border-radius: 10px;

}

.date span.month {

    padding: 2px 0px;

    border-bottom: 1px solid #9eb7a2;

}

.newsArea ul li .date span.day {

    font-size: 20px;

    font-family: "微軟正黑體";

    font-weight: lighter;

}

.date span {

    display: block;

    font-size: 14px;

    color: #888888;

}

.date span.day {

    font-size: 20px;

    font-family: "微軟正黑體";

    font-weight: lighter;

	line-height: 30px;

}

.news_first{

	height:auto;

}



}



.pad_lr{

	margin-top:15px;

}

 

 .last_li{

	 border-bottom:none !important;

 }

 

 .room_B{

	display: table;

}



.rooom_det{

	text-align:left;

	padding:2em;

}

.rooom_det_L{

	padding-left:4.5em;

}

.rooom_det h2{

	color: #fff;

    font-size: 28px;

    margin: 8px 0px 8px 0;

}

.rooom_det p{

	color: #fff;

	font-size:20px;

} 

.btn-room{

	margin: 15em 2em 0px 0px;

    float:right;

    background: none;

    display: inline-block;

    padding: .8em .8em .8em 1.2em;

    letter-spacing: 1px;

        color: #ececec;

    border: solid 1px #ffffff;

}



.btn-room:hover{

    background-color: #a6b556;

    color: #fff;

	-webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    -ms-transition: all .5s ease;

    transition: all .5s ease;

}



.room_color1{

	background:#024873; margin-bottom:2em;

}

.room_color2{

	background:#59793c; margin-bottom:2em;

}

.room_color3{

	background:#462305; margin-bottom:2em;

}

.room_color4{

	background:#5c6936; margin-bottom:2em;

}

.room_color5{

	background:#428a98; margin-bottom:2em;

}

.room_color6{

	background:#5d82ab; margin-bottom:2em;

}

.room_color7{

	background:#5caab7; margin-bottom:2em;

}

@media only screen and (max-width: 1200px) {

	.rooom_det h2 {

    font-size: 24px;

	}

	.rooom_det p {

    font-size: 16px;

	}

	.rooom_det {

    padding: 10px;

	}

	.rooom_det_L {

    padding-left: 2.5em;

	}

	.btn-room {

    margin: 4.5em 2em 0px 0px;

    padding: .2em .6em .2em .6em;

    font-size: 13px;

	}

	figure.effect-bubba h2 {

    padding-top:11% !important;

	    font-size: 18px;

	}

}

@media only screen and (max-width: 991px) {

	.rooom_det {

	/*display:none;*/

}



	



}

.fb_pc{

	display:block;

}

.fb_phone{

	display:none;

}

@media only screen and (max-width: 480px) {

	.fb_pc{

	display:none;

}

.fb_phone{

	display:block;

}

}



.slide-text > h4 {

	    text-shadow: 4px 3px 3px #2d2d2d;

}

.slide-text > p {

	    text-shadow: 4px 3px 3px #2d2d2d;

}



ul.nav.navbar-nav {

    float: right;

}

@media only screen and (min-width: 1650px) {

.col-lg-x{

	width:12.5%;

}

.col-lg-x2{

	width:14.28571422222%;

}

}

.btn-line{

    position: fixed;

    bottom: 0;

    right: 196px;

    color: #fff;

    background: #3ace01;

    z-index: 90;

    border-color: #3ace01;

}

.btn-line:hover {

    color: #fff;

    background: #2a842d;

}