@charset "utf-8";
@import "font-awesome.min.css";
body { background:#fff; width:100%; height:100%; margin:0; padding:0; font-family:"微軟正黑體"; font-size: 15px; line-height: 1.8;}
html { width:100%; height:100%;}

.warpper {}
.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 { text-decoration:none;transition: all 0.3s ease 0s;}
img { border:0; vertical-align:middle;max-width: 100%;}
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; margin-bottom:5px; }


/*** padding and border no width ****/
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}



/***** 表單預設文字顏色設定 *****/
/* 通用 */
::-webkit-input-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999999; } /* ie */
input:-moz-placeholder { color:#999999; }

/* webkit专用 */
#field2::-webkit-input-placeholder { color:#999999; }
#field3::-webkit-input-placeholder { color:#999999; background:lightgreen; text-transform:uppercase; }
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999; }

/* mozilla专用 */
#field2::-moz-placeholder { color:#999999; }
#field3::-moz-placeholder { color:#999999; background:lightgreen; text-transform:uppercase; }
#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999; }




/*** 手機選單、選單 色塊-變色  ***/
.b-color, .slicknav_menu {background:#d5bc79 url(../images/menu_bg.jpg)no-repeat center center;} /** 選單顏色 ***/
.slicknav_icon-bar { background-color: #725508;} /** 手機選單ICON按鈕色 ***/
.slicknav_btn {border: 2px #725508 solid;background: rgba(255,255,255,.6);border-radius:5px;} /** 手機選單ICON按鈕底色 ***/

.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover { background-color:#a99051;color: #fff;} /** 選單滑入顏色 ***/
.slicknav_nav>li { } 
.border-color { } /** 標題顏色 ***/

header { background: #ffffff; }
.head-main { max-width:1140px; margin:0 auto; height:95px;padding:0px; position:relative; }
.head-tool { position: absolute; top:35px; right:0px;display: flex;justify-content: flex-end;align-items: center;}
.head-tool li {list-style:none; padding:0px ; margin:0 5px;font-size: 14px; color: #725508;}
.head-tool li:nth-child(1) a{background: url(../images/icon-member.png)no-repeat left top 5px;background-size: 23px;padding: 0 5px 0 28px;}
.head-tool li:nth-child(2) a{background: url(../images/icon-download.png)no-repeat left top 5px;background-size: 16px;padding: 0 5px 0 21px;}
.head-tool li:nth-child(3) a{background: url(../images/icon-about.png)no-repeat left top 5px;background-size: 17px;padding: 0 5px 0 22px;}
.head-tool li:nth-child(4) a{background: url(../images/icon-mail.png)no-repeat left top 5px;background-size: 18px;padding: 0 5px 0 23px;}
.head-tool li a {display: block; color: #725508;padding: 0 5px;}
.head-tool li a:hover {color: #725508;transform:rotateZ(360deg);}


.head-main .logo { position:absolute; left:5px; top: 4px; width:260px; height:auto;}
.head-main .logo a { color:#000000;display: block;}
.head-main .logo img { width:100%; height:auto;}
.companyName {font-size:32px;padding: 16px 0 0 88px}
@media screen and (max-width: 680px) {
	.head-main .logo { top: 4px; width:72px;}
	.companyName {font-size:20px;padding: 32px 0 0 77px}
} 


.banner { background: #ffffff; 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;}
.login-tool { }
.icon-tool { width:40px; height:auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}


/** 重要公告 **/
.i-news-main {padding: 30px 10px;}
.i-news {max-width: 1140px;margin: 0 auto;}
.i-news h3 {position: relative;text-align: center;margin:0px 0 20px 0;font-weight: normal;background: url(../images/icon.png)no-repeat center bottom;background-size: 10px;padding: 20px 0 10px 0;}
.i-news h3 .news-en{width: 341px;margin: 0 auto;}
.i-news h3 .news-en img{width: 100%;}
.i-news h3 .news-ch{font-size: 24px;color:#715409;margin: 5px 0;}
.i-news ul { list-style: none;padding:0px; margin:20px 0;  }
.i-news ul li {margin: 0; font-size:15px;color: #4d3300;border-bottom: 1px #9b9b9b dotted;background: url(../images/icon-news.png) left 5px top 8px no-repeat;background-size: 21px;padding: 5px 5px 5px 35px;}
.i-news ul li:hover {background: #f9f6ee url(../images/icon-news.png) left 5px top 8px no-repeat;background-size: 21px;}

.more {position: absolute;top:58%;right: 0;height: 24px;}
.more a { color:#7d621d;font-size:14px;border: 1px #7d621d solid;display: flex;align-items: center;padding: 0 5.85px;line-height: 1.6;}
.more a span{display:none;font-size:12px;padding: 0 0 0 5px;}
.more a:hover {background: #7d621d; color: #fff;}
.more a:hover span{display:inline-block;}

/** 行程類型 **/
.stroke-type-main{}
.stroke-type{}
.stroke-type ul{ list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.stroke-type ul li{padding: 0;margin: 0;width: 25%;overflow: hidden;}
.stroke-type-photo { background:#fff; width:100%; position: relative;}
.stroke-type-photo a { display: flex; height: 100%; vertical-align: middle; text-align:center;align-items: center;justify-content: center;transform:scale(1);transition: all 2s ease 0s;}
.stroke-type-photo a:hover{transform:scale(1.1);transition: all 2s ease 0s;}
.stroke-type-photo img.index-pro-img { width: auto; height: auto; flex-shrink:0;}

/** 熱門行程 **/
.hot-stroke-main{background:#f5efdf url(../images/stroke_bg.png)center center;padding: 30px 0px;}
.hot-stroke-main:before{content: "";display: block;width: 100%;height: 13px;background: url(../images/stroke-top.png)no-repeat top center;margin: -30px auto 0 auto;}
.hot-stroke{max-width: 1140px; margin: 0 auto;}
.hot-stroke h3 {position: relative;text-align: center;margin:0px 0 20px 0;font-weight: normal;background: url(../images/icon.png)no-repeat center bottom;background-size: 10px;padding:40px 0 10px 0;}
.hot-stroke h3 .news-en{width: 236px;margin: 0 auto;}
.hot-stroke h3 .news-en img{width: 100%;}
.hot-stroke h3 .news-ch{font-size: 24px;color:#715409;margin: 5px 0;}
.hot-stroke ul{ list-style: none;padding: 0;margin:20px 0 30px 0; display: flex;flex-wrap: wrap;}
.hot-stroke ul li{padding: 0;margin:5px;width:calc(25% - 10px);border: 1px #fff solid;background: rgba(255,255,255,1);}
.hot-stroke ul li .hot-stroke-information{background: rgba(255,255,255,1);padding: 10px;}
.hot-stroke ul li .hot-stroke-information h4{padding: 0;margin:0 0 5px 0;font-size: 16px; color: #4d3300;max-height: 56px;overflow: hidden;font-weight:normal;}
.hot-stroke ul li .hot-stroke-information .hot-stroke-content{font-size: 14px; color: #867d6b;line-height: 1.6;max-height:66px;overflow: hidden;}
.hot-stroke-photo-main {overflow: hidden;}
.hot-stroke-photo { background:#fff; width:100%; position: relative; display: flex; align-items: center;justify-content: center;transform:scale(1);transition: all 1s ease 0s;}
.hot-stroke-photo img.index-pro-img { width: auto; height:auto; flex-shrink:0;}
.hot-stroke ul li:hover .hot-stroke-photo{transform:scale(1.1);transition: all 1s ease 0s;}

/** 下載專區 **/
.download{}
.download ul { list-style: none;padding:0px; margin:20px 0;  }
.download ul li { padding: 0;margin: 0; font-size:15px;color: #4d3300;}
.download ul li a {background: url(../images/download-icon001.png)no-repeat left 12px top 14px;background-size:25px; padding:12px 15px 12px 50px;display: flex;align-items: center;}
.download ul li:nth-child(even) a {background:#fffaec url(../images/download-icon001.png)no-repeat left 12px top 14px;background-size:25px;}
.download ul li a:hover {background:#fff3d6 url(../images/download-icon001.png)no-repeat left 15px top 14px;background-size:25px ;}
.download ul li h4{flex: 1;font-size:15px;color: #4d3300;padding:0;margin: 0 15px 0 0;font-weight:normal;}
.download ul li .download-icon{width: 120px;background: #d68085 url(../images/download-icon002.png)no-repeat left 10px center;background-size:12px; font-size:13px;color: #fff;text-align: center;text-transform: uppercase;border-radius: 5px;padding: 2px 15px 2px 30px;box-shadow: 2px 2px 0 0 #ab3a42;border: 1px #fff solid;}

/** 悠遊一日 **/
.one-top-main{background: url(../images/one-bg001.png)no-repeat left 0px top, url(../images/one-bg002.png)no-repeat right -20px top;background-size: 100%;border-bottom: 3px #d1b878 dashed;margin: 0 0 30px 0;}
.one-top{max-width: 1140px;margin: 0 auto;}
.one-bottom{max-width: 1140px;margin: 0 auto;}
.one-title{max-width: 1000px;margin: 0 auto;padding: 20px 0 0 0;}
.one-title img{width: 100%;}
.one-bg{max-width: 1354px; margin:-90px auto 0 auto;}
.one-bg img{width: 100%;}

@media screen and (max-width:1350px) {
.one-title{max-width:800px;margin: 0 auto;}
} 
@media screen and (max-width:1070px) {
.one-top-main{background: url(../images/one-bg001.png)no-repeat left 0px top, url(../images/one-bg002.png)no-repeat right -30px top;background-size: 100%;}
.one-title{max-width:700px;margin: 0 auto;}
} 
@media screen and (max-width:940px) {
.one-top-main{background:none;}
} 
@media screen and (max-width:750px) {
.one-bg{ margin:-75px auto 0 auto;}
} 

.hasDatepicker{padding:0px 120px 0 80px; }
.calendar-bg01{background: url(../images/calendar002.png)repeat-y center top ;background-size: contain;}
.calendar-bg02{background: url(../images/calendar001.png)no-repeat top center,url(../images/calendar003.png)no-repeat bottom center;background-size: contain;padding:7% 0 12% 0;}
.tourism{display: flex;margin: 0 0 40px 0;flex-direction:row-reverse;}
.calendar{width:100%;min-width: 600px; margin:0 30px 0 0;  text-align: center;}
#datepickershow { width: 100%;margin: 0 auto;}
.calendar-remarks{font-size: 16px; color: #333; text-align: center;padding: 5px;}
@media screen and (max-width: 1000px) {
.hasDatepicker{padding:0px 80px 0 40px; }
.calendar{min-width:500px;margin:0 20px 0 0;  }
} 
@media screen and (max-width:850px) {
.calendar{min-width:400px; }
.hasDatepicker{padding:0px 60px 0 30px; }
} 
@media screen and (max-width:640px) {
.hasDatepicker{padding:0px 80px 0 40px; }
} 
@media screen and (max-width:500px) {
.hasDatepicker{padding:0px 60px 0 30px; }
} 
@media screen and (max-width:400px) {
.hasDatepicker{padding:0px 40px 0 20px; }
} 
/** 內頁重要公告 **/
.news-main{margin:0px;padding:48px 0 0 0;}
.news-main h3{text-align: center;padding:5px 25px;margin:-20px auto 20px auto;color: #fff;font-size: 20px;display: table;border-radius: 0 0 10px 10px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#624e1a+5,624e1a+5,caa954+100 */
background: rgb(98,78,26); /* Old browsers */
background: -moz-linear-gradient(top, rgba(98,78,26,1) 5%, rgba(98,78,26,1) 5%, rgba(202,169,84,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(98,78,26,1) 5%,rgba(98,78,26,1) 5%,rgba(202,169,84,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(98,78,26,1) 5%,rgba(98,78,26,1) 5%,rgba(202,169,84,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#624e1a', endColorstr='#caa954',GradientType=0 ); /* IE6-9 */}

.news-bg01{background: url(../images/news-bg02.png)repeat-y center top;background-size:contain;}
.news-bg02{background: url(../images/news-bg01.png)no-repeat top center,url(../images/news-bg03.png)no-repeat bottom center;background-size: contain;padding:6% 0 10% 0;}
.news {flex: 1;height:370px;overflow-y: auto;padding:8% 8% 0 8%;}
.news ul { list-style: none;padding:0px; margin: 0;  }
.news ul li {margin: 0; font-size:15px;color: #fff7ea;border-bottom: 1px #f9ddb4 dotted;background: url(../images/icon-news02.png) left 5px top 8px no-repeat;background-size: 21px;padding: 5px 5px 5px 35px;}
.news ul li:hover {display: block; background: #e9d7ba url(../images/icon-news.png) left 5px top 8px no-repeat;background-size: 21px;color: #5c3a10;}

/** 悠遊一日行程 **/
.stroke-one{}
.stroke-one ul { list-style: none;padding:0px; margin:20px 0;  }
.stroke-one ul li { padding:15px 15px;margin:15px 0; font-size:15px;color: #333;box-shadow: 3px 3px 0 0 #bca66c;border: 1px #bca66c solid;border-radius: 10px;display: flex;align-items: center;}
.stroke-one-information{flex: 1;}
.stroke-one-information-content{font-size:18px;color: #333;display:inline;}
.stroke-one-information-content:nth-child(2){color:#0000ff;}
.stroke-one-information-content:nth-child(3){color:#ec1e79;}
.stroke-one-information-content:nth-child(5){color:#808080;}
.stroke-one-information-content:nth-child(6){color:#8b6239;}
.stroke-one-information-content001{font-size:16px;color: #3fa8f4;display:inline;}
.stroke-one-information-content002{font-size:16px;color: #8bc53f;display:inline;}
.stroke-one-information-content003{font-size:16px;color: #c0272d;display:inline;}
.stroke-one-information-content004{font-size:16px;color: #ab8faf;display:inline;}

.booking-button{margin:0 0 0 15px;width:64px;height: 64px; display: flex;align-items: center;justify-content: center;text-align: center;line-height: 1.4;}
.booking-button a{display: block; background: #d68085;box-shadow: 0 0 20px 0 #9f3a41 inset; font-size: 15px; color: #fff;padding: 11px 17px;width:64px;height: 64px;border-radius: 50px;}
.booking-button a:hover{background: #bb5c63;transform:rotate(360deg);}

/** 多日遊 **/
.multiple-days{max-width: 1140px; margin: 0 auto;}
.multiple-days ul{ list-style: none;padding: 0;margin:10px 0 20px 0; display: flex;flex-wrap: wrap;justify-content: center;}
.multiple-days ul li{padding: 0;margin:8px;width:calc(25% - 16px);border: 1px #624e1a solid;background:#fbf9f2;box-shadow: 3px 3px 0 0 #624e1a;}
.multiple-days ul li .multiple-days-information{background:#fbf9f2;padding: 10px;}
.multiple-days ul li .multiple-days-information h4{padding: 0;margin:0 0 5px 0;font-size: 16px; color: #4d3300;max-height: 56px;overflow: hidden;font-weight:normal;}
.multiple-days ul li .multiple-days-information .multiple-days-content{font-size: 14px; color: #867d6b;line-height: 1.6;max-height:66px;overflow: hidden;}
.multiple-days ul li:hover .hot-stroke-photo{transform:scale(1.1);transition: all 1s ease 0s;}

/** 多日遊明細 **/
.multiple-detail-button{display: flex;justify-content: flex-end;align-items: center;margin: 0 0 15px 0;flex-wrap: wrap;}
.echelon-day{font-size: 15px; color: #fff;display:flex;justify-content: flex-end;margin: 0 0 10px 0;}
.echelon-day select{border:1px #543d00 solid;font-size: 16px;padding: 5px 20px 5px 35px;font-family: "微軟正黑體";background:#fff url(../images/date-icon.png)no-repeat left 10px center;background-size: 20px;}
.echelon-day select:focus{outline: 0; border:1px #927423 solid;background: #fcf9f0 url(../images/date-icon.png)no-repeat left 10px center;background-size: 20px;color: #624e1a;}
.multiple-booking-button{font-size: 16px; color: #fff;display: inline-block;margin:0 0 0 5px;}
.multiple-booking-button a{font-size: 16px; color: #fff;padding: 7px 15px;border-radius:5px;background: #d68085;}
.multiple-booking-button a:hover{background: #d56d73;}

/** 我要訂位 **/
.travel-booking-main{}
.booking-stroke-information{margin: 0;font-size: 16px;color: #333;}
.booking-stroke-information .stroke-title{background: #f9cd23;margin: 0 0 10px 0;font-size: 18px;padding:2px 10px;border-radius: 5px;}
.booking-stroke-information .stroke-name{}
.booking-stroke-information .stroke-date{margin:5px 0;}
.booking-stroke-information .stroke-date select{border:1px #666 solid;font-size: 16px;padding: 2px 10px 2px 10px;font-family: "微軟正黑體";background:#fff;}
.booking-stroke-information .stroke-date select:focus{outline: 0; border:1px #333 solid;background: #fcf9f0;color: #624e1a;}
.booking-stroke-information .stroke-content{color: #8b6239;font-size: 16px;}
.stroke-content-note{color: #c0272d;padding: 0 5px;}
.seat-information{display: flex;}
.seat{flex: 1.5;display: flex;}

.seat-left{ flex: 1; margin:0 15px 0 0  ;}
.seat-left>ul{ list-style:none; padding:0; margin:0;display: flex;flex-wrap: wrap;border:1px #ccc solid;}
.seat-left>ul>li{ width:100%; margin:0 ;  padding:0px; border-bottom:1px #ccc solid; background:#fff;display: flex;flex-wrap: wrap;}
.seat-left>ul>li:last-of-type{ border-bottom:0px #ccc solid; }
.seat-left>ul>li .seat-title{ width:30px; text-align:center;color: #000;padding: 10px 5px;border-right:1px #ccc solid;display: flex;align-items: center;justify-content: center;}
.seat-left>ul>li .window{flex: 1;margin:0px;padding: 10px;border-right:1px #ccc solid;}
.seat-left>ul>li .walkway{flex: 1;margin:0px;padding: 10px;}

.seat-right{ flex: 1; margin:0 0 0 15px ;}
.seat-right>ul{ list-style:none; padding:0; margin:0;display: flex;flex-wrap: wrap;border:1px #ccc solid;}
.seat-right>ul>li{width:100%; margin:0 ;  padding:0px; border-bottom:1px #ccc solid; background:#fff;display: flex;flex-wrap: wrap;}
.seat-right>ul>li:last-of-type{ border-bottom:0px #ccc solid; }
.seat-right>ul>li .seat-title{ width:30px; text-align:center;color: #000;padding: 10px 5px;border-left:1px #ccc solid;display: flex;align-items: center;justify-content: center;}
.seat-right>ul>li .window{flex: 1;margin:0px;padding: 10px;border-right:1px #ccc solid;}
.seat-right>ul>li .walkway{flex: 1;margin:0px;padding: 10px;}

.travel-booking-information{flex: 1;margin: 0 0 0 20px;}

.seat-color{background: #ccfeff;}

/** 定位清單明細 **/
.booking-detail-seat{background: #9b7100;border-left: 4px #604600 solid;color: #fff;padding:3px 15px;display: table;position: relative;margin: 0;}
.booking-detail-seat:after{content: "";display: block;position: absolute;right:-12px;top: 0;width: 0;
height: 0;
border-style: solid;
border-width: 17px 0 17px 12px;
border-color: transparent transparent transparent #9b7100;
}

/** 乘車時間 **/
.bycar-main{display: flex;flex-wrap: wrap;}
.bycar-main .bycar-block{width:calc(50% - 10px);padding: 0;margin: 0 20px 20px 0;font-size: 16px; color: #333;}
.bycar-main .bycar-block:nth-child(2n){margin: 0 0 20px 0 ;}
.bycar-font001{ color: #e60012;}

.bycar-description01{}
.bycar-description01 h3{padding:3px 15px;text-align: center; margin: 0;font-size: 16px; color: #fff;background: #0000FF;}
.bycar-description01 ul{padding: 0;margin: 0;list-style: none;border: 1px #0000FF solid;}
.bycar-description01 ul li{padding: 0;margin: 0;display: flex;font-size: 15px; color: #333;border-bottom: 1px #0000FF solid;}
.bycar-description01 ul li:last-of-type{border-bottom: 0px #0000FF solid;}
.bycar-description01 ul li>.bycar-time{width: 100px;padding: 5px 10px;border-right: 1px #0000FF solid;display: flex;align-items: center;justify-content: center;}
.bycar-description01 ul li>.bycar-content{flex: 1; padding: 5px 10px;display: flex;align-items: center;}

.bycar-description02{}
.bycar-description02 h3{padding:3px 15px;text-align: center; margin: 0;font-size: 16px; color: #fff;background: #3fa8f4;}
.bycar-description02 ul{padding: 0;margin: 0;list-style: none;border: 1px #3fa8f4 solid;}
.bycar-description02 ul li{padding: 0;margin: 0;display: flex;font-size: 15px; color: #333;border-bottom: 1px #3fa8f4 solid;}
.bycar-description02 ul li:last-of-type{border-bottom: 0px #3fa8f4 solid;}
.bycar-description02 ul li>.bycar-time{width: 100px;padding: 5px 10px;border-right: 1px #3fa8f4 solid;display: flex;align-items: center;justify-content: center;}
.bycar-description02 ul li>.bycar-content{flex: 1; padding: 5px 10px;display: flex;align-items: center;}

.bycar-description03{}
.bycar-description03 h3{padding:3px 15px;text-align: center; margin: 0;font-size: 16px; color: #fff;background:#8bc53f;}
.bycar-description03 ul{padding: 0;margin: 0;list-style: none;border: 1px #8bc53f solid;}
.bycar-description03 ul li{padding: 0;margin: 0;display: flex;font-size: 15px; color: #333;border-bottom: 1px #8bc53f solid;}
.bycar-description03 ul li:last-of-type{border-bottom: 0px #8bc53f solid;}
.bycar-description03 ul li>.bycar-time{width: 100px;padding: 5px 10px;border-right: 1px #8bc53f solid;display: flex;align-items: center;justify-content: center;}
.bycar-description03 ul li>.bycar-content{flex: 1; padding: 5px 10px;display: flex;align-items: center;}

.bycar-description04{}
.bycar-description04 h3{padding:3px 15px;text-align: center; margin: 0;font-size: 16px; color: #fff;background:#c0272d;}
.bycar-description04 ul{padding: 0;margin: 0;list-style: none;border: 1px #c0272d solid;}
.bycar-description04 ul li{padding: 0;margin: 0;display: flex;font-size: 15px; color: #333;border-bottom: 1px #c0272d solid;}
.bycar-description04 ul li:last-of-type{border-bottom: 0px #c0272d solid;}
.bycar-description04 ul li>.bycar-time{width: 100px;padding: 5px 10px;border-right: 1px #c0272d solid;display: flex;align-items: center;justify-content: center;}
.bycar-description04 ul li>.bycar-content{flex: 1; padding: 5px 10px;display: flex;align-items: center;}

.bycar-description05{}
.bycar-description05 h3{padding:3px 15px;text-align: center; margin: 0;font-size: 16px; color: #fff;background:#ab8faf;}
.bycar-description05 ul{padding: 0;margin: 0;list-style: none;border: 1px #ab8faf solid;}
.bycar-description05 ul li{padding: 0;margin: 0;display: flex;font-size: 15px; color: #333;border-bottom: 1px #ab8faf solid;}
.bycar-description05 ul li:last-of-type{border-bottom: 0px #ab8faf solid;}
.bycar-description05 ul li>.bycar-time{width: 100px;padding: 5px 10px;border-right: 1px #ab8faf solid;display: flex;align-items: center;justify-content: center;}
.bycar-description05 ul li>.bycar-content{flex: 1; padding: 5px 10px;display: flex;align-items: center;}

.bycar-location{border:10px #ebd7a4 solid;background: #f7f4eb url(../images/location_bg.png)no-repeat right -60px bottom 0;background-size: 220px; border-radius: 50px ;padding:0;margin: 0;}
.bycar-location h3{background: #ebd7a4; padding:0 15px 7px 15px;margin: 0;border-radius: 50px 50px 0 0; text-align: center;font-size: 15px;color: #634a07;}
.bycar-location h3:after{content: "";display: block;background: url(../images/location-bottom.png)no-repeat top center;width: 100%; height: 13px; background-size: contain;margin: 7px auto -20px auto;}
.bycar-location ol{padding:10px 15px;margin: 0;list-style:decimal-leading-zero inside;height: 225px; overflow-y: auto;}
.bycar-location ol li{padding: 0;margin: 0;font-size: 13px; color: #333;}

/** 匯款資訊 **/
.pay-description{color: #333;font-size: 16px;}
.pay-description ul{padding: 0;margin: 0;list-style: square;}
.pay-description ul li{padding:2px 0;margin: 0 0 0 25px;}
.pay-font001{color:#0000FF;font-weight: bold;}
.pay-font002{color:#ff0099;font-weight: bold;}
.pay-information-main{margin:30px 0;}
.pay-information{display: flex;margin:8px 0;}
.pay-information .pay-name{background: #126ed5;width: 100px;text-align: center;font-size: 16px;color: #fff;padding: 2px 10px;border-radius: 5px;}
.pay-information .pay-content{color: #333;font-size: 16px;padding: 2px 15px;}

.pay-note{color: #333;font-size: 16px;}
.pay-note h3.pay-note-title{background: #c0272d;display: table;text-align: center;color: #fff;font-weight: normal;font-size: 18px;padding:2px 20px;position: relative;border-left: 4px #980202 solid;margin: 10px 0;}
.pay-note h3.pay-note-title:after{content: "";display: block;position: absolute;right: -10px;top: 0;width: 0;
height: 0;
border-style: solid;
border-width: 18px 0 18px 10px;
border-color: transparent transparent transparent #c0272d;}
.pay-note ol{padding: 0;margin: 0;}
.pay-note ol li{padding:2px 0;margin: 0 0 0 25px;}

/** 顧客須知 **/
.customer-main{font-size: 18px; color: #4B0082;margin: 0 0 15px 0;}
.customer{}
.customer a{text-decoration: underline;color: #8c6300;}
.customer a:hover{color: #bb8400;}
.customer ol{padding: 0;margin: 0 0 0 25px;}
.customer ol li{padding: 2px 0;}
.customer-font01{color:#B22222;}
.customer-font02{color:#000080;}
.customer-font03{color:#800080;}
.customer-font04{color:#008000;}
.customer-font05{color:#0000FF;}



/***** 訂單列表  *****/
.order-search { }
.order-list {} 
.order-list td { text-align:center; font-size:12px; line-height:1.5em; padding:5px 10px; border-bottom:1px #CCC dotted; border-right:1px #CCC dotted;}
.order-list img.pro-photo { width:90px; height:90px; padding:10px; border:1px #CCC solid;}
.order-list .order-list-th { font-size:15px; color:#FFF; line-height:25px; padding:0;border-right: 1px rgba(255,255,255,.8) solid;}
.order-list .order-list-th:last-of-type {border-right: 0;}
.order-list .order-list-td { font-size:15px; color: #333; padding:0;}
.order-list .order-list-td .order_query {margin: 5px 0; }
.order-list .order-list-td .order_query a { background-color:#a70002; color:#fff; padding:3px 10px; line-height:1.6; }
.order-list .order-list-td .order_query a:hover { background-color:#c72729; }
.order-list .order-list-td .order_detail {margin: 5px 0;  }
.order-list .order-list-td .order_detail a { background-color:#e69c00; color:#fff; padding:3px 10px; line-height:1.6; }
.order-list .order-list-td .order_detail a:hover { background-color:#cc8b00; }
.order-list .order-list-td .order_query-no {width: 80px; background-color:#ccc; color:#fff; padding:3px 10px; line-height:1.6;margin: 0 auto;}
.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; font-size:15px; color:#900; padding-bottom:10px;}

.order-list .order_date{font-size:15px; color: #666;}
.order-list .order_title{font-size:15px; color: #ac7500;text-align: left; }
.order-list .order_title a { color: #ac7500 }
.order-list .order_title a:hover {text-decoration: underline; }
.order-list .order_title .order-information{font-size:15px; color: #333; }
.order-list .order_total{font-size:15px; color: #f00; }
.order-list .order_state{font-size:15px; color: #666; }
.order-page-main{}
.order-page{font-size: 16px; color: #333;margin: 30px 0 0 0;}
.order-page p{margin:8px 0;}
.order-information-main{display: flex;flex-wrap: wrap;justify-content: center;}
.order-content{width:calc(50% - 10px);padding:15px;border: 2px #4b3700 dashed;margin: 10px 20px 10px 0;border-radius: 10px;background: #fdf9f0;}
.order-content:nth-child(2n){margin: 10px 0;}

.oproject { display:none; color:#900;}

.shopping-list-more{ text-align:center; padding:10px 0 0 0;}
ul.order-list { list-style:none; margin:0 ; padding:0;}
ul.order-list li { border-bottom:1px #cac6ba solid;padding:8px 10px;text-align: center;display: flex;align-items: center;}
ul.order-list li:nth-child(odd){ background: #fff9e8;}
ul.order-list li.th {color: #fff; padding:8px 10px; border:0;text-align: center;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8e7637+1,3f2e00+100 */
background: rgb(142,118,55); /* Old browsers */
background: -moz-linear-gradient(top, rgba(142,118,55,1) 1%, rgba(63,46,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(142,118,55,1) 1%,rgba(63,46,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(142,118,55,1) 1%,rgba(63,46,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e7637', endColorstr='#3f2e00',GradientType=0 ); /* IE6-9 */}
.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); /* Old browsers */
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 */
}

.order-list-del a:hover { 
background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}


.order-ditaile-info { padding:0 0 0 40px; font-size:15px; color: #333; line-height:1.5em; }
.jump-window-box  { max-width:600px; margin:0 auto;  padding:20px; }

/*** 會員登入  ***/
.member-login-box { max-width:600px; margin:0 auto; padding:0; }

/** 會員條款 **/
.member-terms { padding:0; font-size: 16px; color:#333; line-height:1.8; height:460px;overflow-y: auto;}
.member-terms ol{ padding:0;margin: 0 0 0 25px;}
.member-terms ol li{ padding:2px 0;margin: 0;}
.member-terms a{text-decoration: underline;color: #8c6300;}
.member-terms a:hover{color: #bb8400;}
.member-agree{margin: 10px 0;background: #fbeaeb;padding: 5px 15px;font-size: 16px; color:#333;}

/*****  購物車  *****/
.cart-body { margin:0 auto;}
.shopping-car { padding:0 30px;} 
th.shopping-car-th { background: #69C; font-size:15px; color:#FFF; text-align:center; line-height:25px;  border-right:1px #fff dotted;} 
.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; margin-right:10px; }
.shopping-car .pro-name { font-size:15px; color: #333; text-align:left; }
.shopping-car .price { font-size:15px; color:#900;}
@media screen and (max-width:640px){
	.shopping-car .price { text-align:right;}
}
.shopping-car .numb { font-size:15px; color:#66f;}
@media screen and (max-width:640px){
	.shopping-car .numb { display:inline-block; float:left; width:calc(50% - 51px); }
}
.shopping-car .count { font-size:15px; color: #333;}
@media screen and (max-width:640px){
	.shopping-car .count { font-weight:bold; font-size:20px; text-align:right; color:#a70002; float:right; width:auto;}
}
.shopping-car .count-portal { padding:10px 0; margin-bottom:20px;}
              .count-price { font-size:24px; font-family:Verdana; color: #900; font-weight:bold;}
.shopping-car .portal { display:block; font-size:15px; color:#900; float:right; text-align:right;}
.shopping-car .freight { display:block; font-size:15px; color:#900; padding-bottom:10px;}



ul.shopping-car-list { display:table; width:100%; list-style:none; margin:0; padding:0;}
ul.shopping-car-list li { display:flex; flex-wrap:wrap; -webkit-align-items:center; align-items:center; /*垂直置中*/ -webkit-justify-content:center; justify-content:center; /*水平置中*/  border-bottom:1px dotted #ccc; padding:15px 0; }
@media screen and (max-width:640px){
	ul.shopping-car-list li { display:inline-block; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; /*垂直置中*/ -webkit-justify-content:left; justify-content:left; /*水平置中*/  border-bottom:1px dotted #ccc; padding:15px 0; }

}
ul.shopping-car-list li.th { background:#313131; color: #fff;  min-height:0px; padding:5px 0; border:0; }
.th .shop-car-info, .th .shop-car-name, .th .shop-car-price, .th .shop-car-quantity, .th .shop-car-subtotal, .th .shop-car-del { padding:5px 10px; }

.shop-car-info { display:table-cell; font-size:15px; vertical-align:middle; text-align:left;}
.shop-car-info a.pro-photo { width:60px; height:60px; float:left; margin-right:10px; background-size:cover; background-repeat:no-repeat; background-position:center; }
.shop-car-info .description{ font-weight:bold; font-size:15px; line-height:20px; margin-left:70px; word-wrap: break-word; color:#000;}
.shop-car-info .description .spec { font-weight:normal; font-size:13px; line-height:18px; color:#666; }
.shop-car-price { display:table-cell; height:100%; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-quantity { display:table-cell; height:100%;  font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-subtotal{ display:table-cell; height:100%;  font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-del { display:table-cell; height:100%;  font-size:15px; vertical-align:middle; text-align:center;}
@media screen and (max-width:640px){
	.shop-car-del { float:left; width:auto; padding:5px 0;}
}
.shop-car-del a { background:#686868; color:#fff; padding:3px 10px; line-height:1.5em; }
.shop-car-del a:hover { background: rgb(255,48,25); /* Old browsers */}

.shopping-car .oproject { font-size:15px; color:#000; display:none; font-weight:bold; }
.shopping-car .original-price { display:block; font-size:12px; text-decoration:line-through; }


.checkout-box { padding:10px; margin-left:30px; border-bottom:2px #FFF dotted;}
.checkout-box h3 { background: #cca932; border-left:5px #7e6c2d solid; font-size:15px; color:#fff; line-height:40px; margin: 0 0 5px 0; 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; } 

.checkout-cart-summary{margin:10px 20px 10px 0; padding:10px;}
.checkout-cart-summary>div{margin-bottom:10px;}
.checkout-cart-summary>div.total{margin-top:10px; padding-top:10px; border-top:1px solid #ccc; font-weight:bold;}
.checkout-cart-summary>div.total .toc{font-family:Verdana; font-weight:bold; color:#900; font-size:large;}
.checkout-cart-summary>div.cart-coupon{color:#e96161;}

.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:#ffffff; font-size:15px; color:#474747; padding:5px 0 5px 5%; line-height:31px; height:31px; width:85%; 
                 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 {}
.pro-list ul { max-width:1140px; margin:0 auto; padding:0; list-style:none;}
.pro-list ul li {  width:25%; padding:1%; text-align:center; float:left;}
.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:#f7f7f7; width:100%; position: relative;}
.pro-photo a { display: flex; height: 100%; vertical-align: middle; text-align:center;align-items: center;justify-content: center;}
.pro-photo img.index-pro-img { width: auto; height: auto; flex-shrink:0;}

.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; padding-right: 20px; }
h3.pro-detaile-title { background: url(../images/pro-detaile-name.jpg) left top no-repeat; font-size: 22px; color:#333; line-height:30px; padding: 5px 0 10px 50px; margin: 0 0 10px 0; font-weight: normal;}
.pro-detaile-box { display: flex;}
.pro-detaile-box>div {  -webkit-flex: 1;  flex: 1;}
.pro-detaile-photo-box { width: 50%;}
.pro-detaile-spe-box { width: 50%; position: relative; padding-bottom: 180px;}

.pro-detaile .pro-photo-box {background:#fff; width:100%; margin:0 0 10px 0; padding:0 20px 0 0;}
.pro-detaile .pro-photo-box img { width:100%; height:auto;}

.pro-specification {  font-size:12px; line-height:1.5em; color:#333; position:relative; margin-bottom:10px;}
.pro-specification p { }
.pro-content { padding:0px 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;}

.pro-list-date { background: url(../images/time.png) left center no-repeat; font-size:12px; color: #968c69; padding-left: 20px;}

h3.pro-introduce { background: url(../images/detail-title-bg.jpg) right no-repeat;font-weight:normal; border-left:5px #111111 solid; padding:8px 0 8px 20px; font-size:20px; color:#333;}
.pro-qr-code {}
.pro-qr-code img { width:100px; height:auto;}
.cart-info { position: absolute; width: 100%; bottom: 0; }
.cart-info .price { font-size:28px; line-height: 32px; font-weight:bold; color: #F00;  vertical-align:middle; display: inline-block; float: right;}
.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;}

.add-to-cart { padding-top: 10px;}
.add-to-cart a.cart { width: 100px; display: inline-block;}


.size { margin:5px 0; padding:7px 0; border-bottom:1px #DFDFDF solid;  border-top:1px #DFDFDF solid; }
.size ul { list-style:none; margin:0 auto; padding:0;}
.size ul li { background:#AAAAAA; font-size:12px; color:#ffffff;  margin:0 2px; float:left; cursor:pointer; width:25px; line-height:25px; text-align:center;}
.size ul li:hover { background:#000;}
.size ul li.active { background:#000; }
.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%; display: flex; height: 400px; vertical-align: middle; text-align:center;align-items: center;justify-content: center;}
.stripViewer .panelContainer img            { width: auto; height: auto; max-width:100%; max-height:100%;}
.stripViewer .panelContainer .panel			{ float: left; position: relative;}
.stripNavL, .stripNavR, .stripNav			{ display: none; width:100%; }
.slider-wrap a                              { height:auto;}
.nav-thumb 									{ margin-right: 0; }
#movers-row									{ margin:5px 0 0 0; width:101%; }
#movers-row div								{ width: 25%; float: left; padding-right:1%; }
#movers-row div a.cross-link 				{ float: right; display: flex; width: 100%; height: 120px; vertical-align: middle; text-align:center;align-items: center;justify-content: center; border: 1px #C0C0C0 solid;}
#movers-row div a.cross-link img			{ width: auto; height: auto; max-width:100%; max-height:100%;}
.photo-meta-data							{ background: url(/html/ezcatfiles/myweb62/img/img/60175/transpBlack.png); 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 url(/html/ezcatfiles/myweb62/img/img/60175/icon-uparrowsmallwhite.png) top center no-repeat; }
.panel { width:25%;} /**四張圖 乘 四分之一 **/



/*****  聯絡我們  *****/
.contact-page { font-size: 16px; color: #036eb8;background:#bce2ec;border: 1px #fff dashed;box-shadow: 0 0 0 4px #bce2ec;padding: 5px 15px;text-align: center;margin:15px 4px 35px 4px;border-radius:5px ;}
.contact-body { padding:0;}
.contact-note { padding:10px 0; font-size:15px; color:#333;text-align: center;}
.contact-star-main { padding:10px 0; font-size:15px; color:#de3238;text-align: right;}
.contact-star { color:#430101;padding: 0 5px; font-size:13px;}
.contact-information { padding:10px 0; font-size:15px; color:#333;width: 100%;}
.contact-left { }
.contact-left img { width:100%; height:auto; margin-top:0px; }

.cart-btn {margin-top:10px;width: 100%; display: flex; justify-content:center; }
.cart-btn02 {margin-top:10px;width: 100%; display: flex; justify-content:center; }

a.btn-send { background: #bce2ec; padding:2px  20px; text-align:center; font-size:15px; color:#036eb8; min-width:100px; margin:2px;}
a.btn-send:hover { background: #a3ddec;}

a.btn-reset { background:#bce2ec;  padding:2px 20px; text-align:center; font-size:15px; color:#036eb8; min-width:100px; margin:2px;}
a.btn-reset:hover { background:#a3ddec;}

a.forget-password { background:none; padding:2px 15px 2px 5px; text-align:center; font-size:15px; color:#999; min-width:90px; margin:2px;text-decoration: underline;}
a.forget-password:hover {color:#666;  }

a.btn-send-over { background: #005083; padding:2px  20px; text-align:center; font-size:15px; color:#fff; min-width:100px; margin:2px; }
a.btn-send-over:hover { background: #0f73b1;}


/*****  FAQ  *****/
.faq {}
.faq>ul { margin:0; padding:0 5px; list-style:none;}
.faq>ul>li { border-bottom:1px #fff solid; }

.faq>ul>li a { color:#555555; font-size:15px; display:block; padding:10px 0 10px 10px;}
.faq>ul>li a:hover { background:#dbdbdb; }
.faq>ul>li .qa_title { background: #ffffff; font-weight:normal; border-left:8px #9c9c9c solid;}
.faq>ul>li .qa_content { border-top:1px #CCC dotted; padding:10px 0 20px 25px; font-size:13px; line-height:1.5em; color:#666;}
.faq>ul>li .qa_content a { color:#555555;display:initial;}
.faq>ul>li .qa_content a:hover {background: none; text-decoration: underline;}

.opacl { font-size:12px; line-height:20px; padding-bottom:10px; }
.opacl a { background:#959595; color:#fff; padding: 7px 15px; margin:0 5px; -webkit-border-radius: 5px 0px 0 0px; -moz-border-radius: 5px 0px 0 0px; border-radius: 5px 0px 0 0px;}
.opacl a:hover { background:#333;}
a.close_qa { font-size:12px;} 
#qaContent{}
.accordionPart{}


/*****  內頁架構  *****/
.content-body {max-width: 1140px; margin:0 auto;padding: 20px 10px 40px 10px;}
.page-title { background:url(../images/page-title.png) left bottom no-repeat;background-size: 60px; font-size:18px; color:#4b3700; padding:2px 0px 0 75px;margin:10px 0 10px 0; border-bottom:2px #4b3700 solid; }

.page-main { padding:0; font-size: 16px; color:#333; line-height:1.8; min-height: 300px;}

.left-menu-title { background:#8c8c8c; text-align:center; font-size:18px; color: #fff; padding:5px 0 10px 0;  
                   -webkit-border-radius:0 0 5px 0px; -moz-border-radius:0 0 5px 0px; border-radius:0 0 5px 0px;}
.in-left-menu {margin: 0 0 30px 0;  }
.in-left-menu>ul { margin:0; padding:1px 0 0px 0; list-style:none;display: flex;justify-content: center; }
.in-left-menu>ul>li  {border-right:1px #fff solid ; font-size:16px; color:#fff; padding:0;width: 20%;text-align: center;}
.in-left-menu>ul>li:last-child  {border-right:0;}
.in-left-menu>ul>li>a { color:#fff; display:block; padding:3px 10px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3da6e8+0,0b7cc3+100 */
background: rgb(61,166,232); /* Old browsers */
background: -moz-linear-gradient(top, rgba(61,166,232,1) 0%, rgba(11,124,195,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(61,166,232,1) 0%,rgba(11,124,195,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(61,166,232,1) 0%,rgba(11,124,195,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3da6e8', endColorstr='#0b7cc3',GradientType=0 ); /* IE6-9 */}
.in-left-menu>ul>li>a:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b7cc3+0,3da6e8+100 */
background: rgb(11,124,195); /* Old browsers */
background: -moz-linear-gradient(top, rgba(11,124,195,1) 0%, rgba(61,166,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(11,124,195,1) 0%,rgba(61,166,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(11,124,195,1) 0%,rgba(61,166,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b7cc3', endColorstr='#3da6e8',GradientType=0 ); /* IE6-9 */}
.in-left-menu>ul>li .current {background:  #0B7CC3;}
.in-left-menu>ul>li .current:after {content: "";display: block;margin:3px auto -11px auto;width: 0;
height: 0;
border-style: solid;
border-width: 8px 10px 0 10px;
border-color: #0B7CC3 transparent transparent transparent;}
.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 #CCC dotted; 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;}




/*****  內頁BANNER  *****/
.inside-banner {padding:20px 0;border-bottom: 4px #624e1a solid;background: url(../images/banner-img.png)no-repeat left 5% bottom,url(../images/banner-img02.png)no-repeat right 5% bottom; background-size:340px;}
.inside-banner .banner-title { max-width: 1140px;  margin:0 auto; text-align: center;}
.inside-banner .banner-title .en{font-family: 'Tangerine', cursive;font-size:22px;color: #d9a92c;font-weight: bold;line-height: 1.2;}
.inside-banner .banner-title .ch{font-size:24px; color:#624e1a;line-height: 1.2;}
.inside-banner .banner-title .ch:before {content: " ◣ ";font-size: 14px;}
.inside-banner .banner-title .ch:after {content: " ◥ ";font-size: 14px;}
@media screen and (max-width: 980px) {
.inside-banner {background-size:250px;}
} 

/*****  首頁產品  *****/
.index-pro { 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 #DFDFDF solid;} 
.index-pro ul {  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:#ffffff; padding:5px 8px; color:#cecece; font-size:15px; display:block; border:1px #bbbbbb solid;  width:100%; text-align: center;}
a.cart img { padding-right:0px; vertical-align:middle;}
a.cart:hover { background: #ffffff; color:#333333;}

a.check { background:#ffffff; padding:5px 8px; color:#cecece; font-size:15px; display:block; border:1px #bbbbbb solid;  width:49%; margin-left:1%; float:left;}
a.check img { padding-right:0px; vertical-align:middle;}
a.check:hover { background: #ffffff; color:#5C0001;}

.index-more { max-width:1140px;  margin:50px auto 0 auto; position:relative; }
.index-more a { background:url(../images/index-more-pro.png) #2a2a2a bottom no-repeat; color:#ffffff; width:132px; padding: 10px 0 20px 0; display:block; margin:0 auto; text-align:center; }


/*****  首頁連結  *****/
.index-link {  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:#333333; font-size:24px; letter-spacing:0px;}
.index-link h3 .brwon { color:#999999; 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  #fff dotted;}
.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 {  margin:0 auto; padding:0 15px;}
.index-search { }
.index-search h3 { background:#5b5b5b; font-size:18px; color:#ffffff; font-weight:normal; line-height:40px; margin:10px 0 10px 0; padding:0 10px; }
.index-search span { display:block; float:right; font-size:15px; color:#d1d1d1; font-weight:normal;}
.index-search-input { padding:0px 0 10px 0; position:relative; color:#333;}
.index-search-input img { position:absolute; right:0; top:0px;}
.index-search input { background: #eeeeee; font-size:15px; color: #333; padding:5px 0 5px 20px; line-height:21px; width:100%; border:0; margin:0 5% 0 0; right:51px; vertical-align:middle;}
.index-search img { vertical-align:middle;}



/***  會員登入  ***/
h3.login-title { margin:10px 0 10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9B9B9B;}
.login-tool {}
.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 { 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-035 { width:34%; 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;}



/***  選單與下拉  ***/
nav {border-bottom:1px #fff solid;border-top:1px #fff solid;box-shadow: 0 0 0 1px #a99051;}
 .menu {max-width: 1060px; padding:0; list-style:none; position:relative;  margin: 0 auto;display: flex; }
 .menu>li { flex: 1;margin: 0; color:#3c2b00; font-size:18px; text-align:center; position:relative;line-height:48px;cursor:pointer;}
 .menu>li>a {background-color: transparent;color:#3c2b00; display:block;padding: 0 10px;}  
 .menu>li>a:hover { background-color:#a99051;color: #fff;}

 .menu>li.sub>ul.sub-menu { background:rgba(0,0,0,0.5); display: none; position:static; z-index:999; margin:0; padding:0; -webkit-border-radius:  0 0 5px 5px; -moz-border-radius:  0 0 5px 5px;border-radius: 0 0 5px 5px; overflow:hidden;}
 .menu>li.sub:hover ul.sub-menu { position:absolute; display: block; width:100%; left:0; top:47px;
 }
 .menu>li.sub>ul.sub-menu>li { display:block; border-top:1px #fff dotted; }
 .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: #000000;}
 
 @media screen and (max-width: 670px) {
	 .menu>li { font-size:16px;}
} 
 /* 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;
}



/*** 訂位填寫  ***/
.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 0 0 0px; padding:0 0 0 20px;}
.info-content ul li { border-bottom:1px #BFBFBF dotted; margin-bottom:10px; color: #A41C1F;}
.info-content ul li p { font-size:12px; color:#767676; margin:0 0 10px 0; padding:0;}
h5.info-set-opint { color:#69B7FF; font-size:15px; line-height:25px; border-bottom:1px #D9D9D9 solid; margin:0 0 10px 0;}

/***  step  ***/
.steps { text-align:center; padding:30px 0; }
.steps .step { display:inline-block; width:240px; max-width:33%; text-align:center; margin:0 -2px;}
.steps .step span { display:block; font-weight:bold;  }
.steps .step span.badge { position:relative; height:30px; line-height:30px; text-align:center; }
.steps .step span.badge .text { position:absolute; left:calc(50% - 15px); font-size:18px; font-family:Arial; color:#fff; background-color:#d9d9d9; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:50%; z-index:1; }
.steps .step.active span.badge .text { color:#fff; background-color:#000; }
.steps .step span.badge:before { content:""; position:absolute; background-color:#d9d9d9; width:100%; height:2px; top:50%; left:0; margin-top:-1px; z-index:0; }
.steps .step:first-child .badge::before {width:50%; left:50%;}
.steps .step:last-child .badge::before {width:50%; right:50%;}



/***  歷史訂單  ***/
.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 0px 5px 5px; -moz-border-radius:0 0px 5px 5px; border-radius:0 0px 5px 5px;}
.table-border tr:nth-child(2n){ background:#FFF; }
.table-border tr:nth-child(2n+3){ background:#FFFBF0; }

/***  表單欄位  ***/
.form-box {}
.form-box h4{ background:url(../images/page-title02.png) left bottom no-repeat;background-size:32px; font-size:18px; color:#4b3700; padding:20px 0px 0 40px;margin:10px 0 0 0; border-bottom:2px #4b3700 solid; }
.passenger{background:#fff;border: 2px #4b3700 dashed;border-top:0;  padding: 10px;border-radius: 0 0 20px 20px;margin: 0 0 30px 0;}
.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-main { display: flex; }
.opinion { margin:30px 0 0 0;position: relative; }
.opinion02 {margin:25px 0 0 0;display: flex;width: 33.3333%;position: relative;}
.opinion02:last-of-type {flex: 1;}
.opinion04 {width:calc(50% - 5px);margin: 0 10px 0 0; display: flex;align-items: center;position: relative;}
.opinion04:nth-child(2) {margin: 0;}

.opinion-left01 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d68085+89,e55a63+89 */
background: rgb(214,128,133); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(214,128,133,1) calc(100% - 10px), rgba(229,90,99,1) calc(100% - 10px)); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(214,128,133,1) calc(100% - 10px),rgba(229,90,99,1) calc(100% - 10px)); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(214,128,133,1) calc(100% - 10px),rgba(229,90,99,1) calc(100% - 10px)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d68085', endColorstr='#e55a63',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ min-width:184px;padding:2px 15px; font-size:15px; font-family:"微軟正黑體"; color:#ffffff; line-height:1.8;position: absolute;top:-15px;left:10px;text-align: center;border-radius: 5px;z-index: 9;}
.opinion-left02 { background:#f7e7c6;display: block;border:none; min-width:66px;padding:16px 15px 4px 15px; font-size:16px; font-family:"微軟正黑體"; color:#333; line-height:1.8;text-align: center;}

				  
.opinion-right01 { float:left; width:7.5%; padding:0px 2%; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:20px; border-left:0;}
				  
.input-main-style01 { background:#f8f5ec;width:100px; border: 0; margin:0; padding:16px 15px 4px 15px; font-size:16px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:1.8;min-height: 48px;}
.input-main-style02 { background:#f8f5ec; width:100%; border: 0; margin:0; padding:16px 63px 4px 15px; font-size:16px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:1.8;min-height: 48px;}
.input-main-style02:disabled { background:#f0f0f0; }
.input-main-style02-code {background:#f8f5ec; width:100%; border: 0; margin:0; padding:16px 195px 4px 15px; font-size:16px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:1.8;min-height: 48px;}
.input-main-style03 { background:#f8f5ec;margin:5px 0 0 0;border: 0; padding:10px 15px; font-size:16px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:1.8; width: 100%;min-height: 48px;}
.input-main-style04 { background:none;margin:5px 0 0 0; border: 0; padding:0; font-size:16px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:20px;width:100%; display: flex;flex-wrap: wrap;}
.input-main-style05 { background:#f8f5ec;width:100%; border: 0; margin:0;padding:15px calc(100% - 180px) 3px 15px; font-size:16px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:1.8;display: flex;align-items: center;min-height: 48px;}



.input-main-select { background:none; width: 100%; border: 0; margin:0; padding:0; font-size:16px; ; font-family:"微軟正黑體";color:#4E4E4E; line-height:1.8;display: flex;flex-wrap: wrap;}
.input-main-select select { background:#f8f5ec; width:50%; padding:18px 15px 7px 15px; line-height:1.8; border: 0; font-size:16px; font-family:"微軟正黑體";}

.select-style { background: #8a6e0c; font-size:15px; color:#ffffff; line-height:20px; padding:5px 10px; border: 0; }

.code {height:44px;margin:0 ; vertical-align:middle;position: absolute;right:48px;top:2px;}
.code img{height:44px; }

.order-numb { color:#FF0004;}
.receive{ margin: 0; border: 0; padding:5px 15px; font-size:16px; font-family:"微軟正黑體"; color:#333; line-height:1.8; width: 100%;}

label{position: absolute;right: 0;top: 0;width: 48px; height: 48px; display: block;display: flex;align-items: center;justify-content: center;font-size: 24px;background: #d8ac50; color: #fff;}
label.icon02{font-size: 30px;}
label.icon03{height:160px;top:0;}
label.icon04{position: absolute;right: 0;top:inherit;bottom: 47px;}
label.icon05{position: absolute;right: 0;top: 0;}
.input-main-style02:focus ,.input-style01:focus ,.input-main-style02-code:focus, .input-main-style05:focus, .input-main-style01:focus, .input-main-style03:focus, .input-main-select select:focus  {outline:2px #f5cc63 solid;background: #fff;}
.input-main-style02:focus + label{background: #f5cc63;}
.input-style01:focus + label{background: #f5cc63;}
.input-main-style02-code:focus + label{background: #f5cc63;}
.input-main-style05:focus + label{background: #f5cc63;}


/** 訂位表單 **/ 
.opinion03 {margin: 5px 0 0 0; display:flex;flex-wrap: wrap; }
.opinion-left03 { background:none;display: block;border:none; min-width:60px;padding:0; font-size:14px; font-family:"微軟正黑體"; color:#333; line-height:1.8;text-align:left;}
.input-main-style06 { background:#fff; flex: 1;width:100%; border: 1px #aaa solid; margin:0; padding:0; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:1.8;}
.input-main-style07 { background:none; flex: 1;width:100%; border:none; margin:0; padding:0; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:1.8;}
.input-style02 { background:#fff; border: 1px #aaa solid; padding:5px;max-height:80px; display: block; line-height:1.8; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E;width:100%;}
.input-style02:focus, .input-main-style06:focus {outline:0;border: 1px #333 solid;background: #fff;}

/***  輸入欄位  ***/

input { }
.input-style01 {background:#f8f5ec;border: 0; padding:16px 63px 4px 15px;line-height:1.8; font-size:16px; font-family:"微軟正黑體"; color:#4E4E4E; width:100%;min-height: 160px;}

.input-botton01 { 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;              /* For Firefox3.6+ */
	             -webkit-box-shadow:0px 0px 5px #E9E9E9 inset;           /* For Chrome5+, Safari5+ */
	             box-shadow:0px 0px 5px #E9E9E9 inset;                   /* For Latest Opera */}



/* 頁次 */	
.page{font:13px/40px "微軟正黑體"; color:#333; text-align: center; clear:both; margin-top:20px;}
  .page a { background: #d68085; color:#fff; padding:5px 15px; border-radius: 10px 0 10px 0;border: 1px #fff solid; box-shadow: 2px 2px 0 0 #ab3a42;}
  .page a:hover { background: #d56d73; color: #fff;}
  .page br { display:none;}

/******  底部資訊  ******/
footer:before {content: "";display: block;background: url(../images/footer-bottom.png)no-repeat bottom center;width: 100%;height: 13px; margin:-15px auto 0 auto;border-bottom: 1px #c0931d solid;}
footer {background: url(../images/footer_bg.jpg); background-size: cover;border-top: 1px #fff solid;}
footer .footer { max-width:1140px; margin:0 auto;display: flex;padding:5px 0;}
footer .footer .f-left{flex: 1.4;display: flex;}
.f-left .f-logo{width: 78px;}
.f-left .f-logo img{width: 100%;}
.f-left .f-information{flex: 1;margin:5px 0 5px 5px;}
.f-left .f-information .company{font-size: 18px; color: #fff;padding: 10px 0 0 0;}
.f-left .f-information .address{font-size: 14px; color: #fff;display: inline-block;padding: 0 ;}
.f-left .f-information .address:before{content: "";display:inline-block;background: url(../images/icon-address.png)no-repeat left top;background-size: 25px;width: 25px; height:18px;position: relative; top: 5px;margin: 0 5px 0 0 ;}
.f-left .f-information .tel{font-size: 14px; color: #fff;display: inline-block;padding: 0;margin: 0 0 0 15px;}
.f-left .f-information .tel:before{content: "";display:inline-block;background: url(../images/icon-tel.png)no-repeat left top;background-size: 19px;width:19px; height:19px;position: relative; top: 5px;margin: 0 5px 0 0 ;}
footer .footer .f-right{flex: 1;text-align: right;line-height: 1.4;padding:5px 5px 5px 5px;display: flex;flex-wrap: wrap; justify-content: flex-end;}
.f-right .copyright{font-size: 12px; color: #fff;width: 100%;}
.f-right .wd{font-size: 12px; color: #fff;width: 100%;}
.f-right .wd a{color: #fff;}
.f-right .wd a:hover{text-decoration: underline;}
.line-icon{width: 106px;margin: 0;}
.line-icon a{display: block;}
.line-icon a:hover{}
.line-icon img{ width: 100%;}

 @media screen and (max-width:910px) {
	 footer .footer .f-left{flex: 1;}
	 .f-left .f-logo{width: 78px;padding: 9px 0 0 0;}
	 .f-left .f-information{margin:0px 0 0px 5px;}
	 .f-left .f-information .address{display: block;}
	 .f-left .f-information .tel{display: block;margin: 0;}
	 .f-left .f-information .tel:before{content: "";left: 3px; margin: 0 11px 0 0 ;}
} 
 @media screen and (max-width:780px) {
	 footer .footer {padding:5px 10px;}
	 footer .footer { display: block;}
	 footer .footer .f-left{width:380px;margin: 0 auto;}
	 .f-left .f-logo{width: 78px;padding: 4px 0 0 0;}
	 .f-left .f-information .company{padding: 5px 0 0 0;}
	 footer .footer .f-right{text-align:center;padding:5px; justify-content:center;}
	 .line-icon{margin: 0 0 5px 0;}
}