@charset "utf-8";

    
/* 預設樣式 */
*{-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:16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft JhengHei", Roboto, "Helvetica Neue", Arial, sans-serif;
	     /* mac系統字體, iOS系統字體,	windows英文系統字體, 微軟正黑體, Android系統字體, iOS系統字體, 通用字體, 通用字體 */ line-height:1.6em; background:#ffffff url(../images/bg.png) no-repeat center 250px; background-size:cover;}

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


.warpper{padding-bottom:50px;}
.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:#666;}
::-moz-placeholder{color:#666;}
:-ms-input-placeholder{color:#666;}
input:-moz-placeholder{color:#666;}

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


/*  手機選單  */
.slicknav_nav>li:nth-child(4n+1)>a { background: #007bc6; color: #ffffff; }
.slicknav_nav>li:nth-child(4n+2)>a { background: #fbc600; color: #ffffff; }
.slicknav_nav>li:nth-child(4n+3)>a { background: #e3007f; color: #ffffff; }
.slicknav_nav>li:nth-child(4n+4)>a { background: #5bb431; color: #ffffff; }


.head-main{width:100%; max-width:1200px; margin:0 auto; padding:52px 0 0 0;}
.head-tool{width:310px; float:right; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; border:1px solid #e5e3e3; text-align:center; overflow:hidden; margin-top:20px;}
.head-tool li{list-style:none; padding:0px; margin:0; float:left; width:33.33%;}
.head-tool li a{margin:0; padding:5px; display:block; color:#767575;}
.head-tool li a:hover{background:#666; color:#fff;}

.head-main .logo { float:left;display: block; width:305px; height:47px; }
.head-main .logo a{display: block; width:100%; height:auto;}
.head-main .logo img{width:306px; 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;}
.edm img{ border-bottom:7px #5bb431 solid; border-left:7px #5bb431 solid;border-right:7px #5bb431 solid;}

/** 浮動 **/
.float{ position:fixed; top:27%; right:2%; z-index:999;}
.float ul{ list-style:none; padding:0; margin:0;}
.float ul li{ display:block; padding:0; margin:10px; width:79px; text-align:center;}

.float ul li a.online{ background:#7a0303 url(../images/online-icon.png) no-repeat center 16px; border:7px #e74040 solid; border-radius:5px; font-size:16px; color:#ff8787;line-height:0.9em ; padding:58px 0 10px 0;}
.float ul li a.online .font002{ font-size:14px; color:#e74040; padding:5px 0; }

.float ul li a.online:hover{border:7px #f96c6c solid;}
.float ul li a.fb {background:#3b579d url(../images/fb-icon.jpg) no-repeat center center; display:block; width:79px; height:77px; border:7px #6584cf solid;border-radius:5px; }
.float ul li a.fb:hover{border:7px #9fbafb solid;}


/* 選單與下拉 */
nav{ float:left; margin:2px 0 35px 50px; width: calc(100% - 356px);}
.menu{padding:0; list-style:none; position:relative; max-width:1200px; margin:0 auto;display: flex;justify-content: flex-end;}
.menu>li{color:#fff; width:16%; float:left; margin:0 2%;text-align: center; font-size:18px;position:relative; line-height:24px; cursor:pointer; padding:0;}
.menu>li:nth-child(7n){border-right:0;}
.menu>li>a{color:#3c3c3c; display:block; padding:8px 10px 8px 38px; background:url(../images/menu-icon.png) no-repeat left 10px top 0;-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; }
.menu>li>a:hover{ background:#e3c417 url(../images/menu-icon.png) no-repeat left 10px top -40px;-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; color:#fff;border-radius:5px; }
.menu>li.sub>ul.sub-menu{display:none; background:rgba(0,0,0,0.5); position:static; margin:0; padding:0; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; z-index:999;}
.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:100%; left:0; top:47px; z-index:999;}
.menu>li.sub>ul.sub-menu>li{display:block; border-top:1px dotted #fff;}
.menu>li.sub>ul.sub-menu:hover li{display:block;}
.menu>li.sub>ul.sub-menu>li>a{display:block; color:#fff;}
.menu>li.sub>ul.sub-menu>li>a:hover{background:#3cace3;}
 @media screen and (max-width:1025px){
	.menu>li{width:21%;}
}
/* 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;}


/** 搜尋 **/
.search{ max-width:1200px; background:#5bb431; padding:0 0 0 10px ; clear:both;}
.conditional-search { float:left; width:77%; padding:18px 20px 16px 20px;}
.conditional-search h4{ padding:0 15px 0 0 ; margin:0; font-weight:normal; display:inline-block; font-size:18px; color:#fff;}

.choreography { display:inline-block; margin:0 20px 0 0;}
.choreography select, .choreography02 input, .key-search input { border: 0; border-radius:0px;}
.choreography02{display:inline-block;background:url(../images/date-icon.png) no-repeat center right; padding:0 35px 0 0; margin:0 20px 0 0;}

.conditional-search-field001{ min-width:172px; border:none; height:28px; padding:0 10px;font-size:16px;font-family:微軟正黑體;color:#5bb431; margin:0; }
.conditional-search-field002{width:137px; border:none; height:28px; padding:0 10px;font-size:16px;font-family:微軟正黑體;color:#5bb431; margin:-5px 0 0 0; }
.conditional-search-field002::-webkit-input-placeholder{font-size:16px;font-family:微軟正黑體;color:#5bb431;  text-align: center;}

.conditional-search-button{ background:#388414; font-size:16px; color:#ccffc5; min-width:120px; line-height:28px; border:none;font-family:微軟正黑體;border-radius:3px; cursor: pointer;}

.key-search{float:left; width:23%; padding:22px ; border-left:1px #d9cfa8 solid;display: flex;}	
.key-search-field{ border:none; background:#fff;  width:80%; height:28px; padding:0 10px; line-height:28px; font-family:微軟正黑體; display:inline-block; color:#5bb431;font-size:16px;}	
.key-search-button{ background: url(../images/btn-search.png) no-repeat center right; width:40px; height:28px;display:inline-block; border:none;cursor:pointer; margin:0;}	
.key-search-field::-webkit-input-placeholder{color:#5bb431;font-size:16px;font-family:微軟正黑體; text-align: center;}


/* 座位表 */
.bus { background: #EFEFEF; border: 3px #E82858 solid; padding: 20px; border-radius:15px; max-width: 400px; margin: 0px auto 20px auto;}
.bus .scheduled-title { background: #D05759; color: #ffffff; margin: 10px 0 5px 0; text-align: center; border-radius:5px 5px 0 0;}

.bus-left { width: 45%; margin:1% 5% 1% 0; float: left;}
.bus-right { width: 45%; margin:1% 0 1% 5%; float: left;}
.bus-right .no-seat img { margin: 1% 0;}
.bus-left ul, .bus-right ul { margin: 0; padding: 0; list-style: none;}
.bus-left ul li, .bus-right ul li { overflow: auto;height: 82px; }
.bus-right ul li.no-seat{height: 201px;}
.bus-right ul li.no-seat-after{height: 82px;overflow: hidden;}
.left-seat, .right-seat { width:50%; margin: 1% 0; float: left; text-align: center; position: relative; font-size: 14px; }
.left-seat img, .right-seat img { display: block;}
.bus .check-in { position: absolute; top: 0; border-bottom: 0; left: 0; right: 0; text-align: center; color: #ffffff; }
.bus .check-in input { display:inline-block;}

.bus .been-order-text { position: absolute; width: 100%; padding-top:20px; height: 100%; text-align: center; color: #ffffff; z-index: 999; }

.been-order { -webkit-filter:grayscale(1); opacity: 0.3;}

.seat-info .seat-nub { background: #ED0E53; font-size: 18px; color: #ffffff; font-weight: normal; text-align: center; margin: 0 0 10px 0; padding: 10px; border-radius:10px; }
.seat-info-main{display: flex;flex-wrap: wrap;}
.seat-info {width: calc(50% - 10px); background: #ffe2ed; margin: 0px 5px 10px 5px; padding: 5px; border:2px solid #fcbdd6; border-radius:15px;}
.right-seat-34 { width:50%; margin: 1% 0; float:right; text-align: center; position: relative; font-size: 14px; }
.right-seat-34 img { display: block;}
.bus-right-34 { width: 45%; margin:1% 0 1% 5%; float: left;}
.bus-right-34 .no-seat  { margin: 0 ;height: 201px;overflow: hidden;}
.bus-right-34 .no-seat img { margin: 0 ;width: 100%;}
.bus-right-34 ul { margin: 0; padding: 0; list-style: none;}
.bus-right-34 ul li { overflow: auto;height: 82px; }
.bus-right-34 .scheduled-title { background: #D05759; color: #ffffff; margin: 10px 0 5px 50%; text-align: center; border-radius:5px 5px 0 0;}
.bus-right-34 .scheduled-title:last-of-type { background: #D05759; color: #ffffff; margin: 10px 0 5px 0; text-align: center; border-radius:5px 5px 0 0;}



@media screen and (max-width:960px){
	.seat-info-main{display:block;}
	.seat-info {width:100%;margin: 0px 0 10px 0; }
}


/** 首頁最新消息 **/
.i-news{ max-width:1200px; margin:0 auto; padding:0;}
.i-news h3{ background:url(../images/news-line.jpg) no-repeat center 80%; text-align:center;}
.i-news ul{ margin:0; padding:0; list-style:none;}
.i-news ul li{width:31.5%; margin:10px 2.7% 10px 0; padding:0; text-align:center; float:left;}
.i-news ul li:nth-child(3n){ margin:10px 0 10px 0;}

.i-news ul li:hover{}
.i-news-photo{background:#fff; width:100%; display:table; position:relative; table-layout:fixed; border:4px solid #e3007f;}
.i-news-photo a{display:table-cell; height:230px; vertical-align:middle; text-align:center;}
.i-news-photo img.index-pro-img{width:auto; height:auto; max-width:100%; max-height:100%;}
.i-news ul li .information{ padding:10px 0;}
.i-news ul li .information .i-news-date{ float:left;width:77px; font-size:20px; color:#fff; background:#227ba5; text-align:center; padding:9.5px 10px; line-height:1.4em; margin:0 10px 0 0;}
.i-news ul li .information .i-news-date .year{ font-size:24px; }

.i-news ul li .information .i-news-contect{ float:left;width: calc(100% - 87px); text-align:left; padding:0 5px 0 0;}
.i-news ul li .information .i-news-contect h4 { font-size:16px; color:#010101; margin:0; padding:0 0 2px 0; font-weight:normal; height: 20px; overflow: hidden;}
.i-news ul li .information .i-news-contect .contect{ font-size:14px; color:#716363; height: 45px; overflow: hidden;}
.i-news .more{ max-width:1200px; background:url(../images/more-line.jpg) no-repeat center center; margin:40px 0 60px 0;}
.i-news .more-main{ font-size:16px; color:#fff; background:#e3007f; width:226px; height:34px; display:block; margin:0 auto;border-radius:20px; text-align:center; line-height:34px;}
.i-news .more-main a{ font-size:16px; color:#fff; width:226px; height:34px; display:block;border-radius:20px;}
.i-news .more-main a:hover{ font-size:16px; color:#fff;width:226px; height:34px; display:block;border-radius:20px; background:#a4015c;}

/** 首頁行程 **/
.i-stroke{ max-width:1200px; margin:40px auto;}
.i-stroke ul{ list-style:none; padding:0; margin:0;}
.i-stroke ul li { float:left; width:49%; margin:10px 1.5% 10px 0; padding:0; position:relative;}
.i-stroke ul li:nth-child(2n){ margin:10px 0 10px 0;}
.i-stroke a.i-stroke001{ background:#007bc6; padding:14px;}
.i-stroke a.i-stroke001:hover{ background:#009eff;}
.i-stroke a.i-stroke002{ background:#fbc600; padding:14px;}
.i-stroke a.i-stroke002:hover{ background:#ffd94b;}
.i-stroke a.i-stroke003{ background:#e3007f; padding:14px;}
.i-stroke a.i-stroke003:hover{ background:#ff1e9c;}
.i-stroke a.i-stroke004{ background:#5bb431; padding:14px;}
.i-stroke a.i-stroke004:hover{ background:#6bd33a;}
.i-stroke ul li .title01{ position:absolute; top:45%; left:32%; text-align:center; color:#fff; font-size:30px;}
.i-stroke ul li .title-en{ color:#fff; font-size:24px; padding:0 10px;}
.i-stroke ul li .title02{ position:absolute; top:45%; left:28%; text-align:center; color:#fff; font-size:30px;}
.i-stroke ul li .title03{ position:absolute; top:45%; left:25%; text-align:center; color:#fff; font-size:30px;}
.i-stroke ul li .title04{ position:absolute; top:45%; left:28%; text-align:center; color:#fff; font-size:30px;}

/** 下載專區 **/

.downloads {}
.downloads ul{margin:20px 0; padding:0; list-style:none; border-top: 1px #D7D7D7 solid;}
.downloads ul li{clear:both; background: #f6f6f6 ; border-bottom: 1px #D7D7D7 solid;}
.downloads ul li:nth-child(2n){background:#ffffff ; }

.downloads ul li span{ text-align:center; color:#fff; font-size:14px; padding:3px 20px; background: #C32C2F; border-radius:5px;}
.downloads ul li .downloads-lis-cont { float:left; width:88%; }
.downloads ul li a{color:#333; display:block; font-size:16px;padding:10px 0 10px 28px;}
.downloads ul li a:hover{}
img.download-icon {float:left; width: 20px; height: auto; margin-right: 10px;}

/** 最新消息 **/
.news{ max-width:1200px; margin:0 auto; padding:0;}
.news ul{ margin:0; padding:0; list-style:none;}
.news ul li{width:31.5%; margin:10px 2.7% 10px 0; padding:0; text-align:center; float:left;}
.news ul li:nth-child(3n){ margin:10px 0 10px 0;}

.news ul li:hover{}
.news-photo{background:#fff; width:100%; display:table; position:relative; table-layout:fixed; border:4px solid #e3007f;}
.news-photo a{display:table-cell; height:215.3px; vertical-align:middle; text-align:center;}
.news-photo img.index-pro-img{width:auto; height:auto; max-width:100%; max-height:100%;}
.news ul li .information{ padding:10px 0;}
.news ul li .information .news-date{ float:left;width:77px; font-size:18px; color:#fff; background:#227ba5; text-align:center; padding:9.5px 10px; line-height:1.4em; margin:0 10px 0 0;}
.news ul li .information .news-date .year{ font-size:24px; }

.news ul li .information .news-contect{ float:left;width: calc(100% - 87px); text-align:left; padding:0 5px 0 0;}
.news ul li .information .news-contect h4{ font-size:16px; color:#010101; margin:0; padding:0 0 2px 0; font-weight:normal; height: 24px; overflow: hidden;}
.news ul li .information .news-contect .contect{ font-size:16px; color:#716363;height: 40px; overflow: hidden;}

.content-body .news-date { font-size:16px; background:#a4c7d7; color:#ffffff; border-left:5px #007bc6 solid; padding:10px; line-height:1.4em; margin:0;}


/** 一日遊 **/
.tour-name {font-size: 18px;color: #900;font-weight: bold;}
.tour-name a{ color: #2084D7;}
.tour-name a:hover{ }
.tourism{ clear:both; padding-bottom: 20px;}
.calendar{ float:left; width:28%; margin:0 2% 0 0;  text-align: center;}
.calendar img { width:100%;}
#datepickershow { width: 280px; margin: 0 auto;}
.announcement { float:left; width:70%;}
.announcement ul{ list-style: none; padding:0 0 0 0px; margin:0 ;}
.announcement ul li { background: url(../images/note-icon.png) 0 6px no-repeat; padding: 5px 0 5px 80px; margin:0; border-bottom:1px #ccc dotted; color:#347B1F;}
.note-title { background: url(../images/note-title-bg.png) right no-repeat#D35052; color: #ffffff; font-weight: normal; padding: 10px; text-align: center; margin: 0 0 10px 0;}

.stroke-one{}
.stroke-one h4{ background:#007bc6; font-size:18px; color:#fff; padding:10px 15px; margin:0;border-radius:50px;}

.stroke-one>ul{ list-style:none; padding:0; margin:0;}
.stroke-one>ul>li{ padding:15px; margin:5% 1% 2% 1%; display:block; border:2px #007bc6 solid;border-radius:20px; background:rgba(255,255,255,1); position:relative;}
.stroke-one>ul>li a{ display:flex;color: #333;}
.stroke-one>ul>li a>ul{ list-style:none; padding:0; margin:0;flex: 1;}
.stroke-one>ul>li a>ul>li{ margin:10px 0 0 0; border-bottom:1px #90abbc dotted; padding:0 10px 10px 10px;}
.stroke-one>ul>li a>ul>li:last-child { border-bottom:0;}
.stroke-one>ul>li .booking{ position:absolute; top:-40px; right:-40px; background:#007bc6; text-align:center; border-radius:50px;padding:20px 24px; font-size:18px; color:#fff;}
.stroke-one>ul>li .booking a{ display:block; color:#fff; background:#007bc6;border-radius:50px;padding:20px 24px;}
.stroke-one>ul>li .booking a:hover{ display:block; color:#fff; background:#0095f0;border-radius:50px; }
.stroke-one>ul>li .stroke-one-images{width: 240px;margin: 0 15px 0 0; }
.stroke-one-detail-booking{ background:#007bc6; text-align:center;  font-size:18px; color:#fff; padding:0;margin:0;position: absolute;top:-40px;right:-28px;display: block;width: 84px;height: 84px;border-radius: 50px;overflow: hidden;}
.stroke-one-detail-booking a{ display: block;width: 84px;height: 84px;color:#fff; background:#007bc6; padding:20px 24px;  }
.stroke-one-detail-booking a:hover{ display:block; color:#fff; background:#0095f0; }
@media screen and (max-width:1250px){
	.stroke-one>ul>li .booking{right:-20px;}
}

/** 二日遊 **/
.stroke-two{}

.stroke-two>ul{ list-style:none; padding:0; margin:0;}
.stroke-two>ul>li{padding:15px; margin:5% 1% 2% 1%; display:flex; border:2px #fbc600 solid;border-radius:20px; background:rgba(255,255,255,1); position:relative;}
.stroke-two>ul>li>ul{ list-style:none; padding:0; margin:0;flex: 1;}
.stroke-two>ul>li>ul>li{ margin:0; border-bottom:1px #c3c3c3 dotted; padding:8px 40px 8px 10px;}
.stroke-two>ul>li>ul>li label{ display: inline-block;margin: 0 8px 0 0;color: #32771A;font-size: 15px;line-height: 1.6;}
.stroke-two>ul>li>ul>li:last-of-type{ border-bottom:0;}
.stroke-two>ul>li .booking{ position:absolute; top:-40px; right:-40px; background:#fbc600; text-align:center; border-radius:50px;  font-size:18px; color:#fff; padding:0;}
.stroke-two>ul>li .booking a{ display:block; color:#fff; background:#fbc600;border-radius:50px; padding:20px 24px; }
.stroke-two>ul>li .booking a:hover{ display:block; color:#fff; background:#f8ce32;border-radius:50px; }
.stroke-two>ul>li .stroke-two-images{width: 240px;margin: 0 15px 0 0; }

.stroke-two-detail-booking{ background:#fbc600; text-align:center;  font-size:18px; color:#fff; padding:0;margin:0;position: absolute;top:-40px;right:-28px;display: block;width: 84px;height: 84px;border-radius: 50px;overflow: hidden;}
.stroke-two-detail-booking a{ display: block;width: 84px;height: 84px; color:#fff; background:#fbc600; padding:20px 24px; }
.stroke-two-detail-booking a:hover{ display:block; color:#fff; background:#f8ce32; }
@media screen and (max-width:1250px){
	.stroke-two>ul>li .booking{right:-20px;}
}

/** 行程搜尋 **/
.stroke-search{}

.stroke-search>ul{ list-style:none; padding:0; margin:0;}
.stroke-search>ul>li{ padding:15px; margin:5% 1% 2% 1%; display:flex; border:2px #1e8634 solid;border-radius:20px; background:#ffffff; position:relative;}
.stroke-search>ul>li>ul{ list-style:none; padding:0; margin:0;flex: 1;}
.stroke-search>ul>li>ul>li{ margin: 1% 0; border-bottom:1px #90abbc dashed; padding:8px 40px 8px 10px;}
.stroke-search>ul>li>ul>li label{ display: inline-block;margin: 0 8px 0 0;color: #32771A;font-size: 15px;line-height: 1.6;}
.stroke-search>ul>li .booking{ position:absolute; top:-40px; right:-1%; background:#1e8634; text-align:center; border-radius:50px;  font-size:18px; color:#fff; padding:0;}
.stroke-search>ul>li .booking a{ display:block; color:#fff; background:#1e8634;border-radius:50px;padding:20px 24px; }
.stroke-search>ul>li .booking a:hover{ display:block; color:#fff; background:#23a83f;border-radius:50px; }
.stroke-search-images{width: 240px;margin: 0 15px 0 0; }

.paly-one { background:#007bc6; color:#ffffff; font-size: 18px; position: absolute; left: 0; top: -40px; padding: 5px 35px; border-radius:50px;}
.paly-two { background:#fbc600; color:#ffffff; font-size: 18px; position: absolute; left: 0; top: -40px; padding: 5px 35px; border-radius:50px; }
.paly-more {background:#e3007f; color:#ffffff; font-size: 18px;  position: absolute; left: 0; top: -40px; padding: 5px 35px; border-radius:50px;}
.paly-outlying { background:#5bb431;  color:#ffffff; font-size: 18px; position: absolute; left: 0; top: -40px; padding: 5px 35px; border-radius:50px; }


　/** 我要訂位 **/
.scheduled-date{background:#007bc6; font-size:18px; color:#fff; padding:10px 15px; margin:0; border-radius:50px;}
.scheduled-infomatioc{ padding:0; margin:5% 0 20px 0; display:block; border:2px #007bc6 solid;border-radius:20px; background:rgba(255,255,255,0.9); position:relative;}
.scheduled-infomatioc ul{ list-style:none; padding:10px 15px; margin:0;}
.scheduled-infomatioc ul li{ margin:0 1%; border-bottom:1px #90abbc dotted; padding:8px 40px 8px 10px; }
.scheduled-infomatioc ul li:last-of-type{margin: 0 1% 20px 1%;} 
.scheduled-infomatioc ul li label{ display: inline-block;margin: 0 8px 0 0;color: #32771A;font-size: 15px;line-height: 1.6;}

.scheduled {}
.scheduled-left{ float:left; width:49%; margin:0 1%0 0 0;}
.scheduled-left .scheduled-title{ background: #bc096d; display:inline-block; float:left; width:100%; color: #ffaddb; text-align:left; border-radius:5px 5px 0 0; padding: 10px 5px; border-bottom: 1px #fe66bb dotted; margin: 10px 0 0 0; font-size: 24px;}
.scheduled-left>ul{ list-style:none; padding:0; margin:0;}
.scheduled-left>ul>li{ float:left; width:50%; margin:0 ;  padding:5px 10px; border-bottom:1px #ff75c2 solid; background:#e3007f; min-height:390px;}
.scheduled-left>ul>li>ul{ list-style:none; padding:0; margin:0; }
.scheduled-left>ul>li>ul>li{ padding:2px 0; margin:0; color: #ffffff;}
.scheduled-left>ul>li>ul>li .form{ display:inline-block;}

.scheduled-right{ float:left; width:49%; margin:0 0 0 1%;}
.scheduled-right .scheduled-title{ background: #0467a3; display:inline-block; float:left; width:100%; color: #79ccff; text-align:right; border-radius:5px 5px 0 0; padding: 10px 5px; border-bottom: 1px #4eafea dotted; margin: 10px 0 0 0; font-size: 24px;}
.scheduled-right>ul{ list-style:none; padding:0; margin:0;}
.scheduled-right>ul>li{ float:left; width:50%; margin:0 ;  padding:5px 10px; border-bottom:1px #4eafea solid;  background:#007bc6; min-height:390px;}
.scheduled-right>ul>li>ul{ list-style:none; padding:0; margin:0; }
.scheduled-right>ul>li>ul>li{ padding:2px 0; margin:0; color: #ffffff;}
.scheduled-right>ul>li>ul>li .form{ display:inline-block;}

.scheduled-left>ul>li>ul>li input, .scheduled-left>ul>li>ul>li textarea, .scheduled-right>ul>li>ul>li input, .scheduled-right>ul>li>ul>li textarea {  border: 0;}


/** 我要訂位02 **/
.scheduled02-date{background:#007bc6; font-size:18px; color:#fff; padding:10px 15px; margin:0; border-radius:50px;}
.scheduled02-infomatioc{ padding:0;  margin:20px 0; display:block; border:2px #007bc6 solid;border-radius:20px; background:rgba(255,255,255,0.9); position:relative;}
.scheduled02-infomatioc ul{ list-style:none; padding:10px 15px; margin:0;}
.scheduled02-infomatioc ul li{ margin:0 1%; border-bottom:1px #fe66bb dotted; padding:8px 10px; }
.scheduled02-infomatioc ul li:last-child { border-bottom:0; } 

.scheduled02 {}
.scheduled02-left{ float:left; width:49%; margin:0 1%0 0 0;}
.scheduled02-left .scheduled02-title{ background:#bc096d; display:inline-block; float:left; width:100%; color: #ffaddb; border-radius:5px 5px 0 0; padding: 10px 5px; border-bottom: 1px #fe66bb dotted; margin: 10px 0 0 0; font-size: 24px;}
.scheduled02-left>ul{ list-style:none; padding:0; margin:0;}
.scheduled02-left>ul>li{ float:left; width:50%; margin:0 ;  padding:5px 10px; border-bottom:1px #ff75c2 solid; background:#e3007f; min-height:390px;}
.scheduled02-left>ul>li>ul{ list-style:none; padding:0; margin:0; }
.scheduled02-left>ul>li>ul>li{ padding:2px 0; margin:0; color: #ffffff;}
.scheduled02-left>ul>li>ul>li .form{ display:inline-block;}

.scheduled02-right{ float:left; width:49%; margin:0 0 0 1%;}
.scheduled02-right .scheduled02-title{ background: #0467a3; display:inline-block; float:right; width:100%; color: #79ccff; text-align:right; border-radius:5px 5px 0 0; padding: 10px 5px; border-bottom: 1px #4eafea dotted; margin: 10px 0 0 0; font-size: 24px;}


.scheduled02-right>ul{ list-style:none; padding:0; margin:0;}
.scheduled02-right>ul>li{ float:left; width:50%; margin:0 ;  padding:5px 10px; border-bottom:1px #4eafea solid;  background:#007bc6; min-height:390px;}
.scheduled02-right>ul>li>ul{ list-style:none; padding:0; margin:0; }
.scheduled02-right>ul>li>ul>li{ padding:2px 0; margin:0; color: #ffffff;}
.scheduled02-right>ul>li>ul>li .form{ display:inline-block;}

.scheduled02-left>ul>li>ul>li input, .scheduled02-left>ul>li>ul>li textarea, .scheduled02-right>ul>li>ul>li input, .scheduled02-right>ul>li>ul>li textarea {  border: 0;}


.booking-room { height: 15px; width: auto; padding:0 10px 2px 0; vertical-align: middle;}



/** 選擇房型 **/
.people-number{ font-size:20px; color:#fff; background:#005c20; padding:8px 15px; margin:20px 0;}
.room-type{ padding: 20px 10px;}
.room-type ul{ list-style:none; padding:0; margin:0;}
.room-type ul li { padding:5px 10px; margin:1% 0; display:inline-block;}
.room-choreography{ background: #E9E9E9; margin:10px 0; padding: 10px; text-align: center;-webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; border-top: 3px #C7C3A6 solid;}

.room-list{}
.room-list ul{ list-style:none; padding:0; margin:0;}
.room-list ul li{ padding:0; margin:0; display:block;}


/* 訂單列表 */
.order-search{padding-left:30px;}
.order-list {padding:0 2%;}
.order-list td{text-align:center; font-size:14px; 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:#007bc6; }
.order-list .numb a{color:#007bc6;}
.order-list .numb a:hover{ text-decoration:underline;}

.order-list .count{font-size:15px; color:#e3007f;}
.order-list .count a{color:#e3007f;}
.order-list .count a:hover{ text-decoration:underline;}
.order-list .count02{font-size:15px; color:#666;}

.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:#007bc6; color:#fff; padding:5px 0; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 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:600px; background: #ffffff; margin:20px auto; border:2px solid #007bc6; padding:20px;  border-radius:10px;}

.scheduled02-infomatioc .order-list {padding:0;}

/* 註冊條款 */
.terms{min-width:280px;height:300px;overflow-x:hidden;overflow-y:auto;}


/* 會員登入 */
.member-login-box{max-width:600px; background: #ffffff;  border:2px solid #5bb431; padding:20px; margin:20px auto; border-radius:10px;}

/* 購物車 */
.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:14px; 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;}

/* 產品專區 */
.pro-store-info{font-size:15px; 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:14px; 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:15px; 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:15px 0 10px 0; text-align:center; margin-top:15px; border-top:1px #ccc dotted; clear:both;}
.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:14px; 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:15px;}
.cross-link{display:block; margin-top:0px; position:relative; padding-top:0px;}
.active-thumb{background:transparent;}
.panel{width:25%;}

/* 聯絡我們 */
.contact-body{padding:0 0 0 27px;}
.contact-note{ background: #D0393B;  padding:5px 10px; font-size:16px; color:#ffffff; margin-bottom: 10px;}
.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:15px;}
a.btn-send{background:#e3007f; padding:5px 20px; text-align:center; font-size:15px; color:#fff; width:130px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-send:hover{background:#ff4db1;}
a.btn-reset{background:#5bb431; padding:5px 20px; text-align:center; font-size:15px; color:#fff; width:130px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-reset:hover{background:#89d167;}
a.btn-send-over{background:#007bc6; padding:5px 20px; text-align:center; font-size:15px; color:#fff; width:130px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-send-over:hover{background:#2c9ee4;}
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:15px; line-height:1.5em; color:#666;}

/* 最新消息 */
.news ul{margin:0; padding:0; list-style:none;}
.opacl{font-size:14px; 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-list{list-style:none;}
.news-list li{clear:both; border-bottom:1px dotted #e3e3e3;}
.news-list li span{float:left; width:130px; line-height:25px; display:block; padding:7px 0 7px 30px; color:#a6a6a6;}
.news-list li .news-lis-cont{margin:0 0 0 130px; padding:7px 0;}
.news-list li .news-lis-cont a{color:#333; display:block;}
.news-list li .news-lis-cont a:hover{color:#5c97bd;}
.time{color:#3ca3d5; padding:10px 0 10px 40px; border-bottom:1px dotted #d7d7d7;}

/* 內頁架構 */
.content-body{max-width:1200px; margin:0 auto; background:#ffffff; padding:1% 2%; border-bottom: 6px #5bb431 solid;}
.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;}
.page-main{padding:0 ; font-size:15px; color:#333; line-height:1.5em;}
.left-menu-title { background: #007bc6; text-align:center; font-size:18px; color:#ffffff; padding:10px 0; border-bottom:3px solid #65c1f9;}
.in-left-menu>ul{ background: #ffffff; margin:0; padding:0; list-style:none; border-bottom:3px solid #65c1f9;}
.in-left-menu>ul>li{border-bottom:1px solid #eae9dd; font-size:15px; color:#666; padding:0;}
.in-left-menu>ul>li:last-child {border-bottom:0; }
.in-left-menu>ul>li>a{background:url(../images/left-icon.png) no-repeat 7px 12px; color:#007bc6; display:block; padding:8px 0 8px 30px; line-height:1.5em; }
.in-left-menu>ul>li>a:hover{background:url(../images/left-icon.png) no-repeat 7px 12px #fdff5f; }
.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 #FCBBBD solid; padding:5px;}
.in-left-menu>ul>li ul li:hover{background:#e8e8e6;}
.in-left-menu>ul>li ul li a{font-size:15px; color:#666; display:block;}
.in-left-menu>ul>li ul li a:hover{color:#71743d;}

/* 內頁BANNER */
.inside-banner{max-width:1200px; margin: 0 auto; padding:110px 0; text-align:center; background:rgba(238,238,238,0.8) url(../images/edm001.jpg) no-repeat center center; background-size:cover; border-bottom:7px #5bb431 solid; border-left:7px #5bb431 solid;border-right:7px #5bb431 solid;position:relative; }
.inside-banner .banner-title{ position:absolute; bottom:30%; right:0; font-size:36px; color:#fff; text-shadow:1px 1px 5px #000; background:rgba(0,0,0,0.4); text-align:right; line-height:1.6em; padding:0 30px 0 120px;}

/* 首頁產品 */
.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:14px; 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:1.5; width:100%;}
.opinion{margin-bottom:5px;display: flex;}
.opinion-left01{ background: #CB7476;border:1px solid #CB7476; border-right:0; padding:5px 5px; font-size:14px; font-family:"微軟正黑體"; color:#ffffff; line-height:1.5;width: 80px;}
.seat-info select {background:#fff; flex: 1; border:1px #6EB35A solid; margin:0; padding:5px 10px; font-size:14px; font-family:"微軟正黑體"; color:#32771A; line-height:1.5; -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;}
.opinion-right01{float:left; width:7.5%; border:1px solid #CB7476; 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 #CB7476; margin:0; padding:5px 10px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:1.5; -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; flex: 1; border:1px solid #CB7476; margin:0; padding:5px 10px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:1.5; -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;width: 100%;}
.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:1.5; 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;}
.select-style{font-size:15px; color:#666; line-height:1.5; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.order-numb{color:#ff0004;}

.code-left01 { background: #CB7476; float:left; width:30%; border:1px solid #CB7476; border-right:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#ffffff; line-height:1.5;}
.code-style02 {background:#fff; float:left; width:20%; border:1px solid #CB7476; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:1.5; -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;}

/* 輸入欄位 */
.input-style01{background:#fff;width: 100%; border:1px solid #CB7476; margin:0; padding:5px 10px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:1.5; border-radius:5px ; box-shadow:0 0 5px #e9e9e9 inset;}
.input-botton01{border:1px #cbcbcb solid; padding:5px 3%; line-height:18px; font-size:15px; 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{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+16,e1e1e1+39,f6f6f6+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 16%, #e1e1e1 39%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 16%,#e1e1e1 39%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 16%,#e1e1e1 39%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',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 */
}

input, textarea, select { padding: 5px; border: 1px #6EB35A solid; color: #32771A; font-family:"微軟正黑體";  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; max-width:100%;margin: 0 8px 0 5px; }


/* 頁次 */	
.page {height:40px; font:14px/20px "微軟正黑體"; color:#333; text-align:center; clear:both; margin-top:10px;}
.page a{background:#007bc6; color:#fff; padding:5px 20px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.page a:hover{background:#46a3db; color:#fff;}
.page br{display:none;}

/* 底部資訊 */
.bottom-info{background:#5bb431;border-top:1px #63c436 solid;}
.bottom-info-main{max-width:1200px; margin:0 auto; padding:0;}
.bottom-info-main ul{list-style:none; margin:0; padding:0; text-align:center;display: flex;}
.bottom-info-main ul li{flex: 1; padding:0; margin:0 10px;}
.bottom-info-main ul li a{display: block; color:#fff; font-size:16px;padding:13px 0;}
.bottom-info-main ul li a:hover{background:#459f1b;}

footer{background:#393838; padding:30px 0 50px 0;}
footer .footer{max-width:1200px; margin:0 auto; line-height:1.8em; }
footer .footer .f-left { float:left; width:30%; color:#a5a5a5; font-size:14px; border-right:1px #605f5f solid;}
footer .footer .f-left a {color:#a5a5a5; }
footer .footer .f-left a:hover{ text-decoration:underline; }
footer .footer .f-left .font001{ color:#5bb431; font-size:14px;}
footer .footer .f-middle{float:left; width:33%; border-right:1px #605f5f solid;}
footer .footer .f-middle ul{ list-style:none; padding:0; margin:20px 40px; text-align:left;}
footer .footer .f-middle ul li{ display:inline-block; padding:0; margin:0 6% 0 0;}
footer .footer .f-right{float:left; width:34%; background:url(../images/f-logo.jpg) no-repeat center left; color:#dbd4d4; font-size:14px; padding:15px 10px 15px 90px; margin:0 0 0 3%;}


.tour-note { background: #FF686B; color: #ffffff; font-size: 14px; line-height: 1.6em; padding: 20px; margin: 10px 5px;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.tour-note h3 { margin-top: 0;}
.hoan { display: none;}

.planning { max-width: 600px; padding: 50px 0; margin: 0 auto;}