@charset "utf-8";

/* CSS Document */



@import url(rwdgrid.css);



body{

	font-family: Helvetica, Arial, "微軟正黑體", Heiti TC;

	font-size:13px;}



/*css3*/

header b{

	font-family:"Myriad Pro";}

b{

	font-weight: inherit;}

a{

	cursor:pointer;

	color:#666666;

	

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;}



a:hover{

	color:#8c5f2b;}



[class*='col-'] {

	float: left;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;}



.col-1{

	width:100%;}



.col-2{

	width:50%;}



.col-3{

	width:33.33%;}



.col-4{

	width:25%;}



.col-5{

	width:20%;}



a.btn_color1{/*按鈕主色1*/

	background: #cc9d21;

	color:#fff;

	transition: all 0.2s ease-in-out;}



a.btn_color1:hover{

	background: #8c5f2b;}



a.btn_color2{/*按鈕主色2*/

	background:#9fd5ff;

	color:#FFF;}



a.btn_color2:hover{

	background:#999;}



input[type="text"]{

	-webkit-appearance: none;}



textarea{

	-webkit-appearance: none;}



.outerWrap{

	/*background-color:#FCEEDC;*/

}



.wrap{

	width: 100%;

	padding: 0px;

	margin:0 auto;}



#gmap{

	display:none;

	height:400px;}



.label{

	padding:5px 7px;

	color:#FFF;

	background:rgba(0,0,0,0.8);}



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

.cartArea,

.orderCheckArea{

	width:300px;

	top:100px;

	margin-left:-150px;}

	

#closeOrder, 

#closeCart, 

#closePrice,

#closeInquiry{

	font-size:25px;

	top:5px;}

}

/***↑↑↑購物車↑↑↑**/



/*cd-top*/



.cd-top {

    background: url(../image/top.png) 0 0 no-repeat;

    width: 80px;

    height: 31px;

    background-size: contain;

    position: fixed;

    bottom: 10px;

    right: 5%;

    cursor: pointer;

    opacity: 1;

    z-index: 8;

    display: block;

}



.cd-top.cd-is-visible,

.cd-top.cd-fade-out,

.no-touch .cd-top:hover {

    -webkit-transition: opacity .3s 0s, visibility 0s 0s;

    -moz-transition: opacity .3s 0s, visibility 0s 0s;

    transition: opacity .3s 0s, visibility 0s 0s;

}



.cd-top.cd-is-visible {

    visibility: visible;

    opacity: 1;

}



.cd-top.cd-fade-out {

    opacity: 1;

}





/*****網頁頭*****/



header{

	background: url(../images/header_bakcground.jpg) repeat;

	box-shadow: 2px 2px 2px rgba(0,0,0,0.35);

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	width:100%;

	position: relative;

	transform:translateY(-75px);

	z-index:999;}

header.shrink{

	position:fixed;

	top:0;

	transform:none;}

header .wrap{

	position:relative;

	padding:0px;}



header .topBox{

	

	position:relative;}



/*logo*/

header h1{

	z-index:99;

	display:inline-block;

	padding:15px 0;}



header h1 a{

	display:block;

	width:192px;

	height:42px;

	background:url(../images/header_icon.png) no-repeat;

	background-size:contain;

	text-indent:-9999px;}



header .downBox{

	display:inline-block;

	float:right;}



/*menu*/



.menuBox{}





ul.menu > li{

	position:relative;

	display:inline-block;

	padding:31px 8px 25px 8px;

	margin-left:20px;

	transition:all 0.2s ease-in;}

ul.menu > li:hover{

	cursor:pointer;}

ul.menu >li:after{

	content:"";

	position:absolute;

	bottom:0;

	left:50%;

	width:0;

	height:2px;

	transition: all 0.1s ease-in;

	background:#8c5f2b;}

ul.menu > li:hover:after{

	left:0;

	width:100%;}

ul.menu li > a{

	font-size: 14px;

	color:#4d4d4d;}



ul.menu li:hover a{

	cursor:pointer;

	color:#8c5f2b;}

.shrink ul.menu >li .submenu{

	top:100%;

	bottom:initial;}

ul.menu > li .submenu{

	display:none;

	width:145px;

	position:absolute;

	left:-30px;

	bottom:75px;

	z-index:99;

	box-shadow: 2px 2px 2px rgba(204,204,204,0.25);}



ul.menu > li .submenu a{

	display:block;

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

	padding:10px;

	font-size:15px;

	color:#4d4d4d;

	border-bottom:1px solid #e8e8e8;

	}

ul.menu > li .submenu a:hover{

	background:#cc9d21;

	color:#fff;}



/*手機menu*/

.m_menu{

	display:none;}

	

/*****banner******/

.bannerArea{

	clear:both;

	position:relative;}

.bannerArea img{

	width:100%;}

.bx-wrapper .bx-pager{

	z-index:99;} 

/*------css3動畫--------*/

@-webkit-keyframes upDown {

  0%     {bottom:90px; opacity:1;}

  50%   {bottom:98px; opacity:0.5;}

  100% {bottom:90px; opacity:1;}

}

@-moz-keyframes upDown {

  0%     {bottom:90px; opacity:1;}

  50%   {bottom:98px; opacity:0.5;}

  100% {bottom:90px; opacity:1;}

}

@keyframes upDown {

  from     {bottom:90px; opacity:1;}

  50%   {bottom:98px; opacity:0.5;}

  to {bottom:90px; opacity:1;}

}

.upDown{

	-webkit-animation: upDown ease-out 1s infinite;

	-moz-animation: upDown ease-out 1s infinite;

	-o-animation: upDown ease-out 1s infinite;

	animation: upDown ease-out 1s infinite;}



/*頁尾資訊*/



footer{

	padding:95px 0 100px 0;

	position:relative;

	background:url(../images/footer_background.jpg) 310px bottom no-repeat, url(../images/footer_bakcground01.jpg) 1400px top no-repeat #221c19;}

ul.downMenu{

	color:#FB060A;

	position:relative;

	z-index:1;}

footer .g-6{

	padding:0 0 20px 0;}

ul.downMenu li{

	display:inline-block;

	width:140px;

	padding-bottom:16px;}



ul.downMenu li a{

	display:block;

	font-size:13px;

	color: #fff;

	word-spacing:23px;}

ul.downMenu li a b{

	color:#b09c7d;

	margin-left:5px;}

ul.downMenu li a:hover{

	color:#cc9d21;}

footer a[href*="ibest"]:hover{

	color:#85e4ff;}

.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe {

	width:100%!important;}



/*share*/

.endArea{

	display:inline-block;

	clear:both;}

.social{

	display:inline-block;

	margin:10px 0;}



.social a{

	display: inline-block;

	margin:0 10px 0 0;

	width: 30px;

	height: 30px;

	line-height: 30px;

	font-size: 19px;

	color: #d2d2d2;

	text-align: center;}



.social a:hover{

	color:#cc9d21;}



footer .qrcode{

	float:left;}

footer b{

	color:#9fd5ff;}

footer .fbBox{

	margin-left:15px;

	display:inline-block;

	vertical-align:middle;}



footer h5.copyright{

	display:inline-block;

	vertical-align:top;

	margin-left:10px;

	font-size:12px;

	line-height:1.8;

	font-weight:normal;

	color: #FFFFFF;}

footer h5.copyright span{

	color:#cc9d21;}

footer h5.copyright b{

	color:#b09c7d;

	text-align:justify;

	word-spacing:20px;}

footer h5.copyright em{

	color:#777778;}



.translateIbest{

	display:inline-block;

	vertical-align:middle;

	margin-left:20px;}



.translateIbest .design{}



.translateIbest .design span{/*網頁設計‧愛貝斯*/

	display:block;

	margin:0;

	line-height:22px;

	font-size:12pt;

	}



.translateIbest .design a{/*網頁設計‧愛貝斯*/

	text-decoration: none;

	color: #636363;}

	

.translateIbest .design a:hover{

	text-decoration: underline;

	color:#cc9d21;}



/*********內頁**********/

/**********************/

.bannerArea .wrap{

	width:100%;

	padding:0;}



.bannerBox{}



.bannerBox img{

	display:block;

	width:100%;}



/*bx小圓點*/

.bannerArea .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{

	bottom:20px;}



.bannerArea .bx-wrapper .bx-pager.bx-default-pager a{

	background:#FFF;

	border:1px solid #FFF;

	border-radius:100%;}



.bannerArea .bx-wrapper .bx-pager.bx-default-pager a:hover{

	background:#FFF;}



.bannerArea .bx-wrapper .bx-pager.bx-default-pager a.active{

	background:none;}

.bannerArea a.scrollDown{

	display: block;

    color: #FFF;

    text-align: center;

    width: 100px;

    position: absolute;

    bottom: 100px;

    left: 50%;

    margin-left: -50px;

    z-index: 99;

    font-size: 15px;

    cursor: pointer;}	

.bannerArea a.scrollDown i{

    display: inline-block;

    text-align: center;

    color: #FFF;}

.mainArea{

	padding:0px;}



.mainArea .titleBox{

	position: relative;

	padding:10px 0px 10px 70px;

	margin-bottom:0px;

	margin-top: 0px;

	margin-left: 10px;

	margin-right: 10px;

	border-bottom: 1px solid #d7d7d7;}



.mainArea .titleBox h2 strong{

	color:#2e2b27;

	font-size:26px;

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



.mainArea .titleBox h2 em{

	font-family: 'Courgette', cursive;

	color:#8c5f2b;

	font-size:16px;

	font-weight:100;

	margin-left:10px;}

.mainArea .titleBox h2 em b{

	font-size:14px;

	margin-right:5px;}

/*網站導覽bread*/

.mainArea .titleBox .bread{

	font-size:12px;

	color: #666666;

	position:absolute;	

	right: 10px;

	top: 0;}



.mainArea .titleBox .bread a{

	color: #666666;}



.mainArea .titleBox .bread a i{

	font-size:22px;}



.mainArea .titleBox .bread span{

	padding:0 3px;

	color: #BBBBBB;}

	

.mainArea .titleBox .addlink{

	font-size:16px;

	color: #666666;

	position:absolute;

	left: 10px;

	top: -5px;

	z-index:1000;}



.mainArea .titleBox .addlink a{

	/*color: #666666;*/

	color: #FF1493;}



.mainArea .titleBox .addlink a i{

	font-size:12px;}



.mainArea .titleBox .addlink span{

	padding:0 3px;

	color: #BBBBBB;}



.mainArea .contentBox{

	clear:both;}



.mainArea .contentBox h3.articleTitle{/*文章標題*/

	clear: both;

	margin-bottom: 25px;

	padding: 10px;

	font-size: 20px;

	border-bottom: 1px dashed #D6D6D6;

	font-weight: normal;

	color: #061540;}



.mainArea .contentBox h3.articleTitle strong{

	font-weight:normal;}

.mainArea .contentBox .leftBox .Img img{

	width:100%;}

.mainArea .contentBox .leftBox{
	margin-top: 35px;
	padding-right:10px;}

	

/*文字編輯器*/

.textEditor{

	clear:both;

	font-size:15px;

	color:#2f2f2f;

	line-height:1.8;}



.textEditor a{

	color:#06F;}



.textEditor img{

	max-width:100%;}



.textEditor ul{

	list-style:disc outside;

	padding-left:30px;}



.textEditor ol, .textEditor li{

	list-style:decimal outside;

	/*padding-left:30px;

	padding-right:10px;*/}



.textEditor table{

	max-width:100%;

	border-collapse:collapse;}



.textEditor table th{

	padding:5px;

	text-align:center;

	background:#cc9d21;

	color:#FFF;

	border:1px solid #e1e1e1;}



.textEditor table td{

	padding:5px;

	border:1px solid #e1e1e1;}



table.breakpoint > tbody > tr > td.expand{

	cursor:pointer;

	background: url(../images/plus.png) no-repeat 5px center;

	padding-left: 40px;}



.textEditor strong.title{

	display:block;

	font-size:22px;

	font-weight:normal;

	color:#51649A;}



.textEditor hr{

	border:none;

	height:1px;

	background:#f1f1f1;}



/*類別*/

.m_classLink{

	display:none;}

	

.classBox{

	padding:20px 0;}

.classNote{

	padding-bottom:10px;

	font-size:14px;

	color:#212121;

	text-align:left;

	line-height:1.8;

	padding-top:20px;}

ul.classLink{

	text-align:center;}



ul.classLink li{

	display:inline-block;}



ul.classLink li a{

	display:block;

	margin:0 3px;

	font-size:13px;

	padding:5px 10px;

	color: #4d4d4d;

	border:1px solid #d7d7d7;

	position:relative;}



ul.classLink li a:hover, 

ul.classLink li a.current{

	color:#FFF;

	background:#cc9d21;

	border:1px solid #cc9d21;}



ul.classLink li a.current:after{

	content:" ";

	width: 0px;

	height: 0px;

	border-style: solid;

	border-width: 5px 7.5px 0 7.5px;

	border-color: #cc9d21 transparent transparent transparent;

	

	position:absolute;

	bottom:-5px;

	left:50%;

	margin-left:-7.5px;}



/*標籤*/

.tagBox{

	padding:20px 0;}



.tagBox b{

	display:inline-block;

	margin-right:10px;}



.tagBox ul{

	display:inline-block;}



.tagBox ul li{

	display:inline-block;}



.tagBox ul li a{

	display:block;

	margin:0 3px;

	font-size:13px;

	padding:5px 10px;

	color: #51649A;

	border: 1px solid #51649A;

	

	position:relative;}



.tagBox ul li a:hover, 

.tagBox ul li a.current{

	background:#51649A;

	color:#FFF;}



.tagBox ul li a.current:before{

	content: "\f00d";

	font-family: 'FontAwesome';

	font-size:12px;

	margin-right:5px;}



/*側邊標題字*/

.sectionTitle{

	margin-bottom:20px;

	font-size: 18px;

	font-weight:normal;

	color: #061540;

	padding:5px;

	border-bottom: 1px dashed #D6D6D6;}



.sectionTitle strong{

	color: #061540;

	font-weight:normal;

	

	display:block;

	position:relative;}



.sectionTitle strong a{

	display:block;	

	width:100%;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;}



.sectionTitle strong a:hover{}



/******頁籤*******/

.tab{

	margin-top:40px;}



.tab a{

	display:block;

	float:left;

	padding: 12px 10px;

	font-size:15px;

	border-radius: 5px 5px 0 0;

	color:#1c1c1c;}



.tab a.current{

	border: 1px solid #C0C0C0;

	border-top:1px solid #C0C0C0;

	border-bottom: 1px solid #F8F3F0;

	box-shadow: inset 0 3px 5px -2px #CECECE;}



ul.tabContent{

	margin-top:-1px;

	padding:20px 5px;

	border-top: 1px solid #D6D6D6;}



ul.tabContent > li{

	display:none;}



ul.tabContent li .textEditor{

	margin:0;}



ul.tabContent h3.sectionTitle{

	display:none;}



/*側邊_menu*/

.side_menu{

	margin-bottom:50px;}



.side_menu ul{}



.side_menu ul li{

	border-bottom:1px solid #e1e1e1;

	position:relative;}



.side_menu ul li > a{

	display:block;

	padding:10px 15px;

	font-size: 14px;

	color:#666666;}



.side_menu ul li > a:hover{

	color:#8c5f2b;

	border-bottom:1px solid #8c5f2b;}



.side_menu ul li > a.current{

	background: #8c5f2b;

	color:#FFF;}



.side_menu ul li > a b{

	margin-left:10px;

	font-size:13px;

	font-weight:normal;

	color:#808080;}



.side_menu ul li dl{

	padding-left:25px;}



.side_menu ul li dl dt a{

	display:block;

	padding:10px 15px;

	font-size: 14px;}



.side_menu ul li dl dt a.current{

	color:#000;

	text-decoration:underline;}



/*側邊_相簿*/

ul.side_album{

	/*border:1px solid #000000;*/

	margin-top:30px;

	margin-bottom:30px;

	margin-right:-10px;}

.leftBox ul.side_album li{

	width:15%;}

ul.side_album li{

	float:left;

	width:30%;

	padding:0 10px 10px 0;}



ul.side_album li a{

	display:block;

	box-shadow:2px 2px 5px #c3c3c3;}



ul.side_album li a img{

	display:block;

	width:100%;}



/*側邊_線上訂房*/

.side_booking{

	margin-bottom:30px;}



.side_booking a{

	display:block;

	background:#f05b8f;

	border-radius:4px;

	box-shadow: 0 1px 1px #8D2121;

	

	font-size:25px;

	font-weight:bold;

	color:#FFF;

	

	-webkit-transition:none;

	-moz-transition:none;

	-o-transition:none;

	transition:none;}



.side_booking a i{

	display:inline-block;

	font-size:28px;

	padding:10px 15px;

	margin-right:15px;

	border-right: 1px solid #D33434;

	box-shadow: 1px 0 #F38A8A;}



.side_booking a:hover{

	box-shadow: inset 0 3px 3px #8D2121;}



/*側邊_聯絡資訊*/

.side_contactInfo h2{

	margin-bottom:20px;

	padding-bottom:10px;

	border-bottom: 1px dashed #d7d7d7;}

.side_contactInfo h2 strong{

	font-size:20px;

	color:#414141;

	font-weight:normal;}

.side_contactInfo ul{}



.side_contactInfo ul li{

	margin-bottom:20px;}



.side_contactInfo ul li a{

	

	font-size:16px;

	color:#414141;}



.side_contactInfo ul li a i{

	display: inline-block;

	vertical-align: middle;

	margin-right: 8px;

	width: 35px;

	height: 35px;

	font-size: 20px;

	color: #A5A5A5;

	line-height: 35px;

	text-align: center;

	border-radius: 100%;

	transition:all 0.3s ease;}

.side_contactInfo ul li a:hover i{

	background:#b09c7d;

	color:#fff;}

.side_contactInfo ul li a b{

	display:inline-block;

	vertical-align:middle;

	font-weight:normal;}



/*側邊_房型*/

.side_room{

	margin-bottom:50px;}



.side_room ul{}



.side_room ul li{}



.side_room ul li .Img{}



.side_room ul li .Img img{

	width:100%;

	height:250px;}



.side_room ul li .Txt{

	margin-top:5px;}



.side_room ul li .Txt h3 strong a{

	

	font-size:16px;

	font-weight:normal;}



.side_room ul li .Txt h3 strong a:hover{}



.side_room ul li .Txt p{

	font-size: 13px;

	color: #858383;

	line-height: 1.8;

	max-height:100px;

	overflow:hidden;}



.side_room .bx-wrapper .bx-controls-direction a{

	width:25px !important;

	height:25px !important;

	top:0 !important;

	right:0;

	margin:0 !important;}

	

.side_room .bx-wrapper .bx-prev{

	left:auto;

	right:25px !important;

	background:url(../images/bx_arrow_square_prev.png) !important;}



.side_room .bx-wrapper .bx-next{

	background:url(../images/bx_arrow_square_next.png) !important;}



/*側邊_分享*/

.side_share{

	clear:both;

	display:none;

	margin-top:30px;}



.side_share a{

	width:100%;

	margin-top:5px;

	display:block;

	padding:15px 10px;

	font-size: 13px;

	font-weight: bold;

	line-height: 1;

	color:#FFF;

	text-align:center;

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

	border-radius:4px;

	

	-web-box-sizing:border-box;

	box-sizing:border-box;}



.side_share a.line{

	box-shadow:0 0 0 1px #22a00b;

	border-top:1px solid #e1ffa9;

background: #a7e732;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYTdlNzMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjMWZiNTBlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

background: -moz-linear-gradient(-45deg,  #a7e732 0%, #1fb50e 35%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a7e732), color-stop(35%,#1fb50e));

background: -webkit-linear-gradient(-45deg,  #a7e732 0%,#1fb50e 35%);

background: -o-linear-gradient(-45deg,  #a7e732 0%,#1fb50e 35%);

background: -ms-linear-gradient(-45deg,  #a7e732 0%,#1fb50e 35%);

background: linear-gradient(135deg,  #a7e732 0%,#1fb50e 35%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7e732', endColorstr='#1fb50e',GradientType=1 );

}



.side_share a.fb{

	box-shadow:0 0 0 1px #235c9b;

	border-top:1px solid #8DCFF5;

	background: rgb(93,160,234); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkYTBlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDhjZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(93,160,234,1) 0%, rgba(61,140,230,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,160,234,1)), color-stop(100%,rgba(61,140,230,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(93,160,234,1) 0%,rgba(61,140,230,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(93,160,234,1) 0%,rgba(61,140,230,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(93,160,234,1) 0%,rgba(61,140,230,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(93,160,234,1) 0%,rgba(61,140,230,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5da0ea', endColorstr='#3d8ce6',GradientType=0 ); /* IE6-8 */}



.side_share a.gPlus{

	box-shadow:0 0 0 1px #874138;

	border-top:1px solid #fd816b;

	background: rgb(214,81,48); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2NTEzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMDQ0MmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(214,81,48,1) 0%, rgba(208,68,43,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,81,48,1)), color-stop(100%,rgba(208,68,43,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(214,81,48,1) 0%,rgba(208,68,43,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(214,81,48,1) 0%,rgba(208,68,43,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(214,81,48,1) 0%,rgba(208,68,43,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(214,81,48,1) 0%,rgba(208,68,43,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d65130', endColorstr='#d0442b',GradientType=0 ); /* IE6-8 */

}



.side_share a i{

	padding-right:5px;

	font-size:18px;}



.side_share a:active{}



/*側邊_其他相關訊息*/

.side_news{

	margin:30px 0;}



.side_news ul{

	margin-top:20px;}



.side_news ul li{

	margin-bottom:25px;}



.side_news ul li .Img{

	float:left;

	margin-right:12px;

	width:60px;

	overflow:hidden;}



.side_news ul li .Img img{

	height:60px;}



.side_news ul li .Txt{

	overflow:hidden;}



.side_news ul li .Txt a{

	display:block;

	font-size:14px;

	font-weight:bold;

	line-height:1.5;}



.side_news ul li .Txt a:hover{

	text-decoration:underline;

	color:#ffb400;}



.side_news ul li .Txt b{

	display:block;

	font-size:12px;

	color:#999;

	font-weight:normal;

	margin-top:5px;}

.side_map li{

	display:inline-block;}



/**********適應性**********/

/************************/



@media (max-width: 1180px){/*1160+20(卷軸寬度)*/



.outerWrap{

	padding-top:0px;}



.wrap{

	width:100%;

	padding:0;}

.bannerArea a.scrollDown{

	display:none;}

header{

	display:none;}



.m_menu{

	display:block;

	width:100%;

	box-shadow:0 2px 5px rgbargba(0,0,0,1);

	position:fixed;

	top:0;

	left:0;

	z-index:9999;}



.m_menu .mask{

	display:none;

	background:rgba(0,0,0,0.6);

	position:fixed;

	width:100%;

	height:100%;

	padding-bottom:60px;

	top:0;

	left:0;

	z-index:10;}



.m_menu .controlBox{

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

	position:relative;

	z-index:99;}



.m_menu .controlBox a.main{

	display: block;

	float: left;

	margin-right:5px;

	width: 50px;

	height: 60px;

	font-size: 20px;

	color: #4d4d4d;

	line-height: 60px;

	text-align: center;

	}



.m_menu .controlBox a.main em{

	font-size: 12px;

    position: absolute;

    top: 18px;

    left: 10px;

    color: #929292;}

.m_menu .controlBox .m_logo{

	float:left;}

	

.m_menu .controlBox .m_logo img{

	display:block;

	width: 170px;

	height:37px;

	float: left;

    padding-top: 12px;}



.m_menu .hideBox{

	display:none;

	background:#fff;

	width:100%;

	padding:60px 0;

	overflow-y:auto;

	-webkit-overflow-scrolling:touch;

	position:fixed;

	left:0;

	top:0;

	bottom:0;

	z-index:11;

	box-sizing:border-box;}



.m_menu .hideBox p.sp{

	display:none;

	padding:10px;

	font-size:13px;

	color:#4d4d4d;

	border: 1px solid #4d4d4d;}

.m_menu .mfun {

    padding: 30px 0;

    text-align: center;}

.m_menu .mfun a {

    margin: 0 1px;

    display: inline-block;

    font-size: 20px;

    border:1px solid #ccc;

    color: #ccc;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    border-radius: 100%;

	transition:all 0.3s ease;}

.m_menu .mfun a:hover{

	background:#cc9d21;

	border:1px solid #cc9d21;

	color:#fff;}



.searchBox_m{

	text-align:center;

	padding:20px 0;}



.searchBox_m input[type="text"]{

	display:inline-block;

	vertical-align:middle;

	width:200px;

	height:30px;

	border:1px solid #CCC;}



.searchBox_m a{

	display:inline-block;

	vertical-align:middle;

	width:30px;

	height:30px;

	font-size:15px;

	line-height:30px;

	text-align:center;

	background:#9CC720;

	color:#FFF;}





.m_menu ul.nav{}

	

.m_menu ul.nav li{

	border-top: 1px solid rgba(251,248,248,0.5);}



.m_menu ul.nav li a{

	padding:20px 10px;

	display:block;

	font-size:15px;

	color:#4d4d4d;

	text-align:center;

	

	position:relative;}



.m_menu ul.nav li a:hover{

	background:#cc9d21;

	color:#fff;}

	

.m_menu ul.nav li a i{

	display:block;

	

	position:absolute;

	right:10px;

	top:50%;

	margin-top:-7px;}



.m_menu ul.nav li .submenu{

	display:none;}



.m_menu ul.nav li .submenu a{

	padding:10px 20px;}



.mainArea .contentBox .rightBox{

	margin-top:0px;}

	

.side_menu{

	padding:0;

	}

}

@media (max-width:1024px){

	ul.side_album li{

		width:20%;}	

	.mainArea .contentBox .leftBox{

		/*padding:0;*/}

}

@media (max-width: 767px){



footer h5.copyright{

	display:block;

	margin:0;}

footer .qrcode{

	padding-right:10px;}

footer .fbBox{

	display:block;

	margin:0;

	text-align:center;}



/*bread*/

.mainArea .titleBox .bread{

	display:none;}

.mainArea .titleBox .addlink{

	display:none;}



/*main*/

.mainArea{}



.mainArea .wrap{

	padding:0px;}



.mainArea .cotentBox{

	padding:20px 0;}

	

.mainArea .titleBox h2 em{

	margin:0;}



/*footer*/



.translateIbest{

	float:none;}



/*側邊_分享*/

.side_share{

	clear:both;

	display:block;

	margin-bottom:30px;}

}



/*640*/

@media (max-width: 640px){

.marqueeArea h2{

	display:none;}	



.marqueeArea ul li .date{

	display:none;}

	

.mainArea .titleBox h2{

	float:none;}	



ul.classLink{

	display:none;}



.m_classLink{

	display:block;

	position:relative;}



.m_classLink a.main{

	display:block;

	font-size:15px;

	color:#4d4d4d;

	border:1px solid #d7d7d7;

	position:relative;

	padding:10px;

	border-radius:5px;

	

	background: #eeeeee; /* Old browsers */

background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* IE10+ */

background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}



.m_classLink a.main i{

	display:block;

	font-size:15px;

	

	position:absolute;

	right:10px;

	top:50%;

	margin-top:-6px;}



.m_classLink ul{

	padding:0;

	list-style:none;

	

	display:none;

	width:100%;

	background:#FFF;

	border-radius:5px;

	border:1px solid #d1d1d1;

	position:absolute;

	left:0;

	top:100%;

	z-index:999;

	

	box-sizing:border-box;}



.m_classLink ul li{

	padding:0;}



.m_classLink ul li a{

	display:block;

	padding:15px 10px;

	border-top:1px solid #d1d1d1;}



.m_classLink ul li:first-child a{

	border:none;}

footer{

	padding:20px 0;}

footer .qrcode{

	width:100%;

	padding-bottom:20px;}

}

@media (max-width: 505px){

	.m_menu .m_logo p{

		display:none;}

}

/*480*/

@media (max-width: 480px){

.m_menu .controlBox .m_logo{

	float: left;}



.col-2{

	float:none;

	width:100%;}



.col-3{

	float:none;

	width:100%;}



.col-4{

	float:none;

	width:100%;}



.col-5{

	float:none;

	width:100%;}

ul.side_album {

    margin-top: 10px;

    margin-bottom: 10px;

    margin-right: -10px;}

.mainArea .contentBox .leftBox ul.side_album li{

	width:20%;}

ul.downMenu li a{

	word-spacing:0;}

ul.side_album li{

	width:33%;}	

}

@media (max-width: 375px){

	.aboutArea .newsBox ul li{

		padding: 15px 10px 20px 10px;}	

}

/***Hover效果1: 放大淡出***/

.imh_opacity{

	background:#fff;

	overflow:hidden;}



.imh_opacity img{	

	transition:all 0.3s linear;

	-webkit-backface-visibility: hidden;}



.imh_opacity:hover img{

	opacity:0.8;

	transform:scale(1.05);}



/***Hover效果1: 放大淡出Detail***/

.imh_detail{

	background:#000;

	overflow:hidden;}



.imh_detail img{	

	transition:all 0.3s linear;

	-webkit-backface-visibility: hidden;}



.imh_detail a:before{

	display:block;

	content:"Details+";

	padding:10px 20px;

	font-size:13px;

	color:#FFF;

	border:2px solid #FFF;

	opacity:0;

	

	position:absolute;

	left:50%;

	margin-left:-45px;

	top:50%;

	margin-top:-80px;

	z-index:99;

	

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;}



.imh_detail:hover a:before{

	opacity:1;

	margin-top:-20px;}



.imh_detail:hover img{

	opacity:0.3;

	transform:scale(1.05);}



/***Hover效果1: 放大淡出zoom***/

.imh_zoom{

	background:#000;

	overflow:hidden;

	position:relative;}



.imh_zoom img{	

	transition:all 0.3s linear;

	-webkit-backface-visibility: hidden;}



.imh_zoom a:before{

	display:block;

	font-family: 'FontAwesome';

	content:"\f002";

	font-size:18px;

	color:#FFF;

	background:#000;

	width:40px;

	height:40px;

	line-height:40px;

	text-align:center;

	border-radius:100%;

	

	position:absolute;

	left:50%;

	top:-30px;

	margin-top:-20px;

	margin-left:-20px;

	z-index:99;

	

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;}



.imh_zoom:hover a:before{

	top:50%;}



.imh_zoom:hover img{

	opacity:0.3;

	transform:scale(1.05);}