@charset "utf-8";
@import url(font-awesome.min.css);

/* 預設樣式 */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:100%;}
body{position:relative; width:100%; height:100%; margin:0; padding:0; font:14px "微軟正黑體"; line-height:1.8em;}

input[type=submit],input[type=reset],input[type=button],input[type=text]{-webkit-appearance:none;}


.warpper{padding:0 0 50px 0;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}/* Hides from Ie-mac \*/
* html .clearfix{height:1%;}/* end hide from Ie-mac */
a:link, a:visited{display:inline-block; text-decoration:none; outline:none; hlbr:expression(this.onfocus=this.blur());}
a:hover, a:active{text-decoration:none;}
img{border:0; max-width:100%; height:auto; width:auto\9; vertical-align:middle;}
input, textarea{outline:none;}
textarea{resize:none;}
input{vertical-align:middle;}
.slicknav_menu{display:none;}
input.select-box{border:1px #cbcbcb solid; padding:5px 3%; width:20px; height:20px; text-align:center; border-radius:5px; margin-bottom:5px;}

/* 表單預設文字顏色設定 */
::-webkit-input-placeholder{color:#ddd;}
::-moz-placeholder{color:#ddd;}
:-ms-input-placeholder{color:#ddd;}
input:-moz-placeholder{color:#ddd;}

#field2::-webkit-input-placeholder{color:#333;}
#field2::-moz-placeholder{color:#333;}

#field3::-webkit-input-placeholder{color:#333; background:lightgreen; text-transform:uppercase;}
#field3::-moz-placeholder{color:#333; background:lightgreen; text-transform:uppercase;}

#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#333;}
#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999;}



header{background:#d71418;}
.head-main{width:100%; max-width:1200px; height:136px; margin:0 auto;}
.head-main .t-s{float:right; overflow:hidden;max-width:100%; margin:28px 1% 0 0; }

.header-c{background:#ffffff;}

.head-tool{list-style:none; padding:0; margin:0; text-align:right; height:36px;}
.head-tool li{ padding:0px; margin:.8% 0; display:inline-block;width:31px; height:31px; }
.head-tool li a{margin:0; padding:5px; width:31px; height:31px; }
.head-tool li a:hover{color:#fff;width:31px; height:31px; }
.head-tool a.icon001{ display:block; width:31px; height:31px; background:url(../images/icon01.png) 0 -31px no-repeat; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; background-size:100%;}
.head-tool a.icon001:hover{ display:block; width:31px; height:31px; background:url(../images/icon01.png) 0 0 no-repeat; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;background-size:100%;}
.head-tool a.icon002{ display:block; width:31px; height:31px; background:url(../images/icon02.png) 0 -31px no-repeat; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;background-size:100%;}
.head-tool a.icon002:hover{ display:block; width:31px; height:31px; background:url(../images/icon02.png) 0 0 no-repeat ; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;background-size:100%;}
.head-tool a.icon003{ display:block; width:31px; height:31px; background:url(../images/icon03.png) 0 -31px no-repeat; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;background-size:100%;}
.head-tool a.icon003:hover{ display:block; width:31px; height:31px; background:url(../images/icon03.png) 0 0 no-repeat; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;background-size:100%;}
.head-tool a.icon004{ display:block; width:31px; height:31px; background:url(../images/icon04.png) 0 -31px no-repeat; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;background-size:100%;}
.head-tool a.icon004:hover{ display:block; width:31px; height:31px; background:url(../images/icon04.png) 0 0 no-repeat;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;background-size:100%;}
.head-tool a.icon005{ display:block; width:31px; height:31px; background:url(../images/icon05.png) 0 -31px no-repeat; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;background-size:100%;}
.head-tool a.icon005:hover{ display:block; width:31px; height:31px; background:url(../images/icon05.png) 0 0 no-repeat; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;background-size:100%;}

.head-main .service-tel{ color:#fff; line-height:1.4em; margin:5px 0 0 0; }
.head-main .service-tel-title{font-size:16px;display:inline-block;
transform:translateY(-50%); padding:0 2px;}
.head-main .service-tel-contect{ font-size:16px;display:inline-block; padding:0 0 0 7px; line-height:1.4em;}

.head-main .service-tel-c{ color:#9c9c9c; line-height:1.4em; margin:5px 0 0 0;}
.head-main .service-tel-title-c{font-size:16px;display:inline-block;transform:translateY(-50%); padding:0 2px;}
.head-main .service-tel-contect-c{ font-size:15px;display:inline-block; padding:0 0 0 3px;}



.head-main .logo{ background:url(../images/i-logo.png) no-repeat;display:inline-block; width:278px; height:86px; margin:30px 0 0 0;background-size:100%;}
.head-main .logo a{ display:block;width:278px; height:86px;}
.head-main .logo img{width:278px; height:auto;}
.head-main .logo-c{ background:url(../images/c-logo.png) no-repeat;display:inline-block; width:278px; height:86px; margin:30px 0 0 0;background-size:100%;}
.head-main .logo-c a{ display:block;width:278px; height:86px;}
.head-main .logo-c img{width:278px; height:auto;}

.home{display:block; position:absolute; top:-35px; right:0; width:25px; height:auto;}
.home_w{display:none;}
.banner{width:100%; overflow:hidden; position:relative;}
.banner img{vertical-align:middle; width:100%; height:auto; position:absolute;}
h3.login-title{margin:0 0 10px 0; font-family:"Times New Roman"; font-size:24px; line-height:30px; color:#9b9b9b;}
.icon-tool{width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}


/* 選單與下拉 */
nav{background:#d71418;}
.menu{margin:0; padding:0; list-style:none; position:relative; max-width:1200px; margin:0 auto; padding:0 10%;}
.menu>li{color:#fff; width:16.66%; float:left; font-size:18px; text-align:center; position:relative; line-height:50px; cursor:pointer; }
.menu>li:nth-child(7n){border-right:0;}
.menu>li>a{color:#fff; display:block; position:relative; z-index:99999999;}
.menu>li>a:hover{background:#e14d50;transition: all 0.3s ease 0s;}
.menu>li.sub>ul.sub-menu{ opacity:0; visibility: hidden; background:rgba(215,20,24,.7); margin:0; padding:0 10px 10px 10px; z-index:999;position:absolute; display:block; width:280px; left:0; top:0px;transition: all 0.3s ease 0s; }
.menu>li.sub:hover ul.sub-menu{ z-index:999;opacity:1; visibility: visible;transition: all 0.3s ease 0s;position:absolute; left:0; top:50px; }
.menu>li.sub>ul.sub-menu>li{display:block; border-top:1px dashed #f1a397; line-height:1.8em; font-size:17px; text-align:left;}
.menu>li.sub>ul.sub-menu>li:nth-child(1){border-top:0;}

.menu>li.sub>ul.sub-menu:hover li{ display:block;transition: all 0.3s ease 0s;  }
.menu>li.sub>ul.sub-menu>li>a{display:block; color:#fff; padding:7px 5px;transition: all 0.3s ease 0s;}
.menu>li.sub>ul.sub-menu>li>a:hover{background:#df5b44;transition: all 0.3s ease 0s;}


.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02{opacity:0; visibility: hidden; background:rgba(215,20,24,.7); position:static; margin:0; padding:10px 5px 10px 0px; z-index:999;position:absolute;  left:240px; top:0px;transition: all 0.3s ease 0s;}
.menu>li.sub:hover ul.sub-menu>li.sub02:hover ul.sub-menu02{display:block; width:100%;  z-index:99;opacity:1; visibility: visible;transition: all 0.3s ease 0s;position:absolute;  left:280px; top:0px;}
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02>li{display:block; border-top:1px dashed #f1a397; line-height:1.8em; font-size:17px; text-align: center;}
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02>li:nth-child(1){border-top:0;}
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02:hover li{display:block;}
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02>li>a{display:block; color:#fff;}
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02>li>a:hover{background:#df5b44;transition: all 0.3s ease 0s;}
 
 .menu>li.sub03>ul.sub-menu03{opacity:0; visibility: hidden; background:rgba(215,20,24,.7); position:static; margin:0; padding:0 10px 10px 10px; z-index:999;position:absolute; left:0; top:20px;transition: all 0.3s ease 0s; z-index:99;}
.menu>li.sub03:hover ul.sub-menu03{opacity:1; visibility: visible;position:absolute; display:block; width:280px; left:0; top:50px; z-index:999;transition: all 0.3s ease 0s;}
.menu>li.sub03>ul.sub-menu03>li{display:block; border-top:1px dashed #f1a397; line-height:1.8em; font-size:17px; text-align:left;}
.menu>li.sub03>ul.sub-menu03>li:nth-child(1){border-top:0;}
.menu>li.sub03>ul.sub-menu03:hover li{display:block;}
.menu>li.sub03>ul.sub-menu03>li>a{display:block; color:#fff; padding:7px 5px;}
.menu>li.sub03>ul.sub-menu03>li>a:hover{background:#df5b44;transition: all 0.3s ease 0s;}

.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03{ width:100%;opacity:0; visibility: hidden; background:rgba(215,20,24,.7); position:static; margin:0; padding:0 10px 10px 10px; z-index:999;position:absolute;  left:240px; top:10px;transition: all 0.3s ease 0s;}
.menu>li.sub:hover ul.sub-menu>li.sub02:hover ul.sub-menu03{display:block; width:100%;  z-index:99;opacity:1; visibility: visible;transition: all 0.3s ease 0s;position:absolute;  left:280px; top:10px;}
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03>li{display:block; border-top:1px dashed #f1a397; line-height:1.8em; font-size:17px; }
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03>li:nth-child(1){border-top:0;}
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03:hover li{display:block;}
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03>li>a{display:block; color:#fff; padding:7px 5px;}
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03>li>a:hover{background:#df5b44;transition: all 0.3s ease 0s;}
@media screen and (max-width:1150px){
	.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03{  left: inherit; right:240px;}
.menu>li.sub:hover ul.sub-menu>li.sub02:hover ul.sub-menu03{ left: inherit; right:280px;}

}
/* 內頁選單與下拉 */
nav{}
.menu-c{margin:0; padding:0; list-style:none; position:relative; max-width:1200px; margin:0 auto; padding:0 0 0 30%;}
.menu-c>li{color:#fff; width:16.66%; float:left; font-size:18px; text-align:center; position:relative; line-height:50px; cursor:pointer;}
.menu-c>li:nth-child(7n){border-right:0;}
.menu-c>li>a{color:#fff; display:block;}
.menu-c>li>a:hover{background:#e14d50;}
.menu-c>li.sub>ul.sub-menu{opacity:0; visibility: hidden;  background:rgba(215,20,24,.7); margin:0; padding:0 10px 10px 10px; z-index:999;position:absolute;  left:0; top:20px;transition: all 0.3s ease 0s;}
.menu-c>li.sub:hover ul.sub-menu{opacity:1; visibility: visible;position:absolute; display:block; width:180px; left:0; top:50px; z-index:999;transition: all 0.3s ease 0s;}
.menu-c>li.sub>ul.sub-menu>li{display:block; border-top:1px dashed #f1a397; line-height:1.8em; font-size:17px; text-align:left;}
.menu-c>li.sub>ul.sub-menu>li:nth-child(1){border-top:0;}
.menu-c>li.sub>ul.sub-menu:hover li{display:block;}
.menu-c>li.sub>ul.sub-menu>li>a{display:block; color:#fff; padding:7px 5px;}
.menu-c>li.sub>ul.sub-menu>li>a:hover{background:#df5b44;}


.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02{opacity:0; visibility: hidden;background:rgba(215,20,24,.7); margin:0; padding:10px 5px 10px 0px; z-index:999;position:absolute;left:140px; top:0px;transition: all 0.3s ease 0s;}
.menu-c>li.sub:hover ul.sub-menu>li.sub02:hover ul.sub-menu02{opacity:1; visibility: visible;position:absolute; display:block; width:100%; left:180px; top:0px; z-index:99;transition: all 0.3s ease 0s;}
.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02>li{display:block; border-top:1px dashed #f1a397; line-height:1.8em; font-size:17px; text-align: center;}
.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02>li:nth-child(1){border-top:0;}
.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02:hover li{display:block;}
.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02>li>a{display:block; color:#fff;}
.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02>li>a:hover{background:#df5b44;}
 
.menu-c>li.sub03>ul.sub-menu03{opacity:0; visibility: hidden; background:rgba(215,20,24,.7);  margin:0; padding:0 10px 10px 10px; z-index:999;position:absolute;  left:0; top:20px;transition: all 0.3s ease 0s; }
.menu-c>li.sub03:hover ul.sub-menu03{opacity:1; visibility: visible;position:absolute; display:block; width:180px; left:0; top:50px; z-index:999;transition: all 0.3s ease 0s;}
.menu-c>li.sub03>ul.sub-menu03>li{display:block; border-top:1px dashed #f1a397; line-height:1.8em; font-size:17px; text-align:left;}
.menu-c>li.sub03>ul.sub-menu03>li:nth-child(1){border-top:0;}
.menu-c>li.sub03>ul.sub-menu03:hover li{display:block;}
.menu-c>li.sub03>ul.sub-menu03>li>a{display:block; color:#fff; padding:7px 5px;}
.menu-c>li.sub03>ul.sub-menu03>li>a:hover{background:#df5b44;}

.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03{ width:100%;opacity:0; visibility: hidden; background:rgba(215,20,24,.7); position:static; margin:0; padding:0 10px 10px 10px; z-index:999;position:absolute;  left:140px; top:10px;transition: all 0.3s ease 0s;}
.menu-c>li.sub:hover ul.sub-menu>li.sub02:hover ul.sub-menu03{display:block; width:100%;  z-index:99;opacity:1; visibility: visible;transition: all 0.3s ease 0s;position:absolute;  left:180px; top:10px;}
.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03>li{display:block; border-top:1px dashed #f1a397; line-height:1.8em; font-size:17px; }
.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03>li:nth-child(1){border-top:0;}
.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03:hover li{display:block;}
.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03>li>a{display:block; color:#fff; padding:7px 5px;}
.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03>li>a:hover{background:#df5b44;transition: all 0.3s ease 0s;}
@media screen and (max-width:1150px){
.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03{  left: inherit; right:140px;}
.menu-c>li.sub:hover ul.sub-menu>li.sub02:hover ul.sub-menu03{ left: inherit; right:180px;}

}

@media screen and (max-width:860px){
	.menu-c{margin:0; padding:0; list-style:none; position:relative; max-width:1200px; margin:0 auto; padding:0 10%;}
.menu-c>li.sub:hover ul.sub-menu{position:absolute; display:block; width:280px; left:0; top:50px; z-index:999;}
.menu-c>li.sub:hover ul.sub-menu>li.sub02:hover ul.sub-menu02{position:absolute; display:block; width:100%; left:280px; top:0px; z-index:99;}
.menu-c>li.sub03:hover ul.sub-menu03{position:absolute; display:block; width:280px; left:0; top:50px; z-index:999;}

.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03{  left: inherit; right:240px;}
.menu-c>li.sub:hover ul.sub-menu>li.sub02:hover ul.sub-menu03{ left: inherit; right:280px;}

}


/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn{
	from{opacity:0;}
	to{opacity:1;}
}
@-moz-keyframes fadeIn{
	from{opacity:0;}
	to{opacity:1;}
}
@keyframes fadeIn{
	from{opacity:0;}
	to{opacity:1;}
}
.fade-in{opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity:1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:0.3s;
	-moz-animation-duration:0.3s;
	animation-duration:0.3s;}


/** 推薦行程 **/
.stroke { max-width:1200px; margin:0 auto; position:relative; padding:0 ; overflow:hidden; }
.stroke-title-main{ border-bottom:2px #d71418 dotted; margin:50px 0 0 0; height:1px;}
.stroke-title-main02{margin:80px 0 0 0;}
.stroke-title{ min-width:150px; margin:-24px auto 0 auto; background:#d71418; color:#fff; font-size:18px; padding:10px 20px; text-align:center;display: table;}
.stroke ul { margin:25px 0 30px 0; padding:0; list-style:none; white-space: nowrap; /* 不斷行 */ width:100%; overflow:hidden;}
.stroke ul li { display: inline-table; width:20%; padding:.5% .7%; margin:0; text-align:center;}
.stroke ul li .stroke-title002{ float:right; clear:both; width:100%; background:#dadada;padding:5px; margin:5px 0;}
.stroke-title002 h4{font-size:14px; color:#333; line-height:1.4em;   white-space: normal; height:78px; overflow:hidden; padding:0 ; margin:0; text-align:left;}
.stroke-title002 .stroke-price{ width:100%; color:#e63426; font-size:16px; font-weight:bold; text-align:right;}
.stroke-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:272px; vertical-align:middle; text-align:center;}
.stroke-photo img.index-stroke-img{width:auto; height:auto; max-width:100%; max-height:100%;}
.stroke ul li img { width:100%; height:auto;} 
a.stroke-btn-left { position:absolute; left:.7%; top:231px;text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-left.png) center center no-repeat; display:block; width:47px; height:47px; z-index:99; }
a.stroke-btn-right { position:absolute; right:.7%; top:231px; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}

/** 飯店最新消息 **/
.h-n{}
.hotel-news-main{ border-bottom:2px #d71418 dotted; margin:60px 0 0 0; height:1px;}

.hotel-news{ max-width:1200px; margin:0 auto;}
.i-hotel-left{ float:left; width:59%; position:relative; margin:0 1% 0 0;}
.i-hotel-title{ width:150px; margin:-24px auto -19px auto; background:#d71418; color:#fff; font-size:18px; padding:10px 20px; text-align:center;}

.i-hotel{ overflow:hidden; }
.i-hotel ul { margin:45px 0 10px 0; padding:0; list-style:none; white-space: nowrap; /* 不斷行 */ width:100%; overflow:hidden;}
.i-hotel ul li { display: inline-table; width:33.33%; padding:.8% 1%; margin:0; text-align:center;}
.i-hotel ul li .i-hotel-title002{ float:right; clear:both; width:100%; background:#dadada;padding:5px; margin:5px 0;white-space: normal;}
.i-hotel-title002 h4{font-size:14px; color:#333; line-height:1.4em;white-space: normal; height:19px; overflow:hidden; padding:0 ; margin:0; text-align: center;}
.i-hotel-title002 p{font-size:13px; color:#666; line-height:1.4em; white-space: normal; height:39px; overflow:hidden; padding:0 ; margin:5px 0 0 0; text-align: center;}

.i-hotel-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:216px; vertical-align:middle; text-align:center;}
.i-hotel-photo img.index-i-hotel-img{width:auto; height:auto; max-width:100%; max-height:100%;}
.i-hotel ul li img { width:100%; height:auto;} 
a.hotel-btn-left { position:absolute; left:1%; top:219px; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-left.png) center center no-repeat; display:block; width:47px; height:47px; z-index:99;}
a.hotel-btn-right { position:absolute; right:1.4%; top:219px; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}

.i-news-main{ display:none;}

.i-news{ float:left; width:40%; position:relative;}
.i-news-title{ width:150px; margin:-24px auto -20px auto; background:#d71418; color:#fff; font-size:18px; padding:10px 20px; text-align:center;}
.i-news ul{ font-size:12px; padding:15px 15px 14.5px 15px; margin:51px 1% 10px 0; background:#dadada; list-style:none;}
.i-news ul li{ background:url(../images/news-icon.jpg) no-repeat 5px center; border-top:2px #d89091 dotted; font-size:14px; color:#424041; line-height:1.8em; overflow : hidden;text-overflow : ellipsis;white-space : nowrap;}
.i-news ul li:nth-child(1){ border-top:0;}
.i-news ul li a{ display:block;background:url(../images/news-icon.jpg) no-repeat 5px center; font-size:14px; color:#424041; padding:4.4px 5px 4.4px 15px; overflow : hidden;text-overflow : ellipsis;white-space : nowrap;}
.i-news ul li a:hover{display:block; background:#ea8485 url(../images/news-icon.jpg) no-repeat 5px center ; color:#fff;}
.i-news .more{ color:#d71418; font-size:12px;position:absolute; bottom:10px; right:5px; line-height:1.8em;}
.i-news .more a{ color:#d71418; padding:0 5px; }
.i-news .more a:hover{ background:#d71418; color:#fff; }

/** 行程 **/

.i-travel-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:150px; vertical-align:middle; text-align:center;}
.i-travel-photo img.index-i-travel-img{width:auto; height:auto; max-width:100%; max-height:100%;}

a.i-travel-btn-left { position:absolute; left:.6%; top:40%;text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-left.png) center center no-repeat; display:block; width:47px; height:47px; z-index:99; }
a.i-travel-btn-right { position:absolute; right:.6%; top:40%; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}


.i-travel{ max-width:1200px; margin:0 auto; position:relative;   padding:10px 0;overflow:hidden; }
.i-travel ul{padding:0;list-style:none;height:auto; margin:10px 0; padding:0; list-style:none; white-space: nowrap; /* 不斷行 */ width:100%; overflow:hidden;}
.i-travel ul li{ text-align:center;padding:0.5%;  display:table-cell; width:18.83%; margin:0; text-align:center;}
.i-travel ul li img{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:100%; height:auto;}
.i-travel ul li:hover img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);  }
.i-travel ul li:hover .medical{top:0;opacity:.8;}
.medical-item{ padding:0;text-align:center;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.medical-thumb{position:relative;width:100%;height:100%;overflow:hidden;display:block;}
.medical{position:absolute;left:0;top:100%;display:block;background:#333;text-align:center;width:90%; margin:5%;height:85%;opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;overflow:hidden; }

.i-travel ul li:hover .carousel-icon{opacity:1;top:15%;}
.carousel-icon{font-size:14px;display:block;position:absolute;top:100%;text-align:center;width:80%; margin:0 10%; padding:0 5px; height:auto;opacity:0;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out; color:#fff; white-space:normal; overflow:hidden; height:100px;display:flex;align-items:center;justify-content:center;}

@media screen and (max-width:830px){
.stroke-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:185px; vertical-align:middle; text-align:center;}
a.stroke-btn-left { position:absolute; left:.5%; top:142px;text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-left.png) center center no-repeat; display:block; width:47px; height:47px; z-index:99; }
a.stroke-btn-right { position:absolute; right:0; top:142px; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}


.i-hotel-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:146px; vertical-align:middle; text-align:center;}
a.hotel-btn-left { position:absolute; left:.8%; top:148px; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-left.png) center center no-repeat; display:block; width:47px; height:47px; z-index:99;}
a.hotel-btn-right { position:absolute; right:1%; top:148px; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}

}
@media screen and (max-width:1100px){
	.i-travel ul li{ text-align:center;padding:0; display: inline-table; width:23.85%; margin:0.5%; text-align:center;}
.i-travel-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:173px; vertical-align:middle; text-align:center;}
a.i-travel-btn-right { position:absolute; right:.3%; top:40%; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}

}
@media screen and (max-width:970px){
	.i-travel ul li{ text-align:center;padding:0; display: inline-table; width:32.2%; margin:0.5%; text-align:center;}
.i-travel-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:203px; vertical-align:middle; text-align:center;}
a.i-travel-btn-right { position:absolute; right:.5%; top:40%; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}

}
@media screen and (max-width:840px){
.medical{position:absolute;left:0;top:100%;display:block;background:#333;text-align:center;width:80%; margin:10%;height:75%;opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;overflow:hidden; }

}

/** 真實旅遊評價 **/
.evaluate-list{ max-width: 1200px;margin: 30px auto 10px auto;}
.evaluate-dep {margin:5px;background: #fff;border-radius:0px;overflow: hidden;border: 1px #cccccc solid;}
.evaluate-photo-main{overflow: hidden;}
.evaluate-photo-main .evaluate-photo{background-color: #ffffff;background-position: center center;background-repeat: no-repeat;background-size:cover;}
.evaluate-info {padding: 10px;position: relative;}
.evaluate-info .evaluate-name {display: flex;align-items: center;justify-content: center;position: absolute;width: 90px;height: 90px;font-size: 15px;border-radius: 50%;background: #fff;border: 1px solid #cccccc;top: -50px;left: 50%;transform: translateX(-50%);color: #313131;}
.evaluate-info .evaluate-content {font-size: 14px;color: #333333;margin: 40px 0 20px 0; line-height: 1.4;height: 60px;text-align: center;overflow: hidden;}
.evaluate-more {display: flex;justify-content: center;width: 100%;}
.evaluate-more a { text-decoration: none;display: block;background: #d71418;font-size: 14px;letter-spacing: 1px;color: #fff;padding: 3px 10px;width: 100%;max-width: 110px;margin: 0 auto;text-align: center;border-radius: 5px;border: 1px solid #d71418;transition: 0.3s;}
.evaluate-more a:hover {border: 1px solid #d71418;background: #fff;color: #d71418;}
 @media screen and (max-width: 768px) {
     .evaluate-info .evaluate-name{width:85px;height:85px;font-size: 14px;top: -45px;}
}
 @media screen and (max-width: 640px) {
     .evaluate-dep {margin:0;}
}

/** 飯店 **/
.room ul{max-width:1200px; margin:0 auto; padding:0; list-style:none;}
.room ul li{width:25%; margin:10px 0; padding:1%; text-align:center; float:left; border-top:1px dashed #d71418;}
.room ul li:hover{background:#f7eaeb;}
.room ul li h4{font-size:16px; color:#676767; line-height:1.7em; font-weight:bold; margin:10px 0 0 0; padding:0; overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;}

.room-photo { background:#fff; width:100%; position: relative;}
.room-photo a { display: flex; height: 100%; vertical-align: middle; text-align:center;align-items: center;justify-content: center;}
.room-photo img.index-pro-img { width: auto; height: auto;}

.room ul li .title02{font-size:13px; color:#d40608; line-height:1.7em; font-weight:bold; font-family:arial; overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;}
.room ul li:nth-child(1){border-top:0;}
.room ul li:nth-child(2){border-top:0;}
.room ul li:nth-child(3){border-top:0;}
.room ul li:nth-child(4){border-top:0;}

@media screen and (max-width:900px){
.room ul li{width:33.33%; margin:10px 0; padding:1%; text-align:center; float:left; border-top:1px dashed #d71418;}
.room ul li:nth-child(4){border-top:1px dashed #d71418;}

}

/** 推薦飯店 **/
.r-room ul{max-width:1200px; margin:0 auto; padding:0; list-style:none;}
.r-room ul li{width:25%; margin:10px 0; padding:1%; text-align:center; float:left; border-top:1px dashed #d71418;}
.r-room ul li:hover{background:#f7eaeb;}
.r-room ul li h4{font-size:16px; color:#676767; line-height:1.7em; font-weight:bold; margin:10px 0 0 0; padding:0; overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;}

.r-room-photo { background:#fff; width:100%; position: relative;}
.r-room-photo a { display: flex; height: 100%; vertical-align: middle; text-align:center;align-items: center;justify-content: center;}
.r-room-photo img.index-pro-img { width: auto; height: auto;}

.r-room ul li .title02{font-size:13px; color:#d40608; line-height:1.7em; font-weight:bold; font-family:arial; overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;}
.r-room ul li:nth-child(1){border-top:0;}
.r-room ul li:nth-child(2){border-top:0;}
.r-room ul li:nth-child(3){border-top:0;}
.r-room ul li:nth-child(4){border-top:0;}

/** 飯店明細 **/
.room-details-more{ position:absolute; top:34%; right:1.5%;}
.room-details{ padding:0;}
.room-details .title{ color:#e03931; font-size:40px; line-height:1em; font-weight:normal; border-bottom:2px #e03931 dashed; margin:20px 0; padding:40px 0 0 0;}
.room-details .title-en{font-family: 'Inknut Antiqua', serif; text-transform:uppercase; font-size:18px; color:#f59797; font-weight:bold; }
.room-details .title-en-first{font-family: 'Inknut Antiqua', serif; text-transform:uppercase; font-size:22px; color:#f59797;font-weight:bold;  }
.fa-caret-right{color:#f59797; font-size:40px; padding:0 5px 0 0;}

/** 飯店相關介紹 **/
.room-details .information{}
.room-details .information .contect{ font-size:16px; line-height:1.8em; color:#333;}

/** 相關影片 **/
.room-details .video{}
.room-details .video .contect{ font-size:16px; line-height:1.8em; color:#333; padding:0 5%;}

/** 飯店介紹 **/
.room-details .overview{}
.fa-caret-right{color:#f59797; font-size:40px; padding:0 5px 0 0;}
.room-details .overview .contect{ font-size:16px; line-height:1.8em; color:#333;}

/** 飯店版型一 **/
.room-block001{font-size:16px; line-height:1.8em; color:#333; padding:20px 0 0 0;}
.room-block001 img{ width:100%;}
.room-block001 .block01{ padding:8px 0;}
.room-block001 .block01 .left01{ float:left; width:62.8%; margin:0 1.4% 0 0;}
.room-block001 .block01 .right01{float:left; width:35.8%;}
.room-block001 .block02{ padding:8px 0;}
.room-block001 .block02 .left02{ float:left; width:45%;}
.room-block001 .block02 .left02 .img001{ padding:0 0 8px 0;}
.room-block001 .block02 .left02 .img002{ padding:8px 0 0 0;}
.room-block001 .block02 .right02{ float:left; width:55%;}

.room-block001 .block02 .right02 .room-block001-title_bg{ border-bottom:18px #727071 solid; margin:120px 0 40px 0;}
.room-block001 .block02 .right02 .room-block001-title{ font-size:50px; color:#f22c23; float:right; background:#fff; line-height:1.8em; padding:0 25px; font-weight:bold; margin:-110px 0 0 0;}
.room-block001 .block02 .right02 .room-block001-contect{line-height:1.8em; font-size:18px; color:#333; padding:30px 25px 30px 40px;}

@media screen and (max-width:1070px){
.room-block001 .block02 .right02 .room-block001-title_bg{ border-bottom:18px #727071 solid; margin:60px 0 20px 0;}
.room-block001 .block02 .right02 .room-block001-title{ font-size:50px; color:#f22c23; float:right; background:#fff; line-height:1.8em; padding:0 25px; font-weight:bold; margin:-90px 0 0 0;}
.room-block001 .block02 .right02 .room-block001-contect{line-height:1.8em; font-size:18px; color:#333; padding:20px 25px 20px 40px;}

}
@media screen and (max-width:1016px){
.room-block001 .block02 .right02 .room-block001-title_bg{ border-bottom:18px #727071 solid; margin:40px 0 20px 0;}
.room-block001 .block02 .right02 .room-block001-title{ font-size:40px; color:#f22c23; float:right; background:#fff; line-height:1.8em; padding:0 25px; font-weight:bold; margin:-76px 0 0 0;}
.room-block001 .block02 .right02 .room-block001-contect{line-height:1.8em; font-size:18px; color:#333; padding:10px 15px;}
}

/** 房型介紹 **/
.room-details .accommodation{}
.room-details .accommodation ul{ list-style: square inside; padding:0 ; margin:0 8%;color:#8aaccf; font-size:20px;}
.room-details .accommodation ul li{ padding:15px 4%; margin:0; border-bottom:1px #b8b8b8 solid;}
.room-details .accommodation ul li h4{ color:#29658a; font-size:24px; padding:5px 0 ; margin: 0; display:inline-block; line-height:1.8em;}
.room-details .accommodation ul li .accommodation-contect{ color:#333; font-size:18px; line-height:1.8em;}
.room-details .accommodation ul li:last-child{border-bottom: none;}


/** 飯店版型二 **/
.room-block002{font-size:16px; line-height:1.8em; color:#333; padding:20px 0 0 0;}
.room-block002 img{ width:100%;}
.room-block002 .block01{ padding:8px 0;}
.room-block002 .block01 .left01{ float:left; width:45%;}
.room-block002 .block01 .left01 .room-block002-title_bg{ border-bottom:18px #727071 solid; margin:60px 0 40px 0;}
.room-block002 .block01 .left01 .room-block002-title{ font-size:50px; color:#f22c23; float:left; background:#fff; line-height:1.8em; padding:0 25px; font-weight:bold; margin:-110px 0 0 0;}
.room-block002 .block01 .left01 .room-block002-contect{line-height:1.8em; font-size:18px; color:#333; padding:10px 40px 10px 25px;}

.room-block002 .block01 .right01{ float:left; width:55%;}

.room-block002 .block02{ padding:8px 0;}
.room-block002 .block02 .left02{ float:left; width:49.3%; margin:0 .7% 0 0; }
.room-block002 .block02 .right02{float:left; width:49.3%;margin:0 0 0 .7%;}

@media screen and (max-width:1158px){
.room-block002 .block01 .left01{ float:left; width:55%;}
.room-block002 .block01 .right01{ float:left; width:45%;}
.room-block002 .block01 .left01 .room-block002-contect{line-height:1.8em; font-size:18px; color:#333; padding:10px 25px;}

}
@media screen and (max-width:1016px){
.room-block002 .block01 .left01 .room-block002-title_bg{ border-bottom:18px #727071 solid; margin:40px 0 20px 0;}
.room-block002 .block01 .left01 .room-block002-title{ font-size:40px; color:#f22c23; float:left; background:#fff; line-height:1.8em; padding:0 25px; font-weight:bold; margin:-76px 0 0 0;}
.room-block002 .block01 .left01 .room-block002-contect{line-height:1.8em; font-size:18px; color:#333; padding:10px 15px;}

}

/** 飯店版型三 **/
.room-block003{font-size:16px; line-height:1.8em; color:#333; padding:20px 0 0 0;}
.room-block003 img{ width:100%;}
.room-block003 .block01{ padding:8px 0;}
.room-block003 .block01 .left01{}
.room-block003 .block01 .left01 .room-block003-title_bg{ border-bottom:18px #727071 solid; margin:60px 0 20px 0;}
.room-block003 .block01 .left01 .room-block003-title{ font-size:50px; color:#f22c23; float:left; background:#fff; line-height:1.8em; padding:0 25px; font-weight:bold; margin:-88px 0 0 0;}
.room-block003 .block01 .left01 .room-block003-contect{line-height:1.8em; font-size:18px; color:#333; padding:10px 0;}

.room-block003 .block01 .right01{}

.room-block003 .block02{ padding:8px 0;}
.room-block003 .block02 .left02{ float:left; width:49.3%; margin:0 .7% 0 0; }
.room-block003 .block02 .right02{float:left; width:49.3%;margin:0 0 0 .7%;}

@media screen and (max-width:1016px){
	.room-block003 .block01 .left01 .room-block003-title_bg{ border-bottom:18px #727071 solid; margin:40px 0 20px 0;}
.room-block003 .block01 .left01 .room-block003-title{ font-size:40px; color:#f22c23; float:left; background:#fff; line-height:1.8em; padding:0 25px; font-weight:bold; margin:-74px 0 0 0;}
.room-block003 .block01 .left01 .room-block003-contect{line-height:1.8em; font-size:18px; color:#333; padding:10px 15px;}

}

/** 精選行程 **/
.room-details .featured{}


/** 注意事項 **/
.room-details .note{}
.room-details .note .contect{ font-size:16px; line-height:1.8em; color:#333;}

/** 標籤頁面 **/
.tag-list{margin: 25px 0 0 0;}
.tag-list ul{max-width:1200px; margin:0 auto; padding:0; list-style:none;}
.tag-list ul li{width:100%; margin:15px 0; padding:.6%;  border:1px solid #b8b8b8;display: flex;}
.tag-list ul li:hover{background:#fcfcfc;box-shadow: 3px 3px 0 0 #b8b8b8;}
.tag-list ul li h4{font-size:16px; color:#656565; line-height:1.6; font-weight: bold; padding:5px 0; margin:0 0 5px 0; height:auto; overflow:hidden;border-bottom:2px #ccc dotted;}
.tag-list-photo{background:#fff; width:370px; display:table; position:relative; table-layout:fixed;}
.tag-list-photo a{display:table-cell; height:251px; vertical-align:middle; text-align:center;}
.tag-list-photo img.index-pro-img{width:auto; height:auto; max-width:100%; max-height:100%;}
.tag-list ul li .tag-list-information{flex: 1;padding: 0 0px 35px 20px;position: relative;}
.tag-list ul li .tag-list-tag{font-size:13px; color:#666666; line-height:1.6;padding:5px 0; margin:0;}
.tag-list ul li .tag-list-tag a{ color:#666666;}
.tag-list ul li .tag-list-tag a:hover{ color:#d71418;}
.tag-list ul li .tag-list-price{font-size:16px; color:#d4142b; line-height:1.6; font-weight: bold; padding:5px 0; margin:0;}
.tag-list ul li .tag-list-contect{font-size:15px; color:#333333; line-height:1.6;  padding:5px 0; margin:0; height:auto; overflow:hidden;}
.tag-list ul li .tag-list-more{font-size:13px; color:#333333;position: absolute;bottom: 0;right: 0;text-transform: uppercase;}
.tag-list ul li .tag-list-more a{background: #333333;color: #fff;padding: 0 15px;}
.tag-list ul li .tag-list-more a:hover{ background:#d71418;}


/** 行程 **/
.c-stroke ul{max-width:1200px; margin:0 auto; padding:0; list-style:none;}
.c-stroke ul li{width:32.33%; margin:10px .5%; padding:.6%; text-align:center; float:left; border:1px solid #b8b8b8;}
.c-stroke ul li:hover{background:#e7f4f4;}
.c-stroke ul li h4{font-size:16px; color:#656565; line-height:1.7em; font-weight: bold; padding:5px 0; margin:0; height:64px; overflow:hidden; text-align:center;}
.c-stroke-photo{background:#fff; width:100%; display:table; position:relative; table-layout:fixed;}
.c-stroke-photo a{display:flex;align-items: center;justify-content: center; height:251px; vertical-align:middle; text-align:center;}
.c-stroke-photo img.index-pro-img{width:auto; height:auto; max-width:100%; max-height:100%;}
.c-stroke ul li .c-stroke-price{font-size:16px; color:#d4142b; line-height:1.7em; font-weight: bold; padding:5px 0; margin:0;}
.c-stroke ul li .c-stroke-contect{font-size:12px; color:#6b6b6b; line-height:1.7em; font-weight: bold; padding:5px 0; margin:0; text-align: center; height:50px; overflow:hidden;}
@media screen and (max-width:840px){
	.c-stroke-photo a{height:173px; vertical-align:middle; text-align:center;}
}

/** 行程明細 **/
.c-stroke-details{}
.c-stroke-details .title01{ background:url(../images/s-title01_bg.png) no-repeat center center; font-size:54px; color:#353432; font-weight:bold; line-height:1.8em; text-align:center; margin:35px 0 0px 0;}
.c-stroke-details .title02{ background:url(../images/s-title02_bg.png) no-repeat center center; font-size:54px; color:#353432; font-weight:bold; line-height:1.8em; text-align:center;}
.c-stroke-details .title03{ background:url(../images/s-title03_bg.png) no-repeat center center; font-size:54px; color:#353432; font-weight:bold; line-height:1.8em; text-align:center;}
.title04{ display: table;margin:40px 0 15px 0;background:#d71418; color:#fff; font-size:22px; padding:10px 20px; text-align: left;}
.title04-line{border-bottom:2px #d71418 dotted; display:block;  width:100%; margin:-35px 0 35px 0;}

.c-stroke-details .remind{ margin:30px 0 0 0; padding:20px 0 0 0;}
.c-stroke-details .remind .r-title{ background:#e93527; color:#fff; font-size:22px; float:left; padding:0 30px 0 8px; line-height:1.6em;}
.c-stroke-details .remind .r-contect{ color:#e93527; font-size:18px; line-height:1.8em; clear:both; padding:10px 0;}
.c-stroke-details .stroke-information{ font-size:18px; color:#333;line-height:1.8em; border-top:1px #c7c7c7 solid; margin:35px 0 0 0; padding:20px 0 0 0;}



/** 介紹版型一 **/
.stroke-information-block001{ font-size:16px; color:#333; line-height:1.8em;}

/** 介紹版型二 **/
.stroke-information-block002{ }
.stroke-information-block002 .s-block001{ background:url(../images/stroke-details019-1.jpg) no-repeat center left; min-height:306px; margin:8px 0;}
.stroke-information-block002 .s-block001 .s-information{ background:url(../images/stroke-details_bg01.png) no-repeat center right;padding:0 3% 0 53%; min-height:306px;position:relative; }
.stroke-information-block002 .s-block001 .s-information .s-information02{ font-size:16px; color:#333; line-height:1.8em; }

.stroke-information-block002 .s-block001 .s-information .s-information02 .s-title-main{ background:url(../images/stroke-title_bg.png) no-repeat center center; padding:20px 0 10px 0;}
.stroke-information-block002 .s-block001 .s-information .s-information02 .s-title{  line-height:1.8em; background:#fff; text-align:center;width:250px; margin:0 auto; color:#879fb9; font-size:24px; font-weight:bold; padding:0 10px;}
.stroke-information-block002 .s-block001 .s-information .s-information02 .s-contect{ font-size:18px; color:#333; line-height:1.8em; height:224px; overflow:hidden;}
.triangle{width:0px;
height: 0px;
border-style: solid;
border-width:0 87px 150px 77px;
border-color: transparent transparent #809fc3 transparent; position:absolute; bottom:0; right:610px; }
.triangle-title{font-size:36px; color:#fff; text-align:center; line-height:1em; position:absolute; top:65px; left:-40px; width:80px; }



.stroke-information-block002 .s-block002{ background:url(../images/stroke-details020-1.png) no-repeat center right; min-height:306px; margin:8px 0;}
.stroke-information-block002 .s-block002 .s-information{   background:url(../images/stroke-details_bg02.png) no-repeat center left; padding:0 53% 0 3%; min-height:306px;position:relative; }
.stroke-information-block002 .s-block002 .s-information .s-information02{ font-size:16px; color:#333; line-height:1.8em; }

.stroke-information-block002 .s-block002 .s-information .s-information02 .s-title-main{ background:url(../images/stroke-title_bg.png) no-repeat center center; padding:20px 0 10px 0;}
.stroke-information-block002 .s-block002 .s-information .s-information02 .s-title{  line-height:1.8em; background:#fff; text-align:center; width:250px; margin:0 auto; color:#879fb9; font-size:24px; font-weight:bold; padding:0 10px;}
.stroke-information-block002 .s-block002 .s-information .s-information02 .s-contect{ font-size:18px; color:#333; line-height:1.8em; height:224px; overflow:hidden;}

.triangle02{width:0px;
height: 0px;
border-style: solid;
border-width:0 77px 150px 87px;
border-color: transparent transparent #809fc3 transparent; position:absolute; bottom:0;left:610px; }
.triangle-title02{font-size:36px; color:#fff; text-align:center; line-height:1em; position:absolute; top:65px; left:-40px; width:80px; }


.stroke-information-block002 .s-block003{ background:url(../images/stroke-details021-1.jpg) no-repeat center left; min-height:306px; margin:8px 0;}
.stroke-information-block002 .s-block003 .s-information{ background:url(../images/stroke-details_bg01.png) no-repeat center right;padding:0 3% 0 53%; min-height:306px;position:relative; }
.stroke-information-block002 .s-block001 .s-information .s-information02{ font-size:16px; color:#333; line-height:1.8em; }

.stroke-information-block002 .s-block003 .s-information .s-information02 .s-title-main{ background:url(../images/stroke-title_bg.png) no-repeat center center; padding:20px 0 10px 0;}
.stroke-information-block002 .s-block003 .s-information .s-information02 .s-title{  line-height:1.8em; background:#fff; text-align:center;width:250px; margin:0 auto; color:#879fb9; font-size:24px; font-weight:bold; padding:0 10px;}
.stroke-information-block002 .s-block003 .s-information .s-information02 .s-contect{ font-size:18px; color:#333; line-height:1.8em; height:224px; overflow:hidden;}



.stroke-information-block002 .s-block004{ background:url(../images/stroke-details022-1.png) no-repeat center right; min-height:306px; margin:8px 0;}
.stroke-information-block002 .s-block004 .s-information{   background:url(../images/stroke-details_bg02.png) no-repeat center left; padding:0 53% 0 3%; min-height:306px;position:relative; }
.stroke-information-block002 .s-block004 .s-information .s-information02{ font-size:16px; color:#333; line-height:1.8em; }

.stroke-information-block002 .s-block004 .s-information .s-information02 .s-title-main{ background:url(../images/stroke-title_bg.png) no-repeat center center; padding:20px 0 10px 0;}
.stroke-information-block002 .s-block004 .s-information .s-information02 .s-title{  line-height:1.8em; background:#fff; text-align:center; width:250px; margin:0 auto; color:#879fb9; font-size:24px; font-weight:bold; padding:0 10px;}
.stroke-information-block002 .s-block004 .s-information .s-information02 .s-contect{ font-size:18px; color:#333; line-height:1.8em; height:224px; overflow:hidden;}

@media screen and (max-width:950px){
.stroke-information-block002 .s-block001 .s-information{ background:url(../images/stroke-details_bg01.png) no-repeat center right;padding:0 3% 0 35%; min-height:306px;position:relative; }
.stroke-information-block002 .s-block002 .s-information{   background:url(../images/stroke-details_bg02.png) no-repeat center left; padding:0 35% 0 3%; min-height:306px;position:relative; }
.stroke-information-block002 .s-block003 .s-information{ background:url(../images/stroke-details_bg01.png) no-repeat center right;padding:0 3% 0 35%; min-height:306px;position:relative; }
.stroke-information-block002 .s-block004 .s-information{   background:url(../images/stroke-details_bg02.png) no-repeat center left; padding:0 35% 0 3%; min-height:306px;position:relative; }

}

@media screen and (max-width:800px){
.stroke-information-block002 .s-block001 .s-information{ background:#fff; border:1px #809fc3 solid;padding:0 3% 0 18%; min-height:306px;position:relative; margin:0 0 0 30%; }
.stroke-information-block002 .s-block002 .s-information{ background:#fff; border:1px #809fc3 solid;padding:0 18% 0 3%; min-height:306px;position:relative; margin:0 30% 0 0;  }
.stroke-information-block002 .s-block003 .s-information{ background:#fff; border:1px #809fc3 solid;padding:0 3% 0 18%; min-height:306px;position:relative;  margin:0 0 0 30%; }
.stroke-information-block002 .s-block004 .s-information{ background:#fff; border:1px #809fc3 solid; padding:0 18% 0 3%; min-height:306px;position:relative;margin:0 30% 0 0; }
.triangle{width:0px;
height: 0px;
border-style: solid;
border-width:0 50px 100px 50px;
border-color:#809fc3; position:absolute; bottom:-1px; right: inherit; left:0; }
.triangle-title{font-size:36px; color:#fff; text-align:center; line-height:1em; position:absolute; top:15px; left:-40px; width:80px; }
.triangle02{width:0px;
height: 0px;
border-style: solid;
border-width:0 50px 100px 50px;
border-color:#809fc3; position:absolute; bottom:-1px; left: inherit; right:0; }
.triangle-title02{font-size:36px; color:#fff; text-align:center; line-height:1em; position:absolute; top:15px; left:-40px; width:80px; }

}



/** 影片 **/
.c-stroke-details .video{}
.c-stroke-details .video .title{ background:url(../images/stroke-icon003.png) no-repeat left center; color:#9fa1a0; font-size:40px; line-height:1em; font-weight: bold;  margin:40px 0 0 0; padding:10px 0 5px 60px; z-index:99; position:relative; display:flex;
      align-items:center;
    }
.c-stroke-details .video .title-line{ border-bottom:2px #9fa1a0 solid; margin:-6px 0 30px 25px;}

.c-stroke-details .video .contect{ font-size:16px; line-height:1.8em; color:#333; padding:0 ;}

/** 影片 **/
.video-main{ padding:35px 5%;}
.video{display: block;position: relative;height: 0;overflow: hidden;padding: 0;padding-bottom: 49%;}
.video iframe {position: absolute;height: 100%;width: 100%; left: 0;top: 0;}
.video-contact{ font-size:16px; line-height:1.8em; color:#333; padding:0 ;}
.video-title{ font-size:28px; line-height:1.8em; color:#e03931; position:relative; padding:10px 0 5px 0; margin:15px 0 0 0;}
.video-title:after{ border-bottom:2px #e03931 dotted; content:""; display:inline-block; width: calc(100% - 120px);height:2px; position:absolute; top:35px;right:0px;}

/** 航班時間 **/
.c-stroke-details .flight{}
.c-stroke-details .flight td{text-align:center; font-size:12px; line-height:1.5em; padding:5px 10px; border-bottom:1px dotted #ccc; border-right:1px dotted #ccc;}

.c-stroke-details .flight .flight-th{font-size:22px; color:#fff; text-align:center; line-height:1.4em; border-right:1px #fff solid;}
.c-stroke-details .flight .flight-th02{font-size:22px; color:#fff; text-align:center; line-height:1.4em;}

.c-stroke-details .flight .flight-td{font-size:24px; color:#333; text-align:center;line-height:1.8em;border-right:1px #6a6a6a solid;font-weight:bold;}
.c-stroke-details .flight .flight-td02{font-size:24px; color:#333; text-align:center;line-height:1.8em;font-weight:bold;}
.c-stroke-details .flight .flight-td03{font-size:18px; color:#333; text-align:center;line-height:.65em;border-right:1px #6a6a6a solid;font-weight:bold;}
.c-stroke-details .flight .flight-td04{font-size:24px; color:#7aa6d3; text-align:center;line-height:1.8em;border-right:1px #7aa6d3 solid;font-weight:bold;}
.c-stroke-details .flight .flight-td05{font-size:24px; color:#7aa6d3; text-align:center;line-height:1.8em;font-weight:bold;}
.c-stroke-details .flight .flight-td06{font-size:18px; color:#7aa6d3; text-align:center;line-height:.65em;border-right:1px #6a6a6a solid;font-weight:bold;}

.c-stroke-details .flight .numb{ background: url(../images/stroke-icon001.png) no-repeat top center; padding:30px 0 0 0;}
.c-stroke-details .flight .numb02{ background: url(../images/stroke-icon002.png) no-repeat top center; padding:30px 0 0 0;}

.c-stroke-details .oproject{display:none;}
.c-stroke-details ul.flight{list-style:none; margin:25px 0 0 0; padding:0;}
.c-stroke-details ul.flight li{padding:15px 0; display:flex;align-items:center;justify-content:center;}
.c-stroke-details .li-line{border-bottom:2px #6a6a6a dotted; }
.c-stroke-details .li-line02{border-bottom:2px #7aa6d3 dotted; }

.c-stroke-details ul.flight li:nth-child(odd){}
.c-stroke-details ul.flight li.th{background:#e93527; color:#fff; padding:10px 0; border:0; }
.th .flight-img, .th .flight-name, .th .flight-price, .th .flight-quantity, .th .flight-subtotal, .th .flight-del{padding-top:5px;}

/** 詳細行程 **/
.d-itinerary{ margin:0 0 50px 0;}
.d-itinerary .d-title{ padding:10px 0 0 0; margin:10px 0 0 0;}
.d-itinerary .d-line{ border-bottom:2px #dcdcdc solid; margin:-10px 0 0 50px;}
.d-itinerary .d-title .d-left{ float:left; width:100px; background:#85a5cc; color:#fff;border-radius:50px;}
.d-itinerary .d-title .d-left .day{font-size:70px; font-family:arial; text-align: right; line-height:.8em; padding:10px 20px 3px 10px;}
.d-itinerary .d-title .d-left .day-en{font-size:16px; text-align:left;line-height:.7em; padding:0 10px 20px 20px; }
.d-itinerary .d-title .d-right{float:left; width: calc(100% - 100px); display:flex;align-items:center;min-height:70px; padding:0 20px; color:#265275; font-size:28px; font-weight:bold; line-height:1.2em; margin:15px 0;}

.d-itinerary .stroke-block-title{ color:#7e9bc5; font-size:40px; line-height:1.2em; border-bottom:1px #a2a2a2 solid; padding:0 0 5px 0; text-align:center; font-weight:bold; margin:0 0 10px 0;}

.d-itinerary .m-l{ padding:20px 0; margin:0 0 20px 0;}
.d-itinerary .m-l .meals{ background:url(../images/stroke-icon004.png) no-repeat 0 18px; padding:10px 0 10px 50px; line-height:1.8em;}
.d-itinerary .m-l .meals ul{ list-style:none; padding:0; margin:0;}
.d-itinerary .m-l .meals ul li{ display:flex; float:left; width:32.33%; margin:.5%; padding:0; font-size:20px; font-weight:bold; color:#2f2f2f;}
.d-itinerary .m-l .meals ul li .m-title{ display:inline-block; margin:12px 0; padding:0 10px 0 0; border-right:2px #444 solid; width:52px;}
.d-itinerary .m-l .meals ul li .m-contect{ display:inline-block;margin:12px 0; padding:0 0 0 5px; flex:1;}

.d-itinerary .m-l .live{ background:url(../images/stroke-icon005.png) no-repeat 0 0px;padding:10px 0 10px 55px;  line-height:1.8em;}
.d-itinerary .m-l .live ul{ list-style:none; padding:0; margin:0; text-align:left;font-size:20px;}
.d-itinerary .m-l .live ul li{ display:inline-block; padding:0; margin:0;font-size:20px; font-weight:bold;color:#2f2f2f;}
.d-itinerary .m-l .live ul li a{color:#2f2f2f;}
.d-itinerary .m-l .live ul li a:hover{ color:#e93527;}

.d-itinerary-day{ border-bottom:2px #ca7a87 dotted; }
.d-itinerary-day-last{ }


@media screen and (max-width:750px){
.d-itinerary .m-l .meals ul li{ float:left; width:100%; margin:.5%; padding:0; font-size:20px; font-weight:bold; color:#2f2f2f;}
.d-itinerary .m-l .meals ul li .m-title{ display:inline-block; margin: 0; padding:0 10px 0 0; border-right:2px #444 solid;}
.d-itinerary .m-l .meals ul li .m-contect{ display:inline-block;margin:0; padding:0 0 0 5px;}
	
	}


/** 行程版型一 **/
.stroke-block001{font-size:16px; line-height:1.8em; color:#333; padding:20px 0 0 0;}
.stroke-block001 img{ width:100%;}
.stroke-block001 .block01{ padding:8px 0;}
.stroke-block001 .block02{ padding:8px 0;}
.stroke-block001 .block02 .left01{ float:left; width:42.8%; margin:0 1.4% 0 0; border:2px #cdced0 dotted; padding:20px; font-size:18px; color:#333; line-height:1.8em; }
.stroke-block001 .block02 .right01{float:left; width:55.8%;}

/** 行程版型二 **/
.stroke-block002{font-size:16px; line-height:1.8em; color:#333; padding:20px 0 0 0;}
.stroke-block002 img{ width:100%;}
.stroke-block002 .block01{ padding:8px 0;}
.stroke-block002 .block01 .left01{ float:left; width:32.5%;  }
.stroke-block002 .block01 .mid01{float:left; width:32.5%; margin:0 1.25%;}
.stroke-block002 .block01 .right01{float:left; width:32.5%; }

.stroke-block002 .block02{ padding:8px 0;}
.stroke-block002 .block02 .left02{float:left; width:50.8%; margin:0 1.4% 0 0;  }
.stroke-block002 .block02 .right02{float:left; width:47.8%; border:2px #cdced0 dotted; padding: 20px; font-size:18px; color:#333; line-height:1.8em;}

/** 行程版型三 **/
.stroke-block003{font-size:16px; line-height:1.8em; color:#333; padding:20px 0 0 0;}
.stroke-block003 img{ width:100%;}
.stroke-block003 .block01{ padding:8px 0;}
.stroke-block003 .block01 .left01{float:left; width:50.8%; border:2px #cdced0 dotted; padding: 20px; font-size:18px; color:#333; line-height:1.8em; margin:0 1.4% 0 0; }
.stroke-block003 .block01 .right01{float:left; width:47.8%;}

.stroke-block003 .block02{ padding:8px 0;}
.stroke-block003 .block02 .left02{float:left; width:35.83%; margin:0 1.4% 0 0;  }
.stroke-block003 .block02 .right02{float:left; width:62.77%;}

/** 行程版型四 **/
.stroke-block004{font-size:16px; line-height:1.8em; color:#333; padding:20px 0 0 0;}
.stroke-block004 img{ width:100%;}
.stroke-block004 .block01{ padding:8px 0;}
.stroke-block004 .block01 .left01{float:left; width:49.3%; margin:0 .7% 0 0; }
.stroke-block004 .block01 .right01{float:left; width:49.3%; margin:0 0 0 .7%;}

.stroke-block004 .block02{ padding:8px 0;}
.stroke-block004 .block02 .left02{float:left; width:28%; }
.stroke-block004 .block02 .mid02{float:left; width:41.2%; margin:0 1.4%; border:2px #cdced0 dotted; padding: 20px; font-size:18px; color:#333; line-height:1.8em;}
.stroke-block004 .block02 .right02{float:left; width:28%;}
.stroke-block004 .block03{ padding:8px 0;}
.stroke-block004 .block03 .left03{float:left; width:49.3%; margin:0 .7% 0 0; }
.stroke-block004 .block03 .right03{float:left; width:49.3%; margin:0 0 0 .7%;}

/** 行程版型五 **/
.stroke-block005{font-size:16px; line-height:1.8em; color:#333; padding:20px 0 0 0;}
.stroke-block005 img{ width:100%;}
.stroke-block005 .block01{ padding:8px 0;}
.stroke-block005 .block01 .left01{float:left; width:49.3%; margin:0 .7% 0 0;}
.stroke-block005 .block01 .right01{float:left; width:49.3%; margin:0 0 0 .7%;border:2px #cdced0 dotted; padding: 20px; font-size:18px; color:#333; line-height:1.8em;}

.stroke-block005 .block02{ padding:8px 0;}
.stroke-block005 .block02 .left02{float:left; width:49.3%; margin:0 .7% 0 0;}
.stroke-block005 .block02 .right02{float:left; width:49.3%; margin:0 0 0 .7%;}

/** 行程版型六 **/
.stroke-block006{font-size:16px; line-height:1.8em; color:#333; padding:20px 0 0 0;}
.stroke-block006 img{ width:100%;}
.stroke-block006 .block01 { width:100%; margin:8px 0 ;border:2px #cdced0 dotted; padding: 20px; font-size:18px; color:#333; line-height:1.8em;}

.stroke-block006 .block02{ padding:8px 0;}
.stroke-block006 .block02 .left02{float:left; width:49.3%; margin:0 .7% 0 0;}
.stroke-block006 .block02 .right02{float:left; width:49.3%; margin:0 0 0 .7%;}


/** 參考售價及出團日期 **/
.group{ margin:0 0 50px 0;}
.calendar001{ float:left; width:49%; margin:0 1% 0 0; position:relative;}
.calendar001 .c-arrow-left{position:absolute; top:0; left:10%; }
.calendar001 a.c-arrow-left{ background:#bbb url(../images/s-arrow-left.png) no-repeat center center; display:block; width:36px; height:36px;  text-align:center; background-size:36%;}
.calendar001 a.c-arrow-left:hover{  background:#999 url(../images/s-arrow-left.png) no-repeat center center; display:block; width:36px; height:36px;  text-align:center; background-size:36%;}

.calendar002{ float:left; width:49%; margin:0 0 0 1%; position:relative;}
.calendar002 .c-arrow-right{position:absolute; top:0;right:10%; }
.calendar002 a.c-arrow-right{ background:#bbb url(../images/s-arrow-right.png) no-repeat center center; display:block; width:36px; height:36px;  text-align:center; background-size:36%;}
.calendar002 a.c-arrow-right:hover{  background:#999 url(../images/s-arrow-right.png) no-repeat center center; display:block; width:36px; height:36px;  text-align:center; background-size:36%;}

/** 參考售價及出團日期-新 **/
.group-news{ margin:0 0 40px 0;}
.group-title{background: #d71418;padding:5px 30px 5px 8px;margin: 0 0 20px 0;line-height: 1.6; font-size: 22px; color: #ffffff;display: table;}
.group-list{}
.group-list>ul{list-style: none;padding: 0;margin: 0;}
.group-list>ul>li{padding:8px 0;margin: 0;display: flex;border-bottom: 1px #dddddd solid;font-size: 18px;color: #333333;text-align: center;line-height: 1.6;}
.group-list>ul>li:first-of-type{background: #84a6cc;font-size: 20px;color: #ffffff;font-weight: bold;}
.group-list>ul>li .sales{display: flex;justify-content: center; flex: 1;width: 100%;padding:4px 15px;}
.group-list>ul>li .discount{display: flex;justify-content: center;flex: 1;width: 100%;padding:4px 15px;border-left: 1px #dddddd solid;border-right: 1px #dddddd solid;}
.group-list>ul>li:first-of-type .discount{border-left: 1px #ffffff solid;border-right: 1px #ffffff solid;}
.group-list>ul>li .date{display: flex;justify-content: center;flex:2;width: 100%;padding:4px 15px;}
.group-list>ul>li .title{width: auto;display: none;}
.group-list>ul>li .content{flex: 1;width: 100%;}
.group-list>ul>li .date .content{color: #d71418;}

/** 費用相關說明 **/
.cost{}
.cost001{ font-size:16px; color:#333; line-height:1.8em; font-weight:bold; padding:0 0 30px 0;}
.cost001 .font001{ font-size:16px; color:#f62d26; line-height:1.8em;}
.cost002{ padding:20px 0 40px 0;}
.cost002 .c-left{ float:left; width:49.3%; margin:0 .7% 0 0; line-height:1.8em; font-size:16px; color:#3486ab;font-weight:bold;}
.cost002 .c-left .c-title{ background:#85a5cc; color:#fff; font-size:30px;line-height:1.6em; padding:0 15px; margin:0 0 20px 0;}
.cost002 .c-right{ float:left; width:49.3%; margin:0 0 0 .7%;line-height:1.8em; font-size:16px; color:#f57d48;font-weight:bold;}
.cost002 .c-right .c-title{background:#eb5312; color:#fff; font-size:30px;line-height:1.6em; padding:0 15px;margin:0 0 20px 0;}

/** 其他相關說明 **/
.other{ font-size:16px; color:#333; line-height:1.8em;}

/** 照片 **/
.photo ul{max-width:1200px; margin:0 auto; padding:0; list-style:none;}
.photo ul li{width:33.33%; margin:10px 0; padding:1% 4%; text-align:center; float:left;}
.photo ul li:hover{background:#f7eaeb;}
.photo ul li h4{font-size:16px; color:#676767; line-height:1.7em; font-weight:bold; margin:10px 0 0 0; padding:0; overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;}
.photo-photo{background:#fff; width:100%; display:table; position:relative; table-layout:fixed;}
.photo-photo a{display:table-cell; height:200px; vertical-align:middle; text-align:center;}
.photo-photo img.index-pro-img{width:auto; height:auto; max-width:100%; max-height:100%;}
@media screen and (max-width:1000px){
	.photo ul li{width:33.33%; margin:10px 0; padding:1% ; text-align:center; float:left;}
.photo-photo a{display:table-cell; height:203px; vertical-align:middle; text-align:center;}
}
@media screen and (max-width:850px){
.photo-photo a{display:table-cell; height:172px; vertical-align:middle; text-align:center;}

}

/** 照片列表 **/
.photo-list ul{max-width:1200px; margin:0 auto; padding:20px 0; list-style:none;}
.photo-list ul li{width:25%; margin:10px 0; padding:1% 2%; text-align:center; float:left;}
.photo-list ul li:hover{background:#f7eaeb;}
.photo-list-photo{background:#fff; width:100%; display: block; position:relative; table-layout:fixed; height:166px; overflow:hidden; }
.photo-list-photo a{display:table-cell; height:166px; vertical-align:middle; text-align:center;}
.photo-list-photo img.index-pro-img{width:auto; height:auto; max-width:100%; max-height:100%;}
.photo-list ul li h4{font-size:14px; color:#333; line-height:1.7em; font-weight:bold; margin:10px 0 0 0; padding:0;}

@media screen and (max-width:980px){
.photo-list ul li{width:25%; margin:10px 0; padding:1%; text-align:center; float:left;}
.photo-list-photo a{display:table-cell; height:146px; vertical-align:middle; text-align:center;}

}
@media screen and (max-width:900px){
.photo-list ul li{width:33.33%; margin:10px 0; padding:1%; text-align:center; float:left;}
.photo-list-photo a{display:table-cell; height:182px; vertical-align:middle; text-align:center;}

}


/** 影片暗箱 **/
@media (min-width: 1000px){
.modal-dialog{ width:1000px; margin:0 auto;}
}

.movie-box{ background:rgba(230,24,24,.7); margin:15% auto; padding:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.movie-box .modal-header button.close { color:#fff; font-size:35px; margin:0; padding:10px;opacity:.8;}
.movie-box .modal-header{ border-bottom:none; padding:0; margin:0; min-height:0;}
.movie-box .contact{ font-size:15px;  color:#098F18; margin:0 0 10px 0; padding:5px 0 15px 0; }

.btn{ padding:0;}

/** 影片 **/
.movie ul{max-width:1200px; margin:0 auto; padding:20px 0; list-style:none;}
.movie ul li{width:25%; margin:10px 0; padding:1% 2%; text-align:center; float:left;}
.movie ul li:hover{background:#f7eaeb;}
.movie-photo{background:#fff; width:100%; display:table; position:relative; table-layout:fixed;}
.movie-photo button{display:table-cell; height:167px; vertical-align:middle; text-align:center;background:#fff;}
.movie-photo img.index-pro-img{width:auto; height:auto; max-width:100%; max-height:100%;}
.movie ul li h4{font-size:14px; color:#333; line-height:1.7em; font-weight:bold; margin:10px 0 0 0; padding:0; height:46px; overflow:hidden;}
@media screen and (max-width:980px){
.movie ul li{width:25%; margin:10px 0; padding:1%; text-align:center; float:left;}
.movie-photo button{display:table-cell; height:147px; vertical-align:middle; text-align:center;background:#fff;}
}
@media screen and (max-width:900px){
.movie ul li{width:33.33%; margin:10px 0; padding:1%; text-align:center; float:left;}
.movie-photo button{display:table-cell; height:183px; vertical-align:middle; text-align:center;background:#fff;}

}




/* 訂單列表 */
.order-search{padding-left:30px;}
.order-list{padding-left:30px;}
.order-list td{text-align:center; font-size:12px; line-height:1.5em; padding:5px 10px; border-bottom:1px dotted #ccc; border-right:1px dotted #ccc;}
.order-list img.pro-photo{width:90px; height:90px; padding:10px; border:1px solid #ccc;}
.order-list .order-list-th{font-size:15px; color:#fff; text-align:center; line-height:25px;}
.order-list .order-list-td{font-size:15px; color:#333; text-align:center;}
.order-list .price{font-size:15px; color:#900;}
.order-list .numb{font-size:15px; color:#788bac; text-align:left;}
.order-list .numb a{color:#788bac;}
.order-list .count{font-size:15px; color:#333;}
.order-list .count-portal{padding:10px 0; border-bottom:1px #ccc dotted; margin-bottom:20px;}
.count-price{font-size:24px; font-family:Verdana; color:#900; font-weight:bold;}
.order-list .portal{display:block; width:200px; font-size:15px; color:#900; float:right; text-align:right;}
.order-list .freight{display:block; width:150px; font-size:15px; color:#900; float:right; text-align:right;}
.oproject{display:none; color:#900;}
ul.order-list{list-style:none; margin:0; padding:0;}
ul.order-list li{border-bottom:1px #ccc dotted; padding:5px 0;}
ul.order-list li:nth-child(odd){background:#f5f5f5;}
ul.order-list li.th{background:#666; color:#fff; text-shadow:-1px -1px 0 #333; padding:3px 0; -webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; border:0;}
.th .order-list-img, .th .order-list-name, .th .order-list-price, .th .order-list-quantity, .th .order-list-subtotal, .th .order-list-del{padding-top:5px;}
.order-list-img{float:left; width:10%; display:table-cell; font-size:15px; vertical-align:middle; text-align:center;}
.order-list-img02{float:left; width:10%; display:table-cell; font-size:15px; padding-top:5px; vertical-align:middle; text-align:center;}
.sorder-list-img img{width:90px; height:auto; padding:5%; border:1px #ccc solid; margin:5%; text-align:center;}
.order-list-del a{color:#fff; padding:3px 10px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgb(248,80,50);}
.order-list-del a:hover{background:rgb(255,48,25);}
.order-ditaile-info{padding:0 0 0 40px; font-size:15px; color:#333; line-height:1.5em;}
.jump-window-box{max-width:500px; margin:0 auto; border:1px solid #ccc; padding:20px; margin-top:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* 會員登入 */
.member-login-box{max-width:500px; margin:0 auto; border:1px solid #ccc; padding:20px; margin-top:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* 購物車 */
.cart-body{max-width:1200px; margin:0 auto;}
.shopping-car{padding-left:30px;}
th.shopping-car-th{background:#69c; font-size:15px; color:#fff; text-align:center; line-height:25px; border-right:1px dotted #fff;}
.shopping-car td{text-align:center; font-size:12px; line-height:1.5em; padding:5px 10px; border-bottom:1px #ccc dotted; border-right:1px #ccc dotted;}
.shopping-car img.pro-photo{width:90px; height:90px; padding:10px; border:1px #ccc solid;}
.shopping-car .pro-name{font-size:15px; color:#333; text-align:left;}
.shopping-car .price{font-size:15px; color:#900;}
.shopping-car .numb{font-size:15px; color:#66f;}
.shopping-car .count{font-size:15px; color:#333;}
.shopping-car .count-portal{padding:10px 0; border-bottom:1px dotted #ccc; margin-bottom:20px;}
W.count-price{font-size:24px; font-family:Verdana; color:#900; font-weight:bold;}
.shopping-car .portal{display:block; width:200px; font-size:15px; color:#900; float:right; text-align:right;}
.shopping-car .freight{display:block; width:150px; font-size:15px; color:#900; float:right; text-align:right;}
ul.shopping-car-list{list-style:none; margin:0; padding:0;}
ul.shopping-car-list li{border-bottom:1px #ccc dotted; padding:5px 0;}
ul.shopping-car-list li.th{background:#777; color:#fff; text-shadow:-1px -1px 0 #393939; min-height:0px; padding:5px 0; border:0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
.th .shop-car-img, .th .shop-car-name, .th .shop-car-price, .th .shop-car-quantity, .th .shop-car-subtotal, .th .shop-car-del{padding-top:5px;}
.shop-car-img{display:table-cell; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-img img{width:90px; height:auto; padding:5%; border:1px solid #ccc; margin:5%; text-align:center;}
.shop-car-name{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-price{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-quantity{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-subtotal{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-del{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-del a{color:#fff; padding:3px 10px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgb(248,80,50);}
.shop-car-del a:hover{background:rgb(255,48,25);}
.shopping-car .oproject{font-size:15px; color:#000; display:none; font-weight:bold;}
.checkout-box{background:#eee; padding:10px; margin-left:30px; border-bottom:2px dotted #fff;}
.checkout-box h3{background:#999; border-left:5px #333 solid; font-size:18px; color:#fff; text-shadow:-1px -1px 0 #666; line-height:30px; padding-left:20px; font-weight:500;}
.check-box{padding:5px; font-size:15px; color:#000;}
.check-box a{color:#000;}
.check-box a:hover{color:#960;}
.appointment{max-width:600px; margin:0 auto;}
.appointment-title{text-align:center;}

/* 產品專區 */
.search{padding:0 10px;}
.search-input{padding:10px 0; position:relative;}
.search-input img{position:absolute; right:0; top:10px;}
.search input{background:#e8d5d5; font-size:15px; color:#737946; padding:5px 0 5px 5%; line-height:31px; height:31px; width:85%; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; border:0; margin:0 10% 0 0; right:70px; vertical-align:middle;}
.search img{vertical-align:middle;}
.pro-store-info{font-size:13px; line-height:1.5em; color:#666; padding:10px 0 10px 35px; border-bottom:1px #ccc dotted; margin-bottom:20px;}
.pro-search-info{font-size:18px; color:#64691f; line-height:1.5em; border-bottom:1px #ccc dotted; margin-bottom:20px; text-align:center; padding-bottom:10px;}
.pro-list ul{max-width:1200px; margin:0 auto; padding:0; list-style:none;}
.pro-list ul li{width:24%; margin:30px .5%; padding:.5%; text-align:center; float:left; border:1px solid #ccc;}
.pro-list ul li:hover{background:#f8f6f6;}
.pro-list ul li h4{font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0;}
.pro-photo{background:#fff; width:100%; display:table; position:relative; table-layout:fixed; border:1px solid #eee;}
.pro-photo a{display:table-cell; height:126px; vertical-align:middle; text-align:center;}
.pro-photo img.index-pro-img{width:auto; height:auto; max-width:100%; max-height:100%;}
.pro-list ul li .index-pro-store{color:#938c83; line-height:1.5em; padding:10px 0; display:block;}
.pro-list ul li .index-pro-price{color:#b83400; font-size:18px; padding:0 0 10px 0; display:block;}
.pro-detaile{padding-left:30px;}
h3.pro-detaile-title{border-bottom:1px #ccc dotted; font-size:20px; color:#333; line-height:30px; margin-bottom:20px; padding-bottom:10px; font-weight:normal;}
.pro-detaile .pro-photo{background:#fff; width:100%; margin:0 0 10px; padding:0;}
.pro-detaile .pro-photo img{width:100%; height:auto;}
.pro-specification{font-size:12px; line-height:1.5em; color:#333; position:relative; margin-bottom:10px;}
.pro-content{padding:0; font-size:12px; line-height:1.5em; color:#999; clear:both;}
.pro-content p.spec{margin:0; padding:0; font-size:12px; line-height:1.5em; color:#333;}
h3.pro-introduce{font-weight:normal; border-top:1px dotted #ccc; border-bottom:1px solid #ccc; border-left:5px solid #900; padding:5px 0 5px 20px; font-size:20px; color:#333;}
.pro-qr-code img{width:100px; height:auto;}
.cart-info{vertical-align:middle;}
.cart-info .price{font-size:28px; font-weight:bold; text-align:right; margin:20px 0; color:#f00; vertical-align:middle; display:block;}
.cart-info .quantity{font-size:16px; color:#333; vertical-align:middle; display:block; padding:10px 0; line-height:30px;}
.cart-info .quantity select{line-height:25px;}
.check-out{text-align:center; vertical-align:middle; display:block;}
.check-out a{display:block; vertical-align:middle; font-size:13px; min-width:130px; color:#333; padding:5px 10px; margin:10px 0; text-shadow:-1px -1px 0 #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fff; border:1px #d4d4d4 solid;}
.check-out a:hover{background:#d4d4d4; text-shadow:-1px -1px 0 #a2a2a2; color:#333;}
.check-out a img{vertical-align:middle; margin-right:10px;}
.cart-btn{padding: 10px 0; text-align:center; margin-top:10px; }
.size{margin:5px 0; padding:7px 0; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf;}
.size ul{list-style:none; margin:0 auto; padding:0;}
.size ul li{background:#aaa; font-size:12px; color:#fff; margin:0 2px; float:left; cursor:pointer; width:25px; line-height:25px; text-align:center;}
.size ul li:hover{background:#5e9bc7;}
.size ul li.active{background:#5e9bc7;}
.size ul li.none{background:#e7e7e7;}
.size ul li.title{background:none; font-size:15px; color:#575757; width:auto;}

/* 產明細圖片特效樣式 */
.slider-wrap{width:100%;}
.stripViewer .panelContainer{width:400% !important;}
.stripViewer .panelContainer .panel ul{text-align:left; margin:0 15px 0 30px; width:100%;}
.stripViewer{position:relative; overflow:hidden; width:100%; height:auto;}
.stripViewer .panelContainer{position:relative; left:0; top:0; width:400%;}
.stripViewer .panelContainer .wrapper{width:100%;}
.stripViewer .panelContainer img{width:100%; height:auto;}
.stripViewer .panelContainer .panel{float:left; position:relative; margin-bottom:0; border:0; box-shadow:none;}
.stripNavL, .stripNavR, .stripNav{display:none; width:100%;}
.slider-wrap a{height:auto;}
.nav-thumb{margin-right:5px;}
#movers-row{margin:5px 0 0; width:101%;}
#movers-row div{width:25%; float:left; padding-right:1%;}
#movers-row div a.cross-link{float:right;}
.photo-meta-data{padding:10px; height:30px; margin-top:-50px; position:relative; z-index:9999; color:white;}
.photo-meta-data span{font-size:13px;}
.cross-link{display:block; margin-top:0px; position:relative; padding-top:0px;}
.active-thumb{background:transparent;}
.panel{width:25%;}

/* 聯絡我們 */
.contact-body{padding:0;}
.contact-note{padding:10px 0; font-size:13px; color:#f00;}
.contact-left img{width:100%; height:auto; margin-top:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.btn-send{font-size:13px;}
a.btn-send{background:#f26565; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-send:hover{background:#d16f6f;}
a.btn-reset{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2feff+0,9eede6+100 */
background: #e2feff; /* Old browsers */
background: -moz-linear-gradient(top, #e2feff 0%, #9eede6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e2feff 0%,#9eede6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e2feff 0%,#9eede6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2feff', endColorstr='#9eede6',GradientType=0 ); /* IE6-9 */padding:3px 10px; text-align:center; font-size:15px; color:#333; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px #bbb solid;}
a.btn-reset:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9eede6+0,e2feff+100 */
background: #9eede6; /* Old browsers */
background: -moz-linear-gradient(top, #9eede6 0%, #e2feff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #9eede6 0%,#e2feff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #9eede6 0%,#e2feff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eede6', endColorstr='#e2feff',GradientType=0 ); /* IE6-9 */}
a.btn-send-over{background:#79919f; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-send-over:hover{background:#63aebd;}
img.code{width:100px; height:32px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 5px; vertical-align:middle;}

/* FAQ */
.faq ul{margin:0; padding:0; list-style:none;}
.faq ul li{border-bottom:1px #fff solid;}
.faq ul li .qa_title{background:#dddcd7; font-weight:normal; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-left:8px solid #333;}
.faq ul li a{color:#333; font-size:15px; display:block; padding:10px 0 10px 10px; text-shadow:1px 1px 0 #fff;}
.faq ul li a:hover{background:#c5c4b7; color:#fff; text-shadow:-1px -1px 0 #666;}
.faq ul li .qa_content{border-top:1px dotted #ccc; padding:10px 0 20px 25px; font-size:13px; line-height:1.5em; color:#666;}

.opacl{font-size:12px; line-height:20px; padding-bottom:10px;}
.opacl a{background:#888; color:#fff; padding:3px 10px; margin:0 5px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.opacl a:hover{background:#699;}
a.close_qa{font-size:12px;}

/* news-list  最新消息 */
.news{}
.news ul{ list-style:none; font-size:12px; padding:0; margin:50px 0 0 0; }
.news ul li{ border-bottom:2px #d89091 dotted; font-size:18px; color:#424041; line-height:1.8em; padding:0 10px;}
.news ul li a{ display:block;background:url(../images/news-icon.jpg) no-repeat 5px 20px; font-size:18px; color:#424041; padding:5px 5px 5px 20px; }
.news ul li a:hover{display:block; background:#ea8485 url(../images/news-icon.jpg) no-repeat 5px 20px ; color:#fff;}

/* 內頁架構 */
.content-body{max-width:1200px; margin:0 auto; padding:0 ;}
.page-title{background:url(../images/page-title.png) left top no-repeat; font-size:16px; color:#333; padding:0 0px 5px 40px; line-height:30px; margin:10px 0 10px 0; border-bottom:1px #ccc dotted; clear:both;}
.page-main{padding:0 5%; font-size:16px; color:#333; line-height:1.8em;}
.left-menu-title{background:#909090; text-align:center; font-size:18px; color:#fff; text-shadow:-1px -1px 0 #666; padding:5px 0 10px 0; border-top:1px dotted #999; -webkit-border-radius:0 0 5px 0; -moz-border-radius:0 0 5px 0; border-radius:0 0 5px 0;}
.in-left-menu>ul{margin:0; padding:10px 0 0; list-style:none; border-bottom:3px solid #dbdbdb;}
.in-left-menu>ul>li{border-bottom:1px solid #eae9dd; font-size:15px; color:#666; padding:5px 0;}
.in-left-menu>ul>li>a{background:url(../images/left-icon.png) no-repeat 5px 7px; color:#333; display:block; padding:5px 0 5px 25px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.in-left-menu>ul>li>a:hover{background:url(../images/left-icon.png) no-repeat 5px 7px #efeded;}
.in-left-menu>ul>li ul{margin:5px 0 0 40px; padding:0; list-style:square;}
.in-left-menu>ul>li ul li{border-top:1px dotted #ccc; padding:5px;}
.in-left-menu>ul>li ul li:hover{background:#e8e8e6;}
.in-left-menu>ul>li ul li a{font-size:13px; color:#666; display:block;}
.in-left-menu>ul>li ul li a:hover{color:#71743d;}

/** 上方選單 **/
.m_classLink{display:none;}
.in-top-menu{padding:10px 0;}
ul.classLink{margin:10px 5% 20px 5%; padding:0; list-style:none; text-align:center;}
ul.classLink li{font-size:16px; color:#666; padding:5px 2px; display:inline-block; text-align:center;min-width:238px; margin:1% 1.36%;}
ul.classLink li a{color:#ffd7d7; display:block; padding:4px 10px ; line-height:1.8em;background:#d71418; position:relative; transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}
ul.classLink li a:hover{ background:#e35d5e; color:#FFF;}
ul.classLink li a.active{ background: #e35d5e; color: #fff;}
ul.classLink li a.active:after{content:" "; width:0px; height:0px; border-style:solid; border-width:5px 7.5px 0 7.5px; border-color:#e35d5e transparent transparent transparent; position:absolute; bottom:-5px; left:50%; margin-left:-7.5px;}

@media screen and (max-width:800px){
.in-top-menu{padding:35px 0 20px 0;}
ul.classLink{display:none;}
.m_classLink{display:block; position:relative; margin:0 2%;}
.m_classLink a.main{display:block; background:#e35d5e; font-size:15px; font-family:"微軟正黑體", "新細明體", sans-serif;  color:#FFF; position:relative; padding:10px;}
.m_classLink a.main i{display:block; font-size:15px; background:#d71418; width:30px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0; cursor: pointer;}
.m_classLink ul{display:none; width:100%; background:#f6e2e2; border:1px solid #d1d1d1; position:absolute; left:0; top:100%; z-index:999; box-sizing:border-box; margin:0; padding:0; list-style:none;}
.m_classLink ul li{ margin:0; padding:0; background:#fde4e5; border:1px #fff solid;}
.m_classLink ul li a{display:block; padding:12px 10px; border-top:1px solid #d1d1d1; font-family:"微軟正黑體", "新細明體", sans-serif; font-size:15px; color:#222;background:#fde4e5;}
.m_classLink ul li a:hover{ background:#e35d5e; color:#fff;}

.m_classLink ul li:first-child a{border:none;}
}

/** 行程上方選單 **/
.m_classLink-s{display:none;}
.in-top-menu-s{padding:10px 0;}
ul.classLink-s{margin:10px 5% 20px 5%; padding:0; list-style:none; text-align:center;}
ul.classLink-s li{font-size:16px; color:#666; padding:5px 2px; display:inline-block;text-align:center;min-width:100px; margin:1% 1.36%;}
ul.classLink-s li a{color:#fff; display:block; padding:4px 10px ; line-height:1.8em;background:#53b8b4; position:relative; transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}
ul.classLink-s li a:hover{ background:#72cfcb; color:#fff;}
ul.classLink-s li a.active-s{ background: #72cfcb; color: #fff;}
ul.classLink-s li a.active-s:after{content:" "; width:0px; height:0px; border-style:solid; border-width:5px 7.5px 0 7.5px; border-color:#72cfcb transparent transparent transparent; position:absolute; bottom:-5px; left:50%; margin-left:-7.5px;}

@media screen and (max-width:800px){
.in-top-menu-s{padding:35px 0 20px 0;}
ul.classLink-s{display:none;}
.m_classLink-s{display:block; position:relative; margin:0 2%;}
.m_classLink-s a.main-s{display:block; background:#72cfcb; font-size:15px; font-family:"微軟正黑體", "新細明體", sans-serif;  color:#FFF; position:relative; padding:10px;}
.m_classLink-s a.main-s i{display:block; font-size:15px; background:#53b8b4; width:30px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0; cursor: pointer;}
.m_classLink-s ul{display:none; width:100%; background:#f6e2e2; border:1px solid #d1d1d1; position:absolute; left:0; top:100%; z-index:999; box-sizing:border-box; margin:0; padding:0; list-style:none;}
.m_classLink-s ul li{ margin:0; padding:0; background:#fde4e5; border:1px #fff solid;}
.m_classLink-s ul li a{display:block; padding:12px 10px; border-top:1px solid #d1d1d1; font-family:"微軟正黑體", "新細明體", sans-serif; font-size:15px; color:#222;background:#cff4f3;}
.m_classLink-s ul li a:hover{ background:#53b8b4; color:#fff;}

.m_classLink-s ul li:first-child a{border:none;}
}


/* 內頁BANNER */
.inside-banner{ border-bottom:2px #c36b7b dotted; padding:10px 0 0 0; margin:25px 0;}
.inside-banner .banner-title{max-width:1200px; font-size:28px; color:#31302e; margin:0 auto;  padding:0; line-height:1.8em; font-weight:bold; text-align:center;}
.inside-banner02{ border-bottom:2px #c36b7b dotted; padding:40px 0 0 0; margin:50px 0 0 0;}
.banner-title02{max-width:330px; font-size:24px; color:#fff; margin:-24px auto 0 auto;  padding:0 15px; line-height:1.8em; text-align:center; background:#d71418;}
.inside-banner03{ border-bottom:2px #c36b7b dotted; padding:40px 0 0 0; margin:50px 0 0 0;}
.banner-title03{max-width:170px; font-size:28px; color:#d71418; margin:-26px auto 0 auto;  padding:0 15px; line-height:1.8em; text-align:center; background:#fff;}
.inside-banner04{ border-bottom:2px #c36b7b dotted; padding:20px 0 0 0; margin:50px 0 0 0;}
.banner-title04{max-width:330px; font-size:24px; color:#fff; margin:-24px auto 0 auto;  padding:0 15px; line-height:1.8em; text-align:center; background:#d71418;}
.inside-banner05{ border-bottom:2px #c36b7b dotted; padding:40px 0 0 0; margin:50px 0 0 0;}
.banner-title05{max-width:170px; font-size:28px; color:#fff; margin:-26px auto 0 auto;  padding:0 15px; line-height:1.8em; text-align:center; background:#d71418;}
.inside-banner06{ border-bottom:2px #c36b7b dotted; padding:40px 0 0 0; margin:50px 0 0 0;}
.banner-title06{max-width:170px; font-size:24px; color:#fff; margin:-24px auto 0 auto;  padding:0 15px; line-height:1.8em; text-align:center; background:#d71418;}
.banner-title07{ font-size:40px; color:#333; margin:0;  padding:40px 0 20px 0; line-height:0.8em; text-align:center; }
.banner-title07-en{ font-size:24px;font-family:arial;}
.inside-banner08{ border-bottom:2px #c36b7b dotted; padding:40px 0 0 0; margin:50px 0 0 0;}
.banner-title08{max-width:1200px; font-size:24px; color:#fff; margin:-24px auto 0 auto;  padding:0 25px; line-height:1.8em; text-align:center; background:#d71418; float:left;}
.inside-banner09{ max-width:1200px; margin:0 auto;}
.banner-title09{max-width:900px; font-size:24px; color:#fff; margin:-24px auto 0 auto;  padding:0 15px; line-height:1.8em; text-align:center; background:#d71418;}

/** 路徑 **/
.path{ max-width:1200px; color:#575757; font-size:16px; margin:10px auto;}
.path a{ color:#575757;}
.path a:hover{ color:#d71418;}

/** 標籤 **/
.tag{ max-width:1200px; color:#666666; font-size:13px; margin:10px auto;}
.tag a{ color:#666666;}
.tag a:hover{ color:#d71418;}

/* 首頁產品 */
.index-pro{max-width:1200px; margin:0 auto;}
.index-pro-title{font-size:24px; color:#333; line-height:30px; padding-bottom:10px; text-align:center; font-weight:normal; border-bottom:3px solid #dfdfdf;}
.index-pro ul{max-width:1200px; margin:0 auto; padding:0; list-style:none;}
.index-pro ul li{width:20%; padding:1%; text-align:center; float:left;}
.index-pro ul li:hover{background:#f8f6f6;}
.index-pro ul li h4{font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0;}
.index-pro ul li .index-pro-store{color:#938c83; line-height:1.5em; padding:10px 0; display:block; text-decoration:line-through;}
.index-pro ul li .index-pro-price{color:#b83400; font-size:20px; padding:0 0 10px 0; display:block; font-family:Helvetica, arial;}
a.cart{background:#9b9b9b; padding:5px 8px; color:#fff; font-size:15px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:0 solid #dbdbdb; width:48%; margin-right:2%; float:left;}
a.cart img{padding-right:0px; vertical-align:middle;}
a.cart:hover{background:#a7a7a7;}
a.check{background:#9b9b9b; padding:5px 8px; color:#fff; font-size:15px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:0 solid #dbdbdb; width:48%; margin-left:2%; float:left;}
a.check img{padding-right:0px; vertical-align:middle;}
a.check:hover{background:#a7a7a7;}
.index-more{max-width:1200px; border-top:1px solid #dad0d0; margin:50px auto 0; height:50px; position:relative;}
.index-more a{background:url(../images/index-more-pro.png) no-repeat; color:#a7a7a7; width:132px; height:36px; display:block; margin:0 auto; text-align:center; position:absolute; top:-10px; left:50%; margin-left:-66px;}

/* 首頁連結 */
.index-link{max-width:1200px; margin:0 auto;}
.index-link h3{color:#333; font-size:36px; font-weight:normal; text-align:center; line-height:0.8em; letter-spacing:2px;}
.index-link h3 .red{color:#d45500; font-size:24px; letter-spacing:0px;}
.index-link h3 .brwon{color:#c2ab8a; font-size:24px; padding-left:15px; letter-spacing:0px;}
.index-link-top{height:75px;}
.index-link ul{background:#e1e1e1; margin:0; padding:0; list-style:none;}
.index-link ul li{float:left; width:25%; margin:0; padding:0; border:1px dotted #fff;}
.index-link ul li img{width:100%; height:auto; border:0; margin:0; padding:0;}

/* 首頁 搜尋 最新消息模組 */
.index-news{width:100%; position:relative;}
.index-news-line{position:absolute; width:100%; border-bottom:1px #d1d1d1 solid; top:50px; z-index:-1;}
.index-search-news{max-width:1200px; margin:0 auto;}
.index-search h3{font-size:24px; color:#333; font-weight:normal; line-height:40px; margin:10px 0 10px 0; padding:0;}
.index-search span{display:block; float:right; font-size:15px; color:#d1d1d1; font-weight:normal;}
.index-search-input{padding:10px 0 20px 0; position:relative; color:#333;}
.index-search-input img{position:absolute; right:0; top:10px;}
.index-search input{background:#e8d5d5; font-size:15px; color:#333; padding:5px 0 5px 20px; line-height:21px; width:100%; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; border:0; margin:0 5% 0 0; right:51px; vertical-align:middle;}
.index-search img{vertical-align:middle;}

/* 會員登入 */
h3.login-title{margin:10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9b9b9b;}
.icon-tool{width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.member-signup{font-size:14px; color:#828282; line-height:20px; padding:5px 0; text-align:center;}
.calender{width:30px; height:auto;}

/* 版面欄位 */
.main{padding-top:0px;}
.col-100{float:left; width:100%;}
.col-010{width:9%; margin-right:1%; float:left;}
.col-015{width:14%; margin-right:1%; float:left;}
.col-020{width:19%; margin-right:1%; float:left;}
.col-025{width:24%; margin-right:1%; float:left;}
.col-030{width:29%; margin-right:1%; float:left;}
.col-040{width:39%; margin-right:1%; float:left;}
.col-045{width:44%; margin-right:1%; float:left;}
.col-050{width:49%; margin-right:1%; float:left;}
.col-055{width:54%; margin-right:1%; float:left;}
.col-060{width:59%; margin-right:1%; float:left;}
.col-065{width:64%; margin-right:1%; float:left;}
.col-070{width:69%; margin-right:1%; float:left;}
.col-075{width:74%; margin-right:1%; float:left;}
.col-080{width:79%; margin-right:1%; float:left;}
.col-085{width:84%; margin-right:1%; float:left;}
.cor-010{width:10%; float:left;}
.cor-015{width:15%; float:left;}
.cor-020{width:20%; float:left;}
.cor-025{width:25%; float:left;}
.cor-030{width:30%; float:left;}
.cor-035{width:35%; float:left;}
.cor-040{width:40%; float:left;}
.cor-045{width:45%; float:left;}
.cor-050{width:50%; float:left;}
.cor-055{width:55%; float:left;}
.cor-060{width:60%; float:left;}
.cor-065{width:55%; float:left;}
.cor-070{width:70%; float:left;}
.cor-075{width:75%; float:left;}

/* 訂位填寫 */
.show-date{background:#14a1f0; padding:5px 10px; font-size:14px; color:#fff; line-height:25px; margin-bottom:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.show-date a{color:#d0ff00; text-decoration:none;}
.show-date a:hover{color:#f0ff9b;}
.kyein-be-member{background:#ff1115; padding:5px 10px; font-size:14px; color:#ffdada; line-height:25px; margin-bottom:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* 訂位區塊 */
.info-box{font-size:14px; color:#686868; line-height:20px; padding-bottom:10px; margin-bottom:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
h4.info-title{background:#ffeded; font-size:17px; line-height:30px; color:#ad3a3c; padding:0 0 0 10px; margin:5px 0px 10px 0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:normal;}
.info-content{padding:0 0 10px 20px;}
.info-content ul{list-style:square; margin:0; padding:0 0 0 20px;}
.info-content ul li{border-bottom:1px dotted #bfbfbf; margin-bottom:10px; color:#a41c1f;}
.info-content ul li p{font-size:12px; color:#767676; margin:0 0 10px; padding:0;}
h5.info-set-opint{color:#69b7ff; font-size:15px; line-height:25px; border-bottom:1px solid #d9d9d9; margin:0 0 10px;}

/* step */
.step{list-style:none; margin:0; padding:20px 0;}
.step li{float:left; width:25%; font-size:28px; line-height:1.2em; color:#d9d9d9; border-left:1px solid #d9d9d9; padding:0; text-align:center;}
.step li.active, .step li.active span{color:#0091ed;}
.step li span{color:#7f7f7f; display:block; font-size:15px; line-height:18px; padding:5px 0 0; border-top:1px dotted #dbd8d8; margin:10px auto 0; width:80%;}

/* 定位-選項-時段 */
.order-opinion{padding:0 0 10px;}
.time{font-size:14px; color:#7e7e7e; line-height:20px;}
.time ul{margin:0; padding:0; list-style:none;}
.time ul li{background:#ff5558; float:left; text-align:center; font-size:14px; color:#fff; line-height:20px; padding:3px 0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:1% 1% 0 0; width:11.5%;}
.time ul li a{color:#fff;}
.time ul li:hover{background:#d30003;}
.time ul li.finish{background:#d3d2d2;}
.time ul li span{display:block; border-top:1px solid #ffb6b7; line-height:20px;}
.order-note{color:#df0205; padding:10px 0;}

/* 歷史訂單 */
.table-border{background:#dbdbdb; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:10px;}
.table-border th{font-size:14px; color:#fff; padding:3px 5px;}
.table-border td{font-size:14px; color:#515151; padding:3px 5px; text-align:center;}
.table-border tr:first-child{background:#ff6700; font:12px; padding:3px 5px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.table-border tr:last-child{background:#fff; font:12px; padding:3px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.table-border tr:nth-child(2n){background:#fff;}
.table-border tr:nth-child(2n+3){background:#fffbf0;}

/* 表單欄位 */
.form-box{min-width:280px;}
.form-box input, .form-box img{vertical-align:middle;}
.form-style01{font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; padding:5px 0 10px 0; line-height:20px; width:100%;}
.opinion{margin-bottom:5px;}
.opinion01{ float:left; width:50%;margin-bottom:5px;}
.opinion02{ float:left; width:50%;}

.opinion-left01{background:#fff; float:left; width:150px; border:1px solid #cbcbcb; border-right:0; padding:8px 20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; min-height:32px;}
.opinion-left02{background:#fff; float:left; width:150px; border:1px solid #cbcbcb; border-right:0; padding:8px 20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; border-radius:0; min-height:32px;}
.opinion-left03{background:#fff; float:left; width:150px; border:1px solid #cbcbcb; border-right:0; padding:8px 20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; height:112px; min-height:32px;}
.opinion-left04{background:#fff; float:left; width:50px; border:0px solid #cbcbcb; border-right:0; padding:3px 20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:18px; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; min-height:26px;}

.opinion-right01{float:left; width:7.5%; border:1px solid #cbcbcb; padding:0 2%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; border-left:0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.input-main-style01{float:left; width:55%; border:1px solid #cbcbcb; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset;}
.input-main-style02{background:#fff; float:left; width: calc(100% - 150px); border:1px solid #cbcbcb; margin:0; padding:8px 20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset; min-height:32px;}

.input-main-style03{float:left; width:93.3333%; border:1px solid #cbcbcb; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset;}
.input-main-style04{background:#fff; float:left; width: calc(100% - 150px); border:1px solid #cbcbcb;  border-right:0px solid #cbcbcb;margin:0; padding:8px 20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; border-radius:0; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset;min-height:32px;}
.input-main-style05{background:#fff; float:left; width: calc(100% - 50px); border:1px solid #cbcbcb;margin:0; padding:1px 20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:18px; border-radius:5px; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset;min-height:26px;}
.input-main-style06{background:#fff; float:left; width: calc(100% - 150px); border:1px solid #cbcbcb; margin:0; padding:5px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset; min-height:32px;}

.select-style{font-size:15px; color:#666; line-height:20px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.order-numb{color:#ff0004;}

/* 輸入欄位 */
.input-style01{border:1px solid #cbcbcb; padding:5px 20px; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; border-radius:0 5px 5px 0; width: calc(100% - 150px);margin-bottom:-7px; -moz-box-shadow:0px 0px 5px #e9e9e9 inset;              
	-webkit-box-shadow:0px 0px 5px #e9e9e9 inset;           
	box-shadow:0px 0px 5px #e9e9e9 inset;                   
}
.input-botton01{border:1px #cbcbcb solid; padding:5px 3%; line-height:18px; font-size:13px; font-family:"微軟正黑體"; color:#4e4e4e; width:100px; margin:0 auto; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:5px; text-shadow:1px 0px #fff; font-weight:800;}
.select-style01{border:1px #cbcbcb solid; padding:5px 3%; width:99%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; margin:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #e9e9e9 inset;              
	-webkit-box-shadow:0px 0px 5px #e9e9e9 inset;           
	box-shadow:0px 0px 5px #e9e9e9 inset;                   
}
.input-botton-blue{background:#feffff;}
.bg-gary-whrite{background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* ff3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(98%, rgba(0,0,0,0.06))); /* chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* Ie10+ */
	background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* W3c */
filter:progid:dXImageTransform.Microsoft.gradient( startcolorstr='#00000000', endcolorstr='#0f000000', GradientType=0 ); /* Ie6-9 */
}
.bg-red-orange{background:rgb(248,80,50); 
	background:-moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* ff3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1))); /* chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* Ie10+ */
	background:linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* W3c */
filter:progid:dXImageTransform.Microsoft.gradient( startcolorstr='#f85032', endcolorstr='#e73827', GradientType=0 ); /* Ie6-9 */
}

/** 頁碼 **/
.m_pageLink{display:none;}
.page{padding:20px 0 0 0;}
ul.pageLink{margin:0 5%; padding:0; list-style:none; text-align:center;}
ul.pageLink li{font-size:16px; color:#858585; padding:0; text-align:center; display:inline-block;margin:1% 0;}
ul.pageLink li a{color:#858585; display:block;  padding:1px 10px;  line-height:1.8em; position:relative; transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}
ul.pageLink li a:hover{ background:#858585; color:#fff;border-radius:20px;}
ul.pageLink li a.active02{ background: #858585; color: #fff;border-radius:20px;}



@media screen and (max-width:480px){
.page{padding:35px 0 20px 0;}
ul.pageLink{display:none;}
.m_pageLink{display:block; position:relative; margin:0 2%;}
.m_pageLink a.page-main{display:block; background:#dfdfdf; font-size:15px; font-family:"微軟正黑體", "新細明體", sans-serif;  color:#858585; position:relative; padding:6px 10px;}
.m_pageLink a.page-main i{display:block; font-size:15px; background:#858585; width:30px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0; cursor: pointer;}
.m_pageLink ul{display:none; width:100%; background:#f6e2e2; border:1px solid #d1d1d1; position:absolute; left:0; top:100%; z-index:999; box-sizing:border-box; margin:0; padding:0; list-style:none;}
.m_pageLink ul li{ margin:0; padding:0; background:#fde4e5;}
.m_pageLink ul li a{display:block; padding:12px 10px; border-top:1px solid #d1d1d1; font-family:"微軟正黑體", "新細明體", sans-serif; font-size:15px; color:#222;background:#fff;}
.m_pageLink ul li a:hover{ background:#dfdfdf; color:#858585;}

.m_pageLink ul li:first-child a{border:none;}
}

/** 詐騙警語 **/
.warning-main{padding: 20px 0;background: #d9d9d9;}
.warning{max-width: 1200px;margin: 0 auto;display: flex;align-items: center;}
.warning .warning-title{width:auto;font-size: 36px; color: #313131;margin: 0 4vw 0 0;background: url("../images/warning-icon.png")no-repeat left center;background-size: 42px;padding: 20px 0 20px 55px;font-weight: bold;display: flex;align-items: center;line-height: 1.4;}
.warning .warning-content{flex: 1;font-size: 15px;}
.warning .warning-content span{color: #ca1c1d;}
@media screen and (max-width:780px){
    .warning-main{padding: 20px 15px;}
    .warning{display: block;}
    .warning .warning-title{width: 170px;margin: 0 auto 15px auto;font-size: 30px; background: url("../images/warning-icon.png")no-repeat left center;background-size: 36px;padding: 5px 0 5px 50px;}
    .warning .warning-content{flex: initial;width: 100%;}
}

/* 底部資訊 */
footer{background:#ca1c1d; padding:60px 0 35px 0;}
footer .footer{max-width:1200px; margin:0 auto;}
footer .footer .f-contect{ float:left; width:52%; margin:0 2% 0 0; border-right:1px #fff solid;}
footer .footer .f-contect .f-logo{display:block; width:206px; height:38px; margin:15px 0;color:#fff; font-size:41px;}
footer .footer .f-contect .f-logo a{display:block; width:206px; height:38px; margin:15px 0; color:#fff; font-weight:bold; font-size:41px;}

footer .footer .f-contect .information{ color:#fff; font-size:15px;line-height:1.6em; padding:0 20px 0 0;}
footer .footer .f-contect .information a{ color:#fff; }
footer .footer .f-contect .information a:hover{ text-decoration:underline;}

footer .footer .f-contect .interval{ padding:0 10px;}
footer .footer .bottom-info{float:right; width:46%; padding:20px 10px;}
footer .footer .bottom-info ul{list-style:none; margin:20px 0; padding:0;}
footer .footer .bottom-info ul li{float:left; font-size:15px; width:24%; line-height:1.6em; text-align:center; margin:0 .5%}
footer .footer .bottom-info ul li a{color:#fff; padding:5px;}
footer .footer .bottom-info ul li a:hover{color:#fffe82;}
footer .footer .bottom-info .f-y{ text-align:center; height:54px; position:relative;}
footer .footer .bottom-info .f-y .fb{ display:inline-block; margin:2% .5% 2% 0; height:30px; position:absolute; top:2%; left:40px;}
footer .footer .bottom-info .f-y .youtube{ display:inline-block; margin:2.1% 0 2% .5%; height:26px; position:absolute; top:2%; left:140px; border:1px #fff solid;border-radius:3px;}
.yt-uix-button.yt-uix-button-subscribe-branded, .yt-uix-button.yt-uix-button-subscribed-branded{ margin:0 2px 0 0;}