@charset "utf-8";
@import url("animate.css");
@import url("https://use.fontawesome.com/releases/v5.3.1/css/all.css");
@import url("responsive-tables.css");
@import url("footer.css");
@import url("colorbox.css");
@import url("../js/lightbox_highlight/highlight.css");
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);

A:link { FONT-STYLE: normal; TEXT-DECORATION: none; color: #555;transition:0.3s;} 
A:visited { FONT-STYLE: normal; TEXT-DECORATION: none; color: #555;} 
A:active { FONT-STYLE: normal; TEXT-DECORATION: none; color: #555;} 
A:hover { FONT-STYLE: normal; TEXT-DECORATION: none; opacity:0.6;} 
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body { margin:0px; padding:0px;
       font-size: 1.5rem;/*1.3 × 10px = 13px */
       color:#666;
       line-height: 3.0rem;
       background:url(../images/bg.jpg) no-repeat center top;
       font-family:Arial, Helvetica, 微軟正黑體, sans-serif;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.f10px{font-size:1.0rem;}
.f12pt{font-size:1.2rem;}
.f16px{font-size:1.6rem;}
.f20px{font-size:2.0rem;}
.f24px{font-size:2.4rem;}
.f30px{font-size:3rem;}
.c_orang{ color: #fca000;}
.c_gray01{ color:#828282;}
.c_gray02{ color:#babab9;}
.c_green{ color: #3eb2a9;}
.c_pink{ color: #ff6280;}
.c_gold{ color: #b69b6c;}
.c_red{ color:#f40c17;}
.c_black{ color: #000;}
.c_blue{ color: #099ec3;}
.bg_gray{ background-color: #f3f3f3; padding: 20px;}
.line_btm{ border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.liheight16{ line-height:16px;}
.both{clear:both;}
hr{ border-top:1px solid #b8b196; margin:30px 0;}
h1{display: -webkit-inline-box; color:#000;font-size:4.0rem; line-height: 1.2;font-weight: normal; letter-spacing: 3px; margin: 20px 0;}
.h1 { position: relative; display: inline-block; text-align:center;}
.h1::after {
    content: '';
    display: block;
    animation: line 2s forwards;
    border-bottom:3px solid #b9b297;
    -ms-transform: scale(0,1);
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
@keyframes line {
    100% {
        -ms-transform: scale(1.1,1);
        -webkit-transform: scale(1.1,1);
        transform: scale(1.1,1);	
    }
}


h2{display: -webkit-inline-box;font-size:4.0rem; font-weight: normal; letter-spacing: 10px; padding-bottom:20px; border-bottom:3px solid #b9b297;}
h3{font-size:3.0rem; color:#000; margin:0 0 10px;}
h4{font-size:3.6rem; color:#099ec3; margin:0 0 10px;}
h5{font-size:2.4rem; color:#3eb2a9; margin:0 0 10px; padding-bottom: 5px; border-bottom: 1px solid #eee;}
h6{font-size:2rem; color:#000; margin:0 0 10px; padding-bottom: 5px; border-bottom: 1px solid #eee;}
.f_left{ float:left;}
.f_right{ float:right;}
.left_rwd{ float:left;}
.right_rwd{ float:right;}
.f_inblock{ display:inline-block}
.center{ margin: auto;}

/*   bottom   */
input {font-size:1.5rem; font-family:Arial, Helvetica,微軟正黑體, sans-serif; padding: 8px; border-radius: 3px; border:1px solid #dce4ee;}
select,  textarea{font-size:1.5rem; font-family:Arial, Helvetica,微軟正黑體, sans-serif; padding: 8px; border-radius: 3px; border:1px solid #dce4ee; width: 100%;}
select#sel_year, select#sel_month, select#sel_day{ width: 25%;}
input{cursor:pointer;}
input[type="radio"]{
    cursor: pointer;
    appearance:normal;
    -moz-appearance:normal; /* Firefox */
    -webkit-appearance:normal; /* Safari 和 Chrome */
    background: #34495E;
    width: 17px;
    height: 17px;
}
input[type="checkbox"]{
    width: 17px;
    height: 17px;
}
input::placeholder, select::placeholder, textarea::placeholder{color: #6db8d7;}

.qui-radioBox {
    height: 20px;
    width: 20px;
    border: 2px solid #b2c8d9;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 3px;
    overflow: hidden;
    margin-right: 4px;
}
.qui-radioBox input {
    opacity: 0;
    position: absolute;
    top: 2px;
    left: -2px;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.qui-radioBox.active {
    background: #3eb2a9;
    border: 3px solid #3eb2a9;
}
.qui-radioBox.active:after {
    content: '';
    display: block;
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}


.back{ float:right; clear:both;margin:2px 0 0 3px; line-height: 4rem;}
.back a:link, .back a:visited {font-size:2.0rem; color:#fff; text-align:center;padding:8px 50px 9px; background-color:#b2b2b2;}
.send{ text-align:center;}
.send input , .send button{font-size:2.0rem;color:#fff;font-family:Arial, Helvetica, 微軟正黑體, sans-serif; border:0; text-align:center; border-radius: 3px; padding:9px 50px; background-color:#3eb2a9;}
.send input:hover, .send button:hover{background-color:#666;}
.send_red{ text-align:center; float:right; margin-top: 2px;margin-right: 1px;}
.send_red input{font-size:2.0rem;color:#fff;font-weight: normal; border:0; text-align:center; padding:6px 50px; background-color:#e73b49; border-radius: 0;margin-top: 1px;}
.send_red input:hover{background-color:#666;}
.link {display: inline-block;}
.link a{ color: #fff; background-color: #3eb2a9; border-radius: 45px; padding: 5px 10px;}
#send_blue{display: inline-block;font-size:2.0rem;color:#fff; border:0;border-radius: 3px; text-align:center;margin: 30px 0; padding:13px 20px;background-color: #003c98;}
.send input.clean{font-size:1.6rem; color: #666; margin-right: 20px; padding:3px 10px; background-color:#ddd;}

/*   all   */
.header_main{width:100%; max-width:1000px; color:#c69c6d;margin:0px auto;}
header{ width:100%; max-width:1280px; margin:auto; text-align:left;}
header td, header th{  border: 0;}
.logo{ float:left; z-index:1; line-height: 0;}
.logo img, .logo_ind img{ width: 90px;}
.ico_search{vertical-align:text-top; margin-right:10px; border:0;}
.searchtitle{ width:238px; margin-top:-60px;}
.search{ color:#fff; background:url(../images/ico_search_ind.png) no-repeat 20px center; background-color:#000; padding:10px 30px 10px 60px; border:0;}
.search:hover{ opacity:.6;}


#main_bg{position: relative; width:100%; max-width:1200px; margin:30px auto;}
#main_bg_s{width:70%;margin:30px auto;}
#main_bg_all{position: relative; width:100%; margin:30px auto;}
#main_bg img{ max-width:100%;}
#main_bg_all img{ max-width:100%;}

/*   ad   */
.ad_isd01{ margin-bottom: 80px;border-top:1px solid #bbb7b4;}
.ad_isd01 img{ width:100%;}
/*   left   */
.left{ display:none;}

/*   content   */
.content{text-align: left; display:inline-block;width: 100%; }
.title{ margin-bottom:20px; text-align:center;}
.breadcrumbs{ font-size:1.1rem;color:#daae6d; height:20px; margin:0px; float:right; }
.breadcrumbs a:link, .breadcrumbs a:visited { color: #bebebe;	padding-top: 10px;}
.breadcrumbs a:active, .breadcrumbs a:hover { color: #daae6d;	text-decoration: underline;}

.content_main img { max-width:100%;}
.img_mbt{ margin-bottom:25px; margin-top:10px;}

/*  product  */
.view_cat{ text-align:right;}
.view_cat01 { float:right;margin: 0 5px;}
.view_cat01 a{display:ruby;background:url(../images/ico_view01.jpg) no-repeat center; padding:2px 5px; border-radius:3px; border:1px solid #ddd; }
.view_cat01 a:hover{background:url(../images/ico_view01_over.jpg) no-repeat center;border:1px solid #6bbbdf;}
.view_cat01 a.currMenu{background:url(../images/ico_view01_over.jpg) no-repeat center;border:1px solid #6bbbdf;}
.view_cat02{ float:right; margin:0 5px;}
.view_cat02 a{display:ruby;background:url(../images/ico_view02.jpg) no-repeat center; padding:2px 5px; border-radius:3px; border:1px solid #ddd;}
.view_cat02 a:hover{background:url(../images/ico_view02_over.jpg) no-repeat center;border:1px solid #6bbbdf;}
.view_cat02 a.currMenu{background:url(../images/ico_view01_over.jpg) no-repeat center;border:1px solid #6bbbdf;}

.proli{ float:left; font-size:1.1rem;width:calc(100%/3 - 3%); margin:0 1.5% 3%; line-height:18px; min-height: 500px; border-bottom:3px solid #b69b6c;}
.proliimg { width:100%; height:360px;text-align : center; overflow:hidden;
            white-space : nowrap;
            /* IE */
            *font-size : 320px;
}
.proliimg:after { content : ".";  font-size : 0;  -webkit-text-size-adjust : none;}
.proliimg img {  vertical-align : middle;max-width:100%; transition: opacity 1s, scale 1s; }
/*滑鼠滑過圖放大--------------------- */
.proliimg:hover img{
	z-index: -1;
    opacity: 0.4;/*透明度寫法，不透明是1*/
	transform:scale(1.2);
}
.proli a:active, .proli a:hover {opacity:1;color:#b69b6c;}
.proli_title{ font-size:1.7rem; margin-top:50px;}
.proli_des{ color:#999;}
.proli_des img { margin:0 auto; width:auto;}
.proli_name{ color: #000;font-size:2.0rem; line-height:2.4rem; font-weight: bold;padding:10px 0; }
.proli_name span{ color:#999; font-size:1.2rem; font-weight: normal; vertical-align: text-bottom;}
.proli_price{ text-align:right; margin-top:15px;}
.proli_price strong{font-size:2.4rem;color:#ff6280;}
.proli_label{ float:left;}
.proli_label01{float:left; border:1px solid #b4b4b4; border-radius:40px; width:32px; height:32px; margin:10px 5px;}
.proli_label01 img{ vertical-align:middle; margin-top:2px; margin-left:3px;}

.pro_label{ overflow: hidden; padding-bottom: 50px;}
.pro_label ul{ padding:0;}
.pro_label li{ float:left; list-style:none; color:#fff; background-color:#3eb2a9; background-size:20%; margin: 2px 1px; padding:4px 15px 3px 10px;}
.pro_label01 img{ vertical-align:middle; margin-right:10px;}

.pro_label_r{ float:right; margin-top: 3px;}
.pro_label>.send_red{ }
.outline{float:right; margin:1px 3px 4px 0;}
.outline a{ font-size:2.0rem; color:#fff; background:url(../images/ico_date.png) no-repeat 10px center; background-size:16%;padding:8px 20px 9px 45px;background-color:#099ec3;}

.block_title{ font-size:3.0rem; font-weight:bold; color:#000; text-align:center; background:url(../images/title_bg.jpg) no-repeat center 35px; padding:20px 0; margin:20px 0;}
.pro_detail01{ width:100%;}
.pro_detail01 > .pro_img{ float:left; width:43%;}
.pro_detail01 > .pro_img img{ max-width:100%;}
.pro_detail01 > .pro_txt{ float:right; width:55%;}
.pro_detail01 > .pro_txt strong{ font-size:1.8rem; color:#000;}
.pro_detail02{}
.pro_des_li{ float:left;width:calc(100%/4 - 2%); margin:0 1% 5%;min-height: 350px;}
.pro_des_li > strong{display:block; font-size:1.8rem; color:#000;}

.stroke_line .outline{float:left;}
.stroke_line .outline a{font-size:3.0rem;}
.stroke_line_content{ overflow:hidden; background-color:#f0f0f0; padding:30px; margin-bottom:30px;}
.stroke_line_txt{ float:left; width:calc(100%/2 - 2%); margin:0 1% 3%; border-bottom:1px solid #d0be77;}

.apply_title{ text-align:center; margin-bottom:30px;}
.apply_title img{ width:30%;}
.apply_form{}
.apply_form th{ color:#fff; font-weight:normal;text-align:center; padding:5px; background-color:#3eb2a9;}
.apply_form td{ text-align:center; padding:5px; border-bottom:1px solid #e4e4e4;}
.apply_form td.apply_txtleft{ text-align:left;}

.apply_mode { color:#8a8a8a; line-height:1.2rem; background-color:#d5d5d5; width:50px; height:50px; margin:auto; padding: 20px 0 0; border-radius:50px;}
.apply_mode_green{ color:#fff; line-height:1.4rem; background-color:#5cb642; width:50px;  margin:auto;height:50px; padding: 12px 0 0; border-radius:50px;}
.apply_mode_go{color:#fff; line-height:1.2rem;margin:auto; }
.apply_mode_go a{ display: inline-block; color:#fff; background-color:#5cb642; border-radius:5px; padding: 8px 12px;}
.apply_mode_go.active a{ background-color:#000; }
.apply_mode_alternate{color:#fff; line-height:1.2rem;margin:auto; }
.apply_mode_alternate a{ display: inline-block; color:#fff; background-color:#c7ab6f; border-radius:5px; padding: 8px 12px;}
.apply_price_des{ position: absolute; text-align: left; top: 30px; left: -80px; width: 300px; padding: 20px; background-color: #fff; border: 1px solid #eee;
                  -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
                  -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
                  box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); display: none;z-index: 99}
.apply_price_des::after{
    content: "";
    position: absolute;
    top: -10px;
    left: 75px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    background-color: #fff; width: 20px; height: 20px;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);}
.apply_price{ position: relative;display: inline-block; font-size: 13px;}
.apply_price a{ color: #fff; background-color: #000; border-radius:5px; padding: 3px 5px; z-index: 1}
.libox_close { float: right;}
.libox_close a{ background-color: #fff; }

/*   報名表   */
.form_l{ display:inline-block;float: left;width:125px; padding: 0 5px 5px; margin:5px 5px 5px 0; border-bottom:2px solid #b69b6c;}
.form_r{ display:inline-block;float: left; margin:5px;}
.form_r strong{ color: #000;}
.form_short{width:90px;}
.form_l_b{width:115px;}
.pic_regist_successful{float: right; margin-right: 20px}
.form_4{ position: relative; display: inline-block; width: 24%; margin-bottom: 10px;}
.form_4 img, .form_30p img{position: absolute; top: 2px; right: 5px;}
.contract{ overflow: auto; border: 1px solid #ddd; padding: 20px; height: 300px;}
.form_15p{ position: relative; display: inline-block; width: 13%; min-width: 100px; margin-top: 10px;}
.form_30p{ position: relative; display: inline-block; width: 28%;min-width: 180px; margin-top: 10px;}
.form_50p{ position: relative; display: inline-block; width: 48%; margin-top: 10px;}
.form_90p{ position: relative; display: inline-block; width: 90%; margin-top: 10px;}
.form_100p{width: 100%; margin-top: 10px;}
.w_83p{ width: 83%; }
.w_90p{ width: 90%; }
.m_top{ margin-top: 20px;  padding-bottom: 15px;}

/*   包車服務   */
.resvt_car_l{display: inline-block; vertical-align: top; width: 70%; }
.resvt_car_r{float: right; display: inline-block; vertical-align: top; width: 27%; }
.resvt_carlist{ padding: 18px 10px; border-bottom: 1px solid #eee;}
.resvt_li_l{display: inline-block; vertical-align: top; width: 30%;}
.resvt_car_l .glyphicon .fa{ font-family: normal normal normal 14px/1 FontAwesome; font-weight: normal;}
.input-group.resvt_li_r{display: inline-block; vertical-align: top; width: 69%;}
.btn.add{ border-radius: 4px 0 0 4px;border-right: 0;}
.btn.reduce{ border-radius: 0px 4px 4px 0;border-left: 0;}
.input-group.datepicker .form-control{ width: 50%;}
.resvt_car_l .resvt_car_date .input-group .form-control::-webkit-input-placeholder{ color: #fff;}
.resvt_li_r table tr td:nth-child(3){ max-width: 45px; text-align: center;}
.resvt_car_det_l, .resvt_car_det_r{display: inline-block; width: 49.5%; vertical-align: top;}
.apply_form .resvt_carlist td { display: table-cell;}
.res_select_txt{margin-bottom: 30px;}
td.res_select_box{ text-align: left; background-color: #f5f5f5; padding: 20px;}
.res_select_box.hid{ display: none; opacity: 0;}
.res_select_box.block{ display: table-cell; transition: 0.3s;opacity: 1;}
.res_select .fa-calendar{ }
.res_select .fa-calendar:before {content: "\f073";font-weight: 400;}
.apply_form .res_select_box td{ text-align: center;  padding: 0; border-bottom: 0;}
.res_select_box strong{ font-size: 1.6rem;}
.resvt_car_l .resvt_car_date .input-group { width: 220px;}
.resvt_car_l .resvt_car_date .input-group-addon { background-color: #e73b49; border: 0;}
.resvt_car_l .resvt_car_date .input-group .form-control{color: #fff;font-size: 2rem; background-color: #e73b49;border: 0;}
.resvt_car_l .resvt_car_date .input-group .form-control::placeholder{color: #fff;}
.resvt_car_l .resvt_car_date .glyphicon{color: #fff;font-size: 2rem;}
.res_pay_form1{display: inline-block; vertical-align: top; line-height: 1; width: 100%; margin-bottom: 30px;}
.res_pay_form2{display: inline-block; vertical-align: top; line-height: 1; width: 48%; margin-bottom: 30px;}
.res_pay_form3{display: inline-block; vertical-align: top; line-height: 1; width: 32%; margin-bottom: 30px;}
.res_pay_form1 .reg_radio:checked + .reg_radioInput:after {margin: -5px 0 0 -3px;}
.res_nt:nth-child(even){display: inline-block; vertical-align: top;text-align: left; width: 40%; min-width: 80px;}
.res_nt:nth-child(odd){display: inline-block; vertical-align: top;text-align: left; }
.res_pay_other{display: none; padding: 20px;}
.res_pay_other.show{display: block; background-color: #f0f0f0; border-bottom: 1px solid #dfdfdf;}
.res_pay_other_add {margin: 20px 0;}
.res_pay_other_add a{ font-size: 2rem; color: #fff; border-radius: 30px; padding: 8px 16px; background-color: #3eb2a9;}
.res_pay_other_add a:hover{ background-color: #ff6280;}
.res_pay_other_01{display: inline-block; vertical-align: top; width: 10%; min-width: 70px}
.res_pay_other_02{display: inline-block; vertical-align: top; width: 89%;}
.res_pay_confirmpay{ overflow: hidden; border: 1px solid #eee;margin-top: 30px; padding: 30px; border-radius: 20px;}
.res_pay_confirmpay .left{ float: left; display: block; width: 73%; }
.res_pay_confirmpay .send{ float: right;}
.res_pay_other_remove {margin: 20px 0;}
.res_pay_other_remove a{ font-size: 2rem; color: #fff; border-radius: 30px; padding: 8px 16px; background-color: #f00;}
.res_pay_other_remove a:hover{ background-color: #ff6280;}



/*   機場接送
.resvt_table{line-height: 2;}
.resvt_table tr td{ padding-right: 10px;}
.resvt_table tr td:nth-child(1){ padding-top: 10px;}
.resvt_table .resvt_qty tr td{ padding-right: 0;}
.resvt_table .resvt_qty tr td:nth-child(1) { padding-top: 0; border-bottom: 0;}
.resvt_remark{ margin: 20px 0 20px 100px; padding: 20px; border-top: 2px solid #099ec3; border-bottom: 2px solid #099ec3;}
.resvt_qty{display: inline-block;width: 70%;line-height: 2;background-color: #f7f7f7; margin: 5px 0;padding: 0 0 0 10px; border-radius: 3px; border: 1px solid #d2d2d2;}
.resvt_qty select{ margin-top: 1px;border: 0;background-color: #fff;}
.resvt_table .form_30p{margin: 10px 0;}
.resvt_table .td01{color:#000; font-size: 1.8rem;}
   */

/*   pagination   */
#pagination {margin: 20px 0;text-align:center;}
#pagination img{ vertical-align:middle; width:50%;}
#pagination SPAN, .onthis {DISPLAY: inline-block; COLOR: #fff; line-height:24px;PADDING: 0px 6px; MARGIN: 3px 2px 0;BACKGROUND: #444; border-bottom:1px solid #444;}
#pagination A {DISPLAY: inline-block;COLOR: #444; line-height:24px; PADDING: 0px 6px; MARGIN: 3px 2px 0;  BACKGROUND: #fff; BORDER: #444 1px solid;}
#pagination A:hover {BACKGROUND: #444; color:#fff; opacity:1; }
#pagination A:active {}
#pagination .prevnext {display: inline-block;}
#pagination .prevnext a{ position:relative; border:0px; padding:0px; margin:0px; BACKGROUND:#fff; }
#pagination .prevnext A:hover:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 30px;
    background-color:rgba(255, 255, 255, .5);}
.rwd_br{ display:none;}
.go{ display: inline-block;}
.gopg{ border: 0;}

/*   contact   */
.contact_info{line-height:2.4rem; color:#9b9b9b;background:url(../images/maintitle_contact.jpg) no-repeat; padding:80px 0px 60px 0px; min-width:311px; float:right;margin-left:20px;}
.contact_info strong{ color:#000; font-size:2.4rem;}
.contact_td{ float:left;width:58%;}
.contact_form{WIDTH: 100%; padding:5px;}
.form01{ width:97%; padding:5px;}
.form02{width:60%; padding:5px;}
.w_60p{ width:60%; margin:0 auto;}

/* member_login */
.member_list{ text-align:center; margin: 0 0 50px;}
.member_list li{ display:inline-block;line-height: 3;}
.member_list li a{ margin:0 5px; padding:10px 30px; border:1px solid #ddd;}
.member_list li a:hover{ color:#fff; background-color:#3eb2a9; opacity:.9; }
.member_policy { width:97%; height:250px; overflow:scroll; border:1px solid #999; margin-bottom:7px; }
.login_l{ float:left; font-size:1.1rem; line-height:1.8rem; color:#999; width:35%; border-bottom:1px solid #b9b297; border-top:1px solid #b9b297; padding:30px 0; margin-top:50px;}
.login_r{ float:right;width: 45%; margin-top:50px; margin-right:10%; }
.login_l_img{ text-align:center;}
.login_l_img img{ width:35%; margin-bottom:30px;}
.login_id{background:url(../images/member_ico_id.jpg) no-repeat right; width:100%; padding:8px; margin:10px 0;}
.login_pw{background:url(../images/member_ico_pw.jpg) no-repeat right; width:100%; padding:8px; margin:10px 0;}
.login_r .send input{ float:left;width:91%; margin:30px 0; padding:15px; border-radius:3px;}

/*   search */
.search_box, .search_box02, .search_box03{ float:left;display: inline-block; line-height:3.6rem; height: 35px;}
.search_box .form01{ width:inherit;}
.sb_02, .sb_03{ margin-left:20px;}
.search_box.send_red{ float: right;}
.send_red .send{background:url(../images/ico_social_01.png) no-repeat 15px 8px #e73b49; margin-top:-5px;}
.send_red .send:hover{background:url(../images/ico_social_01.png) no-repeat 15px 8px #666; margin-top:-5px;}

/*   news */
.new_case{ float:left; position:relative; overflow: hidden; width:calc(100%/4); margin:0; border-bottom:1px solid #404040;}
.new_list{ position:absolute;width: 100%;  bottom:0; font-size:1.3rem; color:#908f8f; line-height:1.6rem; padding:10px; background-color:rgba(0,0,0,0.8);}
.new_list strong{ display:block; overflow:hidden; font-size:2.0rem; line-height:2.4rem; margin-bottom:8px; min-height: 58px;}
.new_list strong a{ color:#b9b297;}
.new_list strong span{display: inline-block;font-size:1.2rem; line-height:1.6rem; color:#fff; border-radius:3px; background-color:#7a7255; padding:0 3px; margin: 0 5px 3px 0;}
.news_litxt{overflow:hidden; height:33px;}
.news_list_img{line-height: 0; min-height: 364px;max-height: 364px;}
.news_list_img img{height: 100%;}
.new_list_date{float:right; line-height:12px; text-align:right; margin-left:5px; padding-left:5px; border-left:1px solid #b9b297;}
.new_des{ }
.new_date{ float:left; border-radius:50px; font-size:1.3rem; line-height:1.8rem; color:#f6ecc4; text-align:center;width:80px; height:80px; padding-top:25px; margin:0 20px 10px 0; background-color:#b69b6c;}
.new_date span{display:block;  font-size:2.4rem; color:#fff; font-weight:normal;}
.new_des_title{ overflow: hidden; margin-bottom:20px;}
.new_des_title .text{ margin-left:100px; font-size:3.0rem; color:#000; border-top:1px solid #b69b6c; border-bottom:1px solid #b69b6c; padding:20px 10px;}
.news_content{ }

/*   community  */
.social{ padding:10px; overflow:hidden;}
.social_ico { float:left; margin-right:10px; position: relative;}
.social_ico A:after {
    transition: 0.5s;
    content: "";
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color:rgba(0, 0, 0, 0);
}
.social_ico A:hover:after {
    content: "";
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    background-color:rgba(0, 0, 0, .3);
}

/*   table   */
.tdmain_a{padding-left: 30px; border-bottom:1px solid #483B32; padding:5px;}
.tdmain_b{ background-color: #f6f6f6; padding:5px;border-top:2px solid #898989;border-bottom:1px solid #e0e0e0;}
.tdmain_c{ background-color: #7f7f7f; padding:5px; color:#FFF;}
.tdmain_d{ background-color: #3eb2a9; padding:5px; color:#FFF;}
.td01{padding: 8px 0;border-bottom:1px solid #e7e7e7;}
.td02{padding: 5px; border-bottom:1px solid #483B32;}
.td03{padding: 5px; border-bottom:2px solid #b69b6c;}
.td04{padding: 8px 3px; background-color: #e8f5f8; border-bottom:1px solid #e8f5f8;}
.td05{padding: 8px 3px; background-color: #fff; border-bottom:1px solid #e7e7e7;}
.res_pay .td05{text-align: center;}
.td01 a span{ border:1px solid #000; border-radius:3px;padding: 2px 2px 0 2px; width: 80%; line-height: 24px; display: inline-block;}
.td01 a:hover span{border:1px solid #3eb2a9; background-color:#3eb2a9; color:#fff;}

/*table*/
.rwd-table {border-collapse: collapse;}
.rwd-table th, td {}

@media screen and (max-width: 690px) {
    .rwd-table tr { }
	.rwd-table thead tr {border: 0;}
    .rwd-table th {  display: none;}
    .rwd-table td { display: block; border: none;}
    .rwd-table td:before {content: attr(data-th) " ";  float: left; font-weight: bold; min-width: 100px;}
    .td04{padding: 3px 10px;}
    .td05{padding: 3px 10px;}
	.res_pay .td05{text-align: left;}
}


/*RWD Youtube 以及 Vimeo*/
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

/*  index */
#main_bg .range{ width: 100%}
.ind_news{ display:inline-block; vertical-align:top; width:52%; text-align:center;}
.ind_about{ display:inline-block; vertical-align:top; width:47%; padding:0 5%; text-align:center;}
.ind_td{ width:100%; overflow:hidden; height:30px;}
.indb_img img{ border-radius:153px; width:153px; height:153px;}

/*  about */
.com_fl{ float:left;width:45%; text-align:center; margin-top:30px;}
#main_bg .com_fl img{ max-width:70%;}
.com_fr{ float:right;width:50%; margin-right:4%; margin-top:30px;}

@media screen and (max-width: 790px) {
    .com_fl{ width:30%;}
    .com_fr{width:67%;margin-right: 0; }
}
@media screen and (max-width: 640px) {
    .com_fl{ float:none;width:100%; margin:30px 0;}
    #main_bg .com_fl img{ max-width:40%;}
    .com_fr{ float:none;width:100%; margin:0 auto;}
}
@media screen and (max-width: 460px) {
    #main_bg .com_fl img{ max-width:60%;}
}

/*Global Links CSS*/
@media print {
}
@media screen and (min-width: 2880px) {
}
@media screen and (max-width: 2879px) {
}
@media screen and (min-width: 1920px) {
.back {margin: -4px 0 0 3px; line-height: 4.4rem;}
}
@media screen and (min-width: 1820px) {
.send_red { margin-top: 0;}
.back a:link, .back a:visited {line-height: 2.4;}
}
@media screen and (max-width: 1820px) {
.outline {margin: 4px 3px 4px 0;}
}
@media screen and (max-width: 1285px) {
.new_list strong{ font-size:1.6rem; line-height: 2rem; min-height: 42px; margin-bottom:3px;}
}
@media screen and (max-width: 1250px) {
	.logo img, .logo_ind img { }
    #main_bg { width: 96%; margin: 0 auto;}
    #main_bg_s{width:96%;margin:0 auto;}
    .proli {min-height: 470px;}
    .proliimg {height: 300px;}
    .new_list { padding: 10px;}
    .new_list strong {font-size: 1.6rem; margin-bottom: 0;}
    .news_litxt{ display:none;}
}
@media screen and (max-width: 910px) {
    .search_box.send_red { float: left; margin-top:20px;}
}
@media screen and (max-width: 970px) {
    .proliimg { height: 260px;}
    .pro_label ul { padding: 0;margin: 0; display: table;}
    .pro_label_r {float: none;display: inline-block;margin-top: 2px;}
    .pro_label li{ background-size: 22%;padding: 5px 10px 5px 10px;}
    figcaption p { display:none;}
    .apply_title {margin-bottom: 20px;}
    .apply_title img {width: 40%;}
    .apply_form th {  display: none;}
    .apply_form tr {display: block; padding-bottom: 30px;}
    .apply_form td { display: block; border: none;text-align: left; border-bottom:2px solid #eee;}
    .apply_form td:before {content: attr(data-th) " ";  float: left; color:#3eb2a9; font-weight: bold; padding-bottom:5px;min-width: 80px;}
    .apply_mode { display: table-caption;width: 80px;height: 30px; padding: 0; margin-left: 8%; padding-top: 10px;text-align: center;}
    .apply_mode_green { display: table-caption; width: 100px;height: 30px; padding: 8px 0 0;text-align: center;}
    .apply_mode_go { display: table-caption; padding: 0; margin-left: 8%;text-align: center;}
    .apply_mode_go a { border-radius: 50px; width: 80px; height: 30px; padding-top: 10px;}
    .apply_price_des{ top: 25px; left: -100px; }
    .apply_price_des::after{left: 95px;}
	.apply_form td.res_select_box:before{min-width: 0;}
	.apply_form .resvt_car_l tr { padding-bottom: 10px;}
	.apply_form .res_select td:before {min-width: 0;}
    .w_83p{ width: 75%; }
	/*   包車   */
	.resvt_car_l, .resvt_car_r{display: block; width: 100%; }
	.resvt_car_r{display: none;}
	.res_pay_confirmpay .left{width: 71%;}
}
@media screen and (max-width: 800px) {
    figcaption p { display:block;}
    .form_short{min-width:115px;}
}

@media screen and (max-width: 790px) {
    /*   ind   */
    .ind_news{ display:block; width:100%;}
    .ind_about{ display:block;width:100%;}
    /*   all   */
    header{ position: relative;width:100%; z-index: 6; margin: 0; }
    .logo{ float:none; z-index:1; width:100%; text-align:center; line-height: 1.0rem;}
    .logo img { width: 60px;}
    #main_bg{width:95%; margin:0px auto;}

    /*   left   */
    .left_rwd, .right_rwd{ float:none; width:100%;}

    /*   content   */
    .content{ width:100%; padding: 0px; margin:0; text-align: left;}
    .content_main{	margin: 0px; }

    /*   contact   */
    .contact_info{float:none; background: none; padding:0px; width:100%; margin:20px 0; border-bottom:1px solid #ddd;}
    .contact_td{ float: none; width:100%;}
    .contact_form{WIDTH:100%; padding:5px; min-width:150px;}

    /*  product  */
    .proli { min-height: 420px;}
    .proliimg {height: 210px;}
    .pro_label {overflow: hidden; padding-bottom: 30px;}
    .pro_des_li {width: calc(100%/2 - 2%);}

    .form_4 { display: block; width: 100%; margin-bottom: 10px;}
    .form_4 input{ width: 100%;}
    .form_4 img{right: 5px;}
    .form_30p{ width: 100%;}
    .form_50p{ width: 100%;}
    .form_100p{width: 100%;}
    /*  pagination  */
    #pagination .prevnext a{ display:inline-block;}
    #pagination .go{ padding-left:0px;}

    /*  search  */
    .search_box03{ float:none;}
    .search_box.send_red {float: none; margin-left:30px;}
    .sb_03 {margin-left: 0;}

    /*   news   */
    .new_case {width: calc(100%/2);}
    .new_list strong {font-size: 1.5rem; line-height:1.8rem;}	
	.resvt_qty {width: 100%;}
	.resvt_table .resvt_qty tr td { display: table-cell;}
	.resvt_car_det_l, .resvt_car_det_r { display: block;  width: 100%;margin: auto;}
	.res_pay_confirmpay .left{width: 65%;}
}

@media screen and (max-width: 640px) {
    .new_date { padding: 10px 5px 5px; margin: 0 20px 10px 0;}
    .new_date, .new_list{ float:none; width:100%; height: inherit;}
    .new_des_title .text {margin-left: 0;}
    .more{padding-top:10px; }
    .proli { width: calc(100%/2 - 3%); margin: 0 1.5% 3%; min-height: 440px;}
    .proliimg { height: 260px;}
    .pro_detail01 > .pro_img, .pro_detail01 > .pro_txt{ float: none; width: 100%;}
    .apply_title img {width: 60%;}
    .stroke_line_txt {float: none; width: 100%;}
    .w_83p{ width: 100%; }
	.member_list {margin: 0; padding: 0;}
	.input-group.datepicker .form-control{ width: 100%;}
	.resvt_carlist { padding: 0;}
	.res_pay_confirmpay .left, .res_pay_confirmpay .send{ float: none; width: 100%;}
	.res_pay_confirmpay .send{ margin-top: 20px;}
}
@media screen and (max-width: 590px) {
    h2 {font-size: 3.0rem; letter-spacing: 2px;}
    .sb_02 { margin-left: 0;}
    .search_box02 {float: none;}
    .new_case {width: calc(100%/2);}
    .news_litxt{ display: block;}
    .pic_regist_successful{ display: none;}
	.resvt_li_l ,.input-group.resvt_li_r{display: block; width: 100%;}
}

@media screen and (max-width: 560px) {
    h1 {font-size: 3.0rem; font-weight: normal; letter-spacing: 2px;}
    .quantity{ width:50px;}
    figcaption p { display:none;}
    .ind_news_li figcaption p { display: block;}
}

@media screen and (max-width: 460px) {
    .proli { width: 100%; margin: 0 auto 3% ;}
    .proliimg { height: 300px;}
    .apply_title img {width: 70%;}
    .new_case {width: 100%;}
    .login_l, .login_r{ float: none; width: 100%;margin-top: 0;}
	.resvt_table tr td{ display: block; width: 100%; padding-right: 0;}
	.resvt_table tr td:nth-child(1){ padding-top: 0;text-align: left; }
	.resvt_remark{ margin: 20px 0 20px 0;}
}
@media screen and (max-width: 400px) {
    .form_l, .form_short {min-width: 90px;}
    h1 {font-size: 2.4rem;letter-spacing: 0;}
}
@media screen and (max-width: 360px) {
    .proli{  float: none;width:100%; min-width:168px;}
    .pro_midimg{ min-height: inherit;}
    .proliimg {height: 280px;}
    .pro_des_li {width: 100%;}
}

/* claire add */
.reg_label{margin:20px 30px 0 0;display:inline-block}
.reg_radio{display:none}
.form_r span.reg_radioInput, .reg_radioInput{
    background:#fff;
    border:3px solid rgba(0,0,0,0.15);
    border-radius:100%;
    display:inline-block;
    height:20px;
    width:20px;
    margin-right:9px;
    vertical-align:middle;
}
.reg_radio:checked + .reg_radioInput:after{
    background: #fff;
    border: 5px solid #3eb2a9;
    border-radius:100%;
    content:"";
    display:inline-block;
    vertical-align:middle;
    height:12px;
    margin:-21px 0 0 -3px;
    width:12px;
}
.hide{
    display: none;
}