@font-face {
font-family:'Glyphicons Halflings';
src:url('../fonts/glyphicons-halflings-regular.eot');
src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format( 'woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format( 'svg');
}
/*全站*/
body {
line-height:1.8em;
font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
font-weight:500;
color:#535353;
min-height:100%;
margin:0px 0px;
font-size:1.8rem;
overflow-y:inherit;
overflow-x:hidden;
background-color:#ffffff00;
background-color:rgba(255, 255, 255, 0);
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0px;
padding:0px;
}
.container {
width:100%;
max-width:1280px;
margin:0px auto;
}
img {
background-repeat:no-repeat;
}
a:hover, a:link, a:visited {
text-decoration:none;
}
/* 設定 Loading 畫面 */
#InitLoadingImg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff url('/img/loading.gif') center center no-repeat;
z-index: 9999;
}
/*表頭head*/
#head_include {
width:100%;
height:110px;
z-index:999;
position:absolute;
background:-webkit-linear-gradient(rgb(0, 0, 0),rgba(255, 255, 255, 0));
background:-o-linear-gradient(rgb(0, 0, 0),rgba(255, 255, 255, 0));
background:-moz-linear-gradient(rgb(0, 0, 0),rgba(255, 255, 255, 0));
background:linear-gradient(rgb(0, 0, 0),rgba(255, 255, 255, 0));
}
#head_include, #leftbox {
background-color:#00000000;
background-color:rgba(0,0,0,0);
}
#id, #pwd, #code, #sid, #spwd, #scode, #forgetpw_id, #sforgetpw_id, #trvcomp_code, #strvcomp_code, #sidb, #spwdb, #scodeb, #forgetpw_trvcomp_codeb, #sforgetpw_trvcomp_codeb, #forgetpw_idb, #sforgetpw_idb, #forgetpw_code, #sforgetpw_code, #forgetpw_codeb, #sforgetpw_codeb {
padding-left:40px !important;
}
.icon-mem {
background-image:url(../../ContentCustomRWD1/img/icon_men.png);
}
.icon_password {
background-image:url(../../ContentCustomRWD1/img/icon_password.png);
}
.icon_scode {
background-image:url(../../ContentCustomRWD1/img/icon_scode.png);
}
.icon-mem,.icon_password,.icon_scode {
background-repeat:no-repeat;
background-size:cover;
width:22px;
height:22px;
position:absolute;
top:12px;
left:25px;
}
.navbar_top {
height:100px;
width:100%;
margin:0px auto;
position:relative;
}
.navbar_top .navbar-header {
display:inline-block;
width:100%;
}
.navbar_top .navbar-nav {
position:absolute;
display:inline-block;
float:right;
right:0px;
top:12px;
width:auto;
max-width:80%;
}
.navbar_top .navbar-nav li {
float:right;
}
.navbar_top .navbar-nav li.comnu {
min-width:100px;
border-radius:0px;
padding:8px 30px 0px 0px;
margin:0px 0px 0px 15px;
}
.navbar_top .nav_menu {
margin-top:60px;
float:right;
width:100%;
max-width:97%;
}
.navbar_top .nav_menu li a {
text-align:center;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
word-break:break-all;
-webkit-line-clamp:1;
max-height:46px;
line-height:46px;
padding:0px 15px;
min-width:auto;
}
.navbar_top .dropdown:hover .dropdown-menu {
display:block;
min-width:170px;
}
.navbar_top .dropdown-menu,.navbar_top .dropdown-menu a,.ind_h2,.ind_stab.nav-tabs > li > a,.btn_big,.btn_noma,.ind_hobox2 .ind_hosli p,.main-footer h1,.in_tick h1,.f_tool .f_down h1, h2,.nom_tag li,.clasprbox h4,.grunotbox,.ind_hosli p,.date-item b,.icon-dis {
font-size:20px;
}
.dropdown-menu {
-webkit-box-shadow:0px 7px 7px rgba(0, 0, 0, 0.3) !important;
box-shadow:0px 7px 7px rgba(0, 0, 0, 0.3) !important;
}
.dropdown-menu li {
width:100%;
}
.dropdown-menu li a:focus,.dropdown-menu li a:hover {
background-color:transparent;
}
.navbar_top .navbar-nav li .dropdown-menu {
margin-top:0px;
padding-left:0px;
padding-right:0px;
border-radius:0px;
border:0px;
}
.navbar_top .navbar-nav li .dropdown-menu li a {
padding:0px 5px 0px 15px;
display:inline-table;
text-align:left;
}
.navbar_top .navbar-nav li {
font-size:2.0rem;
font-weight:bold;
}
.navbar_top .nav_menu li {
min-width:12.2%;
border-top:1px solid #ffffff38;
border-top:1px solid rgba(255, 255, 255, 0.25);
}
ul.toplin li a {
cursor:pointer;
line-height:2.0rem;
padding:10px 5px;
font-size:1.4rem;
font-weight:bold;
padding:0px 6px !important;
margin-top:10px !important;
}
.navbar_top .navbar-nav li.comnu {
background-color:#ffffff00;
background-color:rgba(255, 255, 255, 0);
padding:0px 15px 8px 15px !important;
}
/*top_logo*/
.container-fluid .navbar-brand.logo {
float:left;
height:70px;
padding:0px;
margin:12px 0px 0px 0px;
max-width:220px;
transition:all .25s ease-in-out;
}
#global_loading {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999999;
background: rgba(255, 255, 255, 0.8); /* 半透明背景 */
padding: 20px;
border-radius: 10px;
text-align: center;
}
.logo img,.gr-img img {
max-height:100%;
max-width:100%;
width:auto;
height:auto;
}
/*top_banner*/
.groupimbox {
position:relative;
margin-bottom:0px;
}
.aplayer {
height:720px !important;
}
.top_conpic0 {
height:680px;
width:100%;
margin:0px auto;
float:none;
text-align:center;
overflow:hidden;
}
.top_conpic0,.top_conpic1,.top_conpic2 {
background-color:#ffffff;
}
.top_conpic0 .img,.top_conpic0 img {
width:100%;
max-width:1800px;
height:auto;
vertical-align:top;
}
.top_conpic1 {
height:360px;
width:100%;
margin:0px auto;
float:none;
text-align:center;
overflow:hidden;
}
.top_conpic1 .img,.top_conpic2 .img {
width:100%;
height:100%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
.top_conpic1 img,.top_conpic2 img {
width:100%;
min-width:1280px;
height:auto;
vertical-align:text-top;
text-align:center;
display:inline-block;
background-position-x:center;
text-align:center;
}
.top_conpic2 {
height:120px;
width:100%;
margin:0px auto 20px auto;
float:none;
text-align:center;
overflow:hidden;
}
.horizontal-dots .dots {
display:block;
}
.horizontal-dots.inside-dots .dots {
display:none;
position:absolute;
width:0px;
/*height:650px;*/
padding:0px 3%;
z-index:999;
top:40%;
right:0;
}
.dots .dot {
width:15px;
height:15px;
border-radius:15px;
margin:5px 8px;
}
.right-dots .dots {
text-align:right;
}
.ma5slider.hidden-dots .dots,.ma5slider.hidden-navs .nav--next,.ma5slider.hidden-navs .nav--prev {
display:block;
}
.nav--next,.nav--prev {
top:40%;
}
.ma5slider {
height:100%;
}
.glyphicon_arrow {
background-size:100%;
background-position:center;
background-repeat:no-repeat;
width:14px;
height:14px;
background-image:url(/img/icon_arrow.png);
}
.bannerwhitebk {
width:100%;
height:30px;
position:relative;
bottom:30px;
z-index:3;
}
.whitebk_left {
width:50%;
height:30px;
float:left;
border-color:#ffffff00 #ffffff00 #ffffff #ffffff00;
border-style:solid solid solid solid;
border-width:0px 30px 30px 0px;
}
.whitebk_right {
width:50%;
height:30px;
float:right;
border-color:#ffffff00 #ffffff00 #ffffff #ffffff00;
border-style:solid solid solid solid;
border-width:0px 0px 30px 30px;
}
/*top_搜尋框*/
.index_outpic {
position:absolute;
left:0px;
width:100%;
top:80px;
}
.swrapper,.swrapper2 {
margin:0px 0px 50px 0px;
position:relative;
height:65px;
width:100%;
overflow:hidden;
}
.swrapper .scroller li.active {
height:56px;
line-height:56px;
margin:10px 0px 0px 0px;
}
.swrapper .scroller li,.swrapper2 .scroller li {
height:56px;
float:left;
margin-top:5px;
font-weight:600;
}
.swrapper .scroller li a,.swrapper2 .scroller li a {
margin-right:0px;
}
.outpic {
position:absolute;
left:0px;
width:100%;
bottom:45px;
}
.ind_sconten {
display:inline-block;
width:85%;
height:100%;
padding:0px 0px;
border-radius:4px;
background-color:#ffffffd9;
background-color:rgba(255, 255, 255, 0.85);
box-shadow:0 0px 10px #c6c6c6;
}
.top_search {
height:60px;
padding:0px 0px 0px 0px;
}
.form-group {
margin-bottom:6px;
}
.searbox {
position:relative;
z-index:998;
}
.index_search {
z-index:30;
width:100%;
position:absolute;
bottom:70px;
transition:all .2s ease-in-out;
}
.ind_search .form-group,.top_search .form-group {
margin-bottom:0px;
}
.top_search label {
font-size:1.4rem;
line-height:2rem;
font-weight:bold;
color:#000000;
padding:2px 0px 0px 6px;
margin-bottom:0px;
}
.ind_prs div,.ind_pls div,.ind_peor div {
padding:0px 0px;
margin-bottom:0px;
display:flow-root;
}
.goare {
position:relative;
height:60px;
border-radius:0px;
border-radius:4px;
}
.goare:hover {
cursor:pointer;
height:60px;
background-color:#ffffff;
}
.outpic .container .top_search .gorange:hover {
height:60px;
border-radius:4px;
background-color:#ffffff;
}
.icon_go,.icon_date {
position:absolute;
pointer-events:none;
z-index:15;
right:5px;
top:30px;
}
.icon_date {
background-image:url(../../ContentCustomRWD1/img/icon_date.png);
background-position-x:right;
background-size:22px;
width:28px;
height:28px;
right: 22px;
top:10px!important;
}
.icon_peod i {
position:absolute;
padding:0px 5px 0px 0px;
pointer-events:none;
z-index:15;
font-size:10px;
right:8px;
top:13px;
}
.icon_trdom {
font-size:1.2rem;
position:absolute;
padding:0px 0px;
pointer-events:none;
z-index:15;
top:33px;
right:8px;
}
.icon_trdom2 {
font-size:1.6rem;
color:#3e3e3e;
position:absolute;
padding:0px 0px;
pointer-events:none;
font-size:10px;
z-index:15;
right:20px;
top:16px;
}
.goare:hover .icon_date {
background-image:url(../../ContentCustomRWD1/img/icon_date_h.png);
}
.goare input,.goaree input {
font-weight:500;
-webkit-text-fill-color:#343434;
}
:placeholder {
/*Chrome, Safari*/
background-color:#ffffff00;
background-color:rgba(255, 255, 255, 0);
}
.search_form_suggest,.search_form_suggest2 {
position:absolute;
top:60px;
left:0px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:0px 0px 8px 8px;
overflow:auto;
width:600px;
padding:0 !important;
box-shadow:0 5px 10px rgba(0,0,0,.2);
z-index:993;
height:auto;
overflow-y:inherit;
background-color:#ffffff;
}
.search_form_suggest2 {
width:auto;
min-width:340px;
}
.search_form_suggest2 .ser-tab .sertabbox {
padding: 5px 5px 0px 5px;
}
.ser-tab {
background:#ffffff;
width:100%;
overflow:hidden;
padding:0 !important;
}
.ser-tab .nav-tabs {
font-size:1.6rem;
display:inline-block;
float:left;
width:100%;
border-bottom:0;
padding:7px 7px 7px 7px;
}
.ser-tab ul {
float:left;
width:auto;
padding-left:15px;
}
.ser-tab .nav-tabs > li {
text-align:center;
min-width:66px;
font-weight:600;
font-size:1.7rem;
letter-spacing:0px;
height:35px;
max-height:35px;
margin-bottom:0;
}
.ser-tab .nav-tabs > li > a {
border-radius:0;
color:#fff;
line-height:2.5rem;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
word-break:break-all;
-webkit-line-clamp:1;
height:100%;
border-bottom:3px solid transparent;
border:0;
padding:5px 4px 0px 4px;
}
.ser-tab div {
margin:0;
}
.ser-tab .sertabbox {
width:100%;
padding:5px 15px 0px 15px;
}
.ser-tab .sertabbox>div {
padding:0px 10px;
}
.ser-tab ol:first-of-type {
border-top:0;
}
.ser-tab ol {
padding-top:5px;
display:inline-block;
width:100%;
border-top:1px dashed #fea623;
}
.ser-tab h5,.ser-tab .tab-pane li {
color:#febb00;
line-height:35px;
cursor:pointer;
}
.ser-tab h5 {
float:left;
width:auto;
font-size:1.7rem;
font-weight:600;
margin-top:3px;
margin-right:20px;
}
.ser-tab .tab-pane li {
float:left;
color:#000;
padding-right:20px;
text-indent:-15px;
width:auto;
margin-bottom:0px;
}
.ser-tab .tab-pane li::before {
content:"。" !important;
color:#656565;
font-size:2.0rem;
margin-right:-5px;
}
input .endDate {
height:90px;
}
.gorange .rangebox {
padding-top:25px;
text-align:center;
}
.form-controls {
width:100%;
padding:0px 0px 0px 6px;
box-shadow:none;
height:33px;
line-height:33px;
background-color:#ffffff00;
background-color:rgba(255, 255, 255, 0);
border:0px solid #ccc;
font-size:1.8rem;
color:#343434;
}
.form-controls:focus,.form-controls:hover {
cursor:pointer;
border:0px solid #ffa219 !important;
}
.form-horizontal .control-label,.form-horizontal div {
padding-top:0px;
line-height:44px;
}
.form-horizontal .code {
background-color:#3e3e3e;
font-family:Arial;
font-style:italic;
color:white;
font-size:30px;
border:0;
padding:2px 3px;
letter-spacing:3px;
font-weight:bolder;
float:left;
cursor:pointer;
margin-top:4px;
height:38px;
line-height:36px;
text-align:center;
vertical-align:middle;
border-radius:0;
}
.login_bttext {
width:100%;
padding:0px 0px 15px 0px;
}
/*會員專區*/
.ind_stab {
border:0;
height:60px;
width:100%;
}
.ind_stab.nav-tabs li a,.nom_tag li a {
padding:0px 15px;
border-radius:0px;
color:#3e3e3e;
background-color:#e4e4e4;
height:56px;
line-height:56px;
text-align:center;
text-shadow:1px 1px 3px #171717;
}
.ind_stab.nav-tabs li.active a {
height:56px;
margin-top:-5px;
line-height:56px;
background-color:#ffffff00;
background-color:rgba(255, 255, 255, 0);
}
.ind_stab.nav-tabs li.active a:hover {
cursor:pointer;
color:#ffffff !important;
}
.contenbox {
margin-bottom:30px;
}
.contenbox .ind_stab.nav-tabs li a,.contenbox .nom_tag li a {
text-shadow:0px 0px 0px #171717;
}
.contenbox .ind_stab.nav-tabs li.active a:hover {
cursor:pointer;
color:#ffffff !important;
border-bottom-color:transparent;
}
.contenbox .ind_stab.nav-tabs li a,.contenbox .nom_tag li a:hover {
color:#ffffff;
cursor:pointer;
background-color:#d0011b !important;
}
.contenbox .nav-tabs > li.active > a,.contenbox .nav-tabs > li.active > a:focus {
font-weight:600;
background-color:#d0011b !important;
}
.group_table th {
background-color:#3e3e3e !important;
}
#Company {
width:100%;
height:40px;
line-height:40px;
padding:0px 0px 0px 8px;
border:1px solid #ccc;
}
.popstyle .form-horizontal input {
border:1px solid #bfbfbf;
}
.popstyle .form-horizontal input:hover {
cursor:pointer;
border:1px solid #ffa219 !important;
}
.form-controls:focus {
background-color:#ffffff00;
background-color:rgba(255, 255, 255, 0);
outline:0;
-webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, 0);
box-shadow:inset 0 0px 0px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, 0);
}
.form-controls,.ind_sconten .form-controls[disabled],.ind_sconten .form-controls[readonly],.ind_sconten fieldset[disabled] .form-controls {
background-color:#ffffff00;
background-color:rgba(255, 255, 255, 0);
font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
}
input, select {
box-shadow:none;
background-color:#ffffff00;
background:-moz-linear-gradient(top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0));
background:-webkit-linear-gradient(top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0));
background:-o-linear-gradient(top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0));
background:-ms-linear-gradient(top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0));
background:linear-gradient(top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0));
}
.btn {
display:inline-block;
cursor:pointer;
padding:0px 20px;
border-radius:0px;
border:0px;
}
.btn_right {
float:right;
}
.btn_big {
width:100%;
}
.btn_ind,.flycon {
width:14.5%;
margin:0px 0px;
padding:0px 0px;
display:inline-block;
}
.btn_check,.btn_cancel {
font-size:2.6rem;
height:62px;
line-height:64px;
}
.sor-btn_check,.sor-btn_cancel {
font-size:2.6rem;
height:62px;
line-height:64px;
}
/*關於_文字*/
.abuto_text {
font-weight:500;
font-size:1.8rem;
line-height:3.2rem;
padding:0px 4%;
margin-bottom:50px;
}
.abuto_text p {
width:100%;
float:left;
text-align:left;
text-align:justify;
text-justify:inter-ideograph;
margin-bottom:15px;
}
/*簽證*/
.visabox {
padding:0px 1%;
}
.visaen,.visach {
color:#ffffff;
text-align:left;
font-size:2.0rem;
line-height:2.6rem;
padding-left:4%;
text-shadow:#000000 0px 0px 4px;
}
.visaen {
font-weight:300;
}
.visach {
font-weight:500;
}
.visaimg10,.visaimg11,.visaimg12,.visaimg13,.visaimg14,.visaimg15 {
float:left;
width:31.3%;
min-height:160px;
line-height:90px;
text-align:center;
margin:20px 1% 20px 1%;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
cursor:pointer;
}
.visaimg10 {
background-size:cover;
background-image:url(../../ContentCustomRWD1/img/visa_other.jpg);
}
.visaimg11 {
background-size:cover;
background-image:url(../../ContentCustomRWD1/img/visa_tw.jpg);
}
.visaimg12 {
background-size:cover;
background-image:url(../../ContentCustomRWD1/img/visa_ch.jpg);
}
.visaimg13 {
background-size:cover;
background-image:url(../../ContentCustomRWD1/img/visa_other.jpg);
}
.visaimg14 {
background-size:cover;
background-image:url(../../ContentCustomRWD1/img/visa_onair.jpg);
}
.visaimg15 {
background-size:cover;
background-image:url(../../ContentCustomRWD1/img/visa_free.jpg);
}
.grday.current,.grnot.current,.mem_table thead {
font-size:1.6rem;
background-color:#ffc107;
color:#ffffff;
}
.rwd-table th,.rwd-table td,.tick-list.tickbox .ind_hosli {
padding:12px 6px;
line-height:2.2rem;
}
.mem_table {
width:100%;
margin:0 auto;
font-weight:600;
}
.mem_table .table_cont,.group_table .table_ctit {
text-align:left;
}
.mem_table .table_cont,.mem_table .table_remark {
width:25%;
text-align:left;
}
.mem_table td a:hover {
color:#ffc107;
}
.mem_table tr {
font-size:1.6rem;
border-top:1px solid #f3f3f3;
border-bottom:1px solid #f3f3f3;
}
.mem_table tbody tr:hover,.group_table tbody tr:hover {
background-color:#fffaeb;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
}
.mem_table th {
padding:12px 6px;
}
.mem_table td,.mem_table th {
border-right:1px solid #f3f3f3;
text-align:center;
width:10%;
}
.mem_table .table_cost span {
font-weight:500;
color:#ff0000;
}
.mem_table td,.mem_table th {
border-right:1px solid #f3f3f3;
text-align:center;
width:10%;
}
.indpro_table .pro_num {
color:#3e3e3e;
text-align:center;
width:10%;
}
/*區塊*/
.bg_transp,.bg_transp2,.grupnews,.qulink {
padding:1% 15px;
width:100%;
}
.groubox .ind_h2 {
height:44px;
font-size:3.0rem;
font-weight:bold;
line-height:44px;
padding-right:15px;
padding-left:15px;
}
.in_tick {
margin:40px 0px 0px 0px;
min-width:100%;
display:inline-table;
display:block;
list-style:none;
}
.in_tick div {
padding:0px;
}
.qulink {
background-color:#ffffff;
margin-bottom:40px;
}
.in_tick ul.qulist {
padding:0px 0px;
display:inline-block;
width:100%;
}
.in_tick ul li {
cursor:default;
}
.in_tick li.quli {
text-align:center;
list-style-type:none;
width:20%;
float:left;
padding:0px 8px;
margin:12px 0px 8px 0px;
height:auto;
max-height:80px;
overflow:hidden;
text-overflow:ellipsis;
/* display:-webkit-box;*/
-webkit-box-orient:vertical;
word-break:break-all;
-webkit-line-clamp:1;
}
.in_tick li.qulibt {
text-align:center;
list-style-type:none;
width:20%;
float:right;
padding:0px 8px;
margin:0px auto;
height:auto;
max-height:80px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
word-break:break-all;
-webkit-line-clamp:1;
}
.in_tick li.quli h5 {
font-weight:bold;
font-size:2.0rem;
line-height:38px;
padding:0px 0px;
margin-bottom:0px;
text-align:center;
}
.in_tick li.quli.btn-morq {
float:right;
top:10px;
right:0px;
}
.in_tick li.quli a,.ser-tab .tab-pane li span {
font-size:1.7rem;
padding:8px 8px 8px 8px;
margin-right:-5px;
height:36px;
font-weight:400;
line-height:36px;
vertical-align:middle;
color:#656565;
}
.in_tick li.quli a:before {
content:"";
width:1px;
font-style:normal;
padding-right:0px;
vertical-align:top;
margin-left:0px;
color:#ffffff;
}
.pop-qulist .qulist .quli {
width:50%;
text-align:left;
max-height:200px;
min-height:75px;
margin:10px 0px 0px 0px;
height:auto;
display:inline-block;
float:left;
border-bottom:0px solid #ddd;
}
.pop-qulist .qulist .quli h5 {
text-align:left;
padding:0px 6px;
}
/*.pop-qulist .qulist .quli .popsort{float:left;}*/
.pop-qulist li.quli a {
float:left;
height:34px;
line-height:34px;
margin-right:0px;
padding:0px 6px;
}
.popstyle .modal-title,.fontb,.circle_hover button.info,.dis-nocont,.guc_box .title {
font-size:2.2rem;
}
.modal-dialog.popstyle .modal-header .close {
padding-top:6px;
color:#ffffff;
opacity:1;
text-shadow:none;
}
.popstyle .modal-header .close span {
font-size:4rem;
line-height:2rem;
padding-right:0px;
}
.swiper-slide.ind_hosli {
width:24%;
}
.swiper-slide.ind_hosli.ind_margin {
margin:0px;
padding:0px 10px;
margin-bottom:12px;
}
/*超值專區*/
.grouprow .groubox {
margin-top:50px;
}
.container.indrow,.container.grouprow,.groubox div {
padding-left:0px;
padding-right:0px;
}
.container .bg_transp:last-of-type {
padding:0px 0px 0px 10px;
margin-top:5px;
margin-bottom:10px;
}
.bg_transp {
display:inline-block;
margin:20px 0px 0px 0px;
}
.bg_transp,.bg_transp2,.grupnews,.qulink {
padding:10px 25px 0px 25px;
width:100%;
}
.in_hotp,.clasprbox,.hotproc {
position:relative;
}
/*超值專區_箭頭*/
.con_trbox {
position:absolute;
top:-35px;
right:20px;
z-index:111;
width:70px;
height:0px;
}
.swiper-button-next,.swiper-button-prev {
position:absolute;
top:50%;
z-index:10;
cursor:pointer;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
width:10px;
height:19px;
}
.gr-prc-box .swiper-button-next {
background-image:url(../../ContentCustomRWD1/img/icon_actr01.svg) !important;
width:22px;
height:46px;
right:0px;
opacity:1;
transition:all .2s ease-in-out;
}
.gr-prc-box .swiper-button-prev {
background-image:url(../../ContentCustomRWD1/img/icon_actl01.svg) !important;
width:22px;
height:46px;
left:0px;
opacity:1;
transition:all .2s ease-in-out;
}
.gr-prc-box .swiper-button-next:hover,.gr-prc-box .swiper-button-prev:hover {
transform:scale(1.25);
transition:all .2s ease-in-out;
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity:0.3;
cursor:auto;
pointer-events:none;
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
right:10px;
left:auto;
}
.swiper-container {
position:relative;
z-index:1;
}
.clear {
clear:both;
}
.swiper-wrapper {
position:relative;
height:100%;
margin:0px auto;
z-index:1;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
-o-transition-property:transform;
transition-property:transform;
transition-property:transform,-webkit-transform;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}
.swiper-wauto {
width:auto;
}
.swiper-slide {
-webkit-flex-shrink:0;
-ms-flex-negative:0;
flex-shrink:0;
width:100%;
height:100%;
position:relative;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
-o-transition-property:transform;
transition-property:transform;
transition-property:transform,-webkit-transform;
}
.ind_hosli {
width:auto;
cursor:pointer;
margin:0px 0px 8px 0px;
padding:0px 0px 0px 0px;
max-width:none;
}
.ind_hosli .img,.gou_pic .img {
height:210px;
max-height:210px;
}
.coty_slide .img img,.ind_hosli .img img,.gou_pic .img img {
min-height:101%;
min-width:101%;
max-width:101%;
}
.gr-firstimg {
width:100%;
}
.gr-firstimg img {
padding:0px 0px;
max-width:100%;
}
.gr-firstimg p {
font-weight:600;
padding:10px 0px;
}
.imgauto {
margin-bottom:0px;
padding:10px 0px 0px 0px;
}
input, select,.ind_marquee ul li,.coty_slide .coty_tab a .title,.ind_hosli p,.clasprbox h4,.clasprbox ul,.in_tick li.quli {
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
word-break:break-all;
-webkit-line-clamp:1;
}
.in_tick li.quli {
-webkit-line-clamp:inherit;
}
.fonb,.noth4 {
font-weight:600;
}
.attbox {
width:auto;
padding:1% 0px 0% 0px;
display:inline-block;
display:-webkit-box;
display:-moz-box;
display:box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-moz-box-pack:justify;
box-pack:justify;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
-ms-flex-pack:justify;
margin:0 -.5em;
width:calc(100%+1em);
}
.attbox div {
cursor:pointer;
}
.attbox .item {
padding:0 8px;
margin:0 auto 15px auto;
-webkit-flex-basis:20em;
-moz-flex-basis:20em;
flex-basis:20em;
-ms-flex-preferred-size:20em;
-webkit-flex-grow:1;
-moz-flex-grow:1;
flex-grow:1;
-ms-flex-positive:1;
}
.attpop {
display:inline-block;
}
.attpop .fons {
margin:5px 0px 15px 0px;
}
.attpop .gcontent {
padding-left:15px;
}
.attpop .gcontent ul {
font-size:1.6rem;
}
.attpop .gcontent ul li {
background-image:url(../../ContentCustomRWD1/img/icon_att.png);
background-size:18px;
background-repeat:no-repeat;
text-indent:24px;
margin-bottom:10px;
}
.attpop .gcontent ul li span {
color:#666;
}
.attpop .gcontent .btn_pomap {
width:84px;
height:44px;
color:#fff;
background-color:#2196F3;
text-align:center;
font-size:1.5rem;
position:relative;
background-size:100%;
border-radius:4px;
background-repeat:no-repeat;
margin-top:15px;
}
.attpop .gcontent .btn_pomap span {
padding:3px 10px;
position:absolute;
bottom:0;
text-align:center;
width:100%;
left:0;
background-color:hsla(222,100%,35%,0.5);
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
}
.attpop .gcontent .btn_pomap span:hover {
background-color:hsla(222,100%,35%,0.95);
}
.g_are {
background-position:0px -47px;
}
.g_tim {
background-position:0px -23px;
}
.attpop .gcontent p {
margin-top:10px;
font-size:1.6rem;
line-height:1.6em;
}
.gray {
color:#7d7d7d;
}
.gimg {
max-height:405px;
overflow:hidden;
}
.modal-body img {
width:16.1%;
vertical-align:top;
}
.circle_hover p {
margin:0px;
max-height:80px;
border:0;
color:#8c8c8c;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
word-break:break-all;
-webkit-line-clamp:3;
font-size:1.6rem;
line-height:2.6rem;
font-weight:600;
}
/*最新消息*/
.in_tick .newsgroup {
width:100%;
display:inline-block;
margin:0 auto;
padding:0px 1%;
}
.in_tick .newsbox {
float:left;
width:32.3%;
padding:10px 15px 10px 0px;
margin:1% 0px 0px 1%;
border-radius:5px;
}
.newsicon {
display:flex;
float:left;
height:80px;
}
.newsicon img {
max-width:90%;
max-height:80px;
display:block;
margin:auto;
opacity:0.75;
}
.in_tick .newsbox:hover .newsicon img {
opacity:1.0;
}
.newsinf {
float:right;
}
.newstime {
font-size:1.6rem;
line-height:2.6rem;
font-weight:400;
}
.newsname {
font-size:1.8rem;
line-height:2.6rem;
font-weight:500;
text-align:justify;
text-justify:inter-ideograph;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
white-space:normal;
}
.newsboxbt {
float:right;
padding:0px 10px 0px 10px;
margin:1% 2px;
border-radius:5px;
border:0px;
height:42px;
line-height:42px;
text-align:center;
font-size:1.8rem;
min-width:160px;
}
/*自訂推薦專區*/
.groubox .custombox {
display:inline-block;
padding:1% 20px 2% 20px !important;
}
.custom {
border-bottom:1px solid #eeeeee;
border:1px solid #eeeeee;
color:#171717;
font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
}
.cu_hosli {
border-radius:10px;
border:1px solid #e2e2e2;
width:24%;
min-width:275px;
float:left;
margin:8px 0px 28px 0px;
margin-right:1%;
max-width:none;
height:305px;
position:relative;
}
.cu_hosli:hover {
cursor:pointer;
-webkit-box-shadow:0px 5px 8px rgba(132, 132, 132, 0.8);
box-shadow:0px 5px 8px rgba(132, 132, 132, 0.8);
}
.cu_hosli .cu_img {
display:block;
width:100%;
max-width:100%;
height:200px;
min-height:200px;
border-radius:8px 8px 0px 0px;
overflow:hidden;
}
.cu_hosli:hover img {
/*-webkit-filter:blur(5px);模糊*/
-webkit-filter:brightness(.3);
/*亮度*/
transform:scale(1.12,1.12);
/*大小*/
transition:all .25s ease-out;
/*速度*/
}
.cu_hosli.custom-active,.cu_hosli {
transition:all .25s ease-out;
}
.cu_img {
position:relative;
z-index:1;
}
.cu_hosli .cu_img img {
width:101%;
}
.cu_img .cu_area {
position:absolute;
z-index:99;
color:#ffffff;
font-weight:bold;
font-size:2.2rem;
line-height:4rem;
padding:2px 12px 2px 12px !important;
bottom:6px;
}
.cu_hosli:hover .cu_area {
color:#ffc107;
bottom:21px;
transition:all .25s ease-out;
}
.cu_area span.glyphicon {
font-size:1.8rem;
margin-right:6px;
}
.cu_hosli p {
font-weight:600;
font-size:2.0rem;
text-align:justify;
text-justify:inter-ideograph;
padding:0px 10px;
margin:8px 0px;
line-height:2.6rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
white-space:normal;
}
.cu_hosli .price {
color:#FF9800;
font-size:2.2rem;
font-weight:600;
text-align:right;
height:auto;
position:absolute;
bottom:0px;
right:0px;
}
.cu_hosli:hover .price {
color:#ff0000;
}
.cu_hosli .price span {
font-size:3.0rem;
line-height:3.0rem;
}
/*全站搜尋*/
.resulttext {
font-size:16px;
text-align:center;
padding:6px 0px;
color:#fff;
background-color:#333333;
border:0px;
border-bottom:1px solid #5a5a5a;
border-radius:0px;
}
.resulttext span {
color:#ff8c99;
padding:0px 5px;
}
.all-floatbox {
z-index:9;
width:100%;
max-height:88px;
min-height:88px;
margin:0px auto;
margin-bottom:20px;
}
.all-floatbox .gr-container .navbar-nav {
height:50px !important;
}
.all-floatbox .navbar {
position:relative;
min-height:50px;
margin-bottom:0px;
border:0px solid transparent;
}
.all-floatbox,.all-floatbox .navbar-default {
background-color:#333333;
border-color:#333333;
}
.all-floatbox ul li {
float:left;
width:20% !important;
min-width:auto !important;
color:#ffffff;
height:50px !important;
line-height:50px !important;
font-weight:400;
font-size:2rem;
line-height:50px;
}
.all-floatbox ul li,.all-floatbox ul li:hover {
transition:all .25s ease-in-out;
}
.all-floatbox ul li span {
font-weight:400;
color:#ffffff;
}
.all-floatbox .gr-container ul li p {
display:contents;
}
.all-floatbox li.tk-shoppcart {
width:auto;
float:right;
margin-right:8px;
}
.all-floatbox li.tk-shoppcart:hover {
background-color:#333333;
}
.all-floatbox li.tk-shoppcart p {
padding:0px 3px;
color:#ff5e70;
border-radius:3px;
height:42px;
line-height:42px;
margin-top:9px;
background-color:#ffffff;
}
.all-floatbox li.tk-shoppcart p:hover {
color:#ffffff;
background-color:#ff5e70;
transition:all .10s ease-in-out;
}
.all-floatbox li.tk-shoppcart span {
font-size:2rem;
font-weight:600;
line-height:44px !important;
}
.all-floatbox li.tk-floatbt {
float:right;
background-color:#ff5e70;
}
.all-floatbox li.tk-floatbt {
color:#ffffff;
font-weight:600;
}
.all-floatbox li.tk-floatbt:hover {
font-size:2.4rem;
background-color:#ff1d35;
}
.bestp,.bestp1,.bestp2,.bestp3,.bestp4,.bestp5,.bestp6 {
padding:0px 10px !important;
}
.bestp .ind_hosli,.bestp1 .ind_hosli,.bestp2 .ind_hosli,.bestp3 .ind_hosli,.bestp4 .ind_hosli,
.bestp5 .ind_hosli,.bestp6 .ind_hosli {
margin-right:10px !important;
}
@media only screen and (max-width:900px) {
.all-floatbox ul li {
padding:0px 0px;
}
}
@media only screen and (max-width:768px) {
.all-floatbox ul li,.all-floatbox li.tk-floatbt,.all-floatbox li.tk-shoppcart span {
font-size:1.8rem;
font-weight:600;
}
.all-floatbox li.tk-floatbt:hover {
font-size:2.0rem;
}
.all-floatbox li.tk-shoppcart,.all-floatbox li.tk-floatbt {
width:auto;
min-width:65px;
transition:all .20s ease-in-out;
}
.all-floatbox li.tk-shoppcart {
margin-right:5px;
}
.all-floatbox li.tk-shoppcart p {
height:50px;
margin-top:5px;
}
.all-floatbox li.tk-shoppcart p span {
height:21px;
line-height:28px !important;
display:block;
}
.all-floatbox li.tk-floatbt span {
height:20px;
line-height:36px;
display:block;
}
}
@media only screen and (max-width:640px) {
.all-floatbox ul li.tk-shoppcart span,.all-floatbox ul li.tk-floatbt span {
margin-top:2px;
margin-right:0px;
width:100%;
}
.optprice span, #optcurrency span {
font-size:1.4rem;
}
.all-floatbox ul li {
line-height:20px;
min-width:34px;
}
.all-floatbox ul li span.glyphicon {
margin-top:18px;
font-size:20px;
}
}
/*航空專區*/
.in_tick .airlinegroup {
display:inline-block;
width:100%;
margin:0 auto;
padding:1% 2% 0px 2%;
}
.airlogo {
float:left;
margin-top:1%;
margin-right:2%;
width:200px;
}
.airlogo img {
width:100%;
border-bottom:2px solid #fff;
padding:0px 0px 5px 0px;
opacity:0.8;
}
.airlogo img:hover {
cursor:pointer;
opacity:1.0;
}
/*紛絲專區*/
.in_tick .bg_transp2,.air_comp {
height:350px;
display:inline-block;
max-width:100vw;
margin-bottom:30px;
}
.in_tick iframe {
padding:1% 2%;
}
/*下載專區*/
.dlgroup {
width:100%;
margin-top:50px;
display:inline-block;
margin-bottom:5%;
}
#mydlTab {
margin:0px 0px;
}
.dlgroup .nav-tabs {
border-bottom:1px solid #F44336;
}
.dlgroup ul li {
list-style-type:disc;
line-height:30px;
padding-bottom:0px;
margin-right:1%;
cursor:pointer;
}
.dlgroup ul.nav-tabs li a {
cursor:pointer;
height:59px;
font-size:3.0rem;
font-weight:600;
color:#343434;
padding-right:15px;
padding-left:0px;
cursor:default;
background-color:#ffffff;
border:0px solid #ffffff;
border-bottom:7px solid #ffffff;
}
.dlgroup ul.nav-tabs li a:hover {
cursor:pointer;
color:#F44336;
}
.dlgroup ul.nav-tabs li.active a {
cursor:pointer;
height:60px;
font-size:3.0rem;
font-weight:600;
color:#F44336;
padding-right:15px;
padding-left:0px;
cursor:default;
background-color:#ffffff;
border:0px solid #ffffff;
border-bottom:7px solid #F44336;
}
#mydlTabContent {
padding:2% 1% 4% 1%;
}
.dl_down,.dl_help {
font-size:1.8rem;
width:19%;
float:left;
margin:5px 4px;
padding:5px 0px;
border-radius:5px;
text-align:center;
border:1px solid #e1e1e1;
background-color:#ffffff;
color:#333333;
}
.dl_down:hover,.dl_help:hover {
cursor:pointer;
border:1px solid #f44336;
background-color:#f44336;
color:#ffffff;
}
.radio-btn input[type="checkbox"],.radio-btn input[type="radio"] {
position:absolute;
opacity:0;
z-index:1;
}
.ind_hosli p,.clasprbox h4 {
-webkit-line-clamp:2;
}
.ind_hobox .ind_hosli p:first-of-type,.ind_hobox3 .ind_hosli p:first-of-type {
min-height:60px;
padding:10px 10px;
line-height:2.4rem;
font-weight:600;
font-size:1.8rem;
text-align:justify;
text-justify:inter-ideograph;
}
.ind_hobox .ind_hosli p.price {
padding:20px 10px 15px 10px;
}
.ind_hobox .ind_hosli p.price span,.ind_hobox3 .ind_hosli p.price span,.gr-pri-btn .btn,.go-point {
font-size:3.0rem;
line-height:3.0rem;
}
.ind_hobox .ind_hosli p.price,.ind_hobox3 .ind_hosli p.price,.form-horizontal select,.dataline,.table_cus,.gr-combox span {
font-size:2.0rem;
font-weight:600;
}
.form-horizontal label,.form-horizontal input,.form-horizontal select {
font-size:1.8rem;
font-weight:500;
}
.dataline {
font-size:1.6rem;
color:#ff0100;
margin:0px 2%;
padding:0px 0px 5px 0px;
border-bottom:1px solid #ff0100;
}
.news_edit {
font-size:1.6rem;
line-height:3.0rem;
margin:0px 2%;
padding:10px 0px 50px 0px;
}
.news_edit img {
max-width:100%
}
.news_edit p {
font-size:1.8rem;
line-height:30px;
min-height:30px;
}
.gr-even li {
font-size:2.0rem;
font-weight:500;
}
.ind_hosli p,.ind_hobox3 .ind_hosli p {
line-height:2.0rem;
}
.ind_hosli p.price {
text-align:right;
height:auto;
}
.ind_hosli p:last-of-type {
min-height:auto;
}
.ind_hosli .img p.hotprice {
font-size:2.0rem;
bottom:75px;
position:absolute;
padding:10px 10px;
min-height:46px;
}
.ind_hosli .img p.hotprice span {
font-size:2.0rem;
padding:0px 4px;
font-weight:bold;
}
.ind_hosli .hotpriceimg {
border-radius:6px;
height:230px;
max-height:230px;
}
.ind_hosli:hover .ind_hosli p {
color:#ff9800;
}
/*至頂icon*/
i, img {
background-repeat:no-repeat;
}
.cd-top {
display:inline-block;
height:40px;
width:40px;
position:fixed;
bottom:2%;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
visibility:hidden;
opacity:0;
-webkit-transition:opacity .3s 0s,visibility 0 .3s;
-moz-transition:opacity .3s 0s,visibility 0 .3s;
transition:opacity .3s 0s,visibility 0 .3s;
z-index:99999;
background-size:100%;
background-repeat:no-repeat;
background-image:url(../../ContentCustomRWD1/black/sbtn2.png);
}
.cd-top.cd-fade-out {
opacity:1;
}
.cd-top.cd-is-visible {
width:40px;
height:40px;
right:8px;
visibility:visible;
opacity:.7;
}
.cd-top.cd-is-visible:hover,.cd-top.cd-is-visible:focus,.cd-top.cd-is-visible:active {
opacity:1;
}
/*價格拉霸*/
#amount, #amountm {
font-size:1.8rem;
padding:5px 10px 5px 0px;
color:#ff1500;
font-weight:500;
border:0px;
width:100%;
outline:none;
}
#collapseOne .ui-widget.ui-widget-content {
z-index:990 !important;
margin:10px 10px 25px 10px;
height:6px;
border-radius:10px;
border:1px solid #ffffff;
background-color:#8a8a8a;
overflow-y:visible;
}
#collapseOne .ui-widget-header {
background:#ffc513;
}
#collapseOne .ui-state-default, #collapseOne .ui-widget-content .ui-state-default {
border-radius:15px;
height:20px;
width:20px;
top:-8px;
border:3px solid #ff8b13;
background:#ffffff;
font-weight:normal;
color:#ffc513;
}
#collapseOne .ui-state-default, #collapseOne .ui-widget-content .ui-state-default:focus {
outline:none;
}
#collapseOne .ui-widget-content a:hover {
outline:none;
cursor:pointer;
height:24px;
width:24px;
top:-10px;
margin-left:-11px;
left:0px;
background-color:#ff7513;
border:3px solid #ff7513;
border-radius:24px;
}
#collapseOne .ui-slider-horizontal .ui-slider-range {
top:-2px;
height:8px;
}
#collapseOne .ui-widget-content a {
padding:0px 0px;
}
#collapseFives .ui-widget.ui-widget-content {
z-index:990 !important;
margin:20px 0px 0px 0px;
height:6px;
border-radius:10px;
border:1px solid #ffffff;
background-color:#8a8a8a;
overflow-y:visible;
}
#collapseFives .ui-widget-header {
background:#ffc513;
}
#collapseFives .ui-state-default, #collapseFives .ui-widget-content .ui-state-default {
border-radius:15px;
height:20px;
width:20px;
top:-8px;
border:3px solid #ff8b13;
background:#ffffff;
font-weight:normal;
color:#ffc513;
}
#collapseFives .ui-state-default, #collapseFives .ui-widget-content .ui-state-default:focus {
outline:none;
}
#collapseFives .ui-widget-content a:hover {
outline:none;
cursor:pointer;
height:24px;
width:24px;
top:-10px;
margin-left:-11px;
left:0px;
background-color:#ff7513;
border:3px solid #ff7513;
border-radius:24px;
}
#collapseFives .ui-slider-horizontal .ui-slider-range {
top:-3px;
height:10px;
}
#collapseFives .ui-widget-content a {
padding:0px 0px;
}
/*側邊浮動logo*/
.communbox1 ul {
display:inline-block;
position:fixed;
bottom:10%;
right:1px;
z-index:99999;
max-width:50px;
}
.communbox1 ul a {
height:inherit;
display:inline-block;
width:100%;
}
.communbox1 ul li {
width:44px;
height:40px;
float:right;
}
.communbox1 ul li:hover {
width:54px;
}
.communbox1 ul li.icon_phone,.communbox1 ul li.icon_facebook,.communbox1 ul li.icon_line,.communbox1 ul li.icon_google,
.communbox1 ul li.icon_instagram,.communbox1 ul li.ts_track,.communbox1 ul li.ts_shopping {
background-repeat:no-repeat;
background-size:60px 40px;
margin-bottom:-4px;}
.communbox1 ul li.icon_phone {
background-image:url(../../ContentCustomRWD1/img/phone.png);}
.communbox1 ul li.icon_facebook {
background-image:url(../../ContentCustomRWD1/img/facebook.png);}
.communbox1 ul li.icon_line {
background-image:url(../../ContentCustomRWD1/img/line.png);}
.communbox1 ul li.icon_google {
background-image:url(../../ContentCustomRWD1/img/google.png);}
.communbox1 ul li.icon_instagram {
background-image:url(../../ContentCustomRWD1/img/instagram.png);}
.communbox1 ul li.ts_track {
background-image:url(../../ContentCustomRWD1/img/ts_track.svg);}
.communbox1 ul li.ts_shopping {
background-image:url(../../ContentCustomRWD1/img/ts_shopping01.svg);}
.communbox1 ul li.ts_shopping.act {
background-image:url(../../ContentCustomRWD1/img/ts_shopping02.svg);}
.communbox1 ul li.ts_shopping>i {
background-color:#ff1100;
width:16px;
height:16px;
display:inline-block;
font-size:12px;
color:#ffffff;
font-style:normal;
line-height:14px;
text-align:center;
font-weight:700;
border-radius:10px;
position:relative;
top:-5px;
right:-15px;}
/*推薦專區*/
.in_tick > #myTab {
display:flex;
}
/*推薦專區_隐藏滾動條*/
.in_tick > #myTab::-webkit-scrollbar {
display:none;/* Chrome Safari */
}
/*推薦專區_隐藏滾動條*/
.in_tick > #myTab {
scrollbar-width:none;/* firefox */
-ms-overflow-style:none;/* IE 10+ */
}
#myTab {
margin:0px 10px 10px 20px;
}
.in_tick ul {
/* display:flex;*/
overflow-x:auto;
white-space:nowrap;
margin:0px 0px;
padding:0px 1px 0px 0px;
-ms-overflow-style:none;
}
/*.in_tick ul::-webkit-scrollbar{display:none;}*/
.in_tick ul li {
list-style-type:disc;
line-height:30px;
height:54px;
margin-top:12px;
padding-bottom:0px;
cursor:pointer;
}
.groubox ul.nav-tabs li a {
font-weight:600;
font-size:1.8rem;
padding:10px 10px 8px 10px;
margin-right:0px;
line-height:30px;
}
.groubox ul.nav-tabs li a:hover {
color:#ffffff;
}
.groubox ul.nav-tabs li.active a,.groubox ul.nav-tabs li.active a:focus,.groubox ul.nav-tabs li.active a:hover {
border:1px solid #ffffff;
font-size:1.8rem;
font-weight:600;
height:54px;
cursor:pointer;
}
.carousel-inner {
padding:15px 0px 20px 0px;
}
/*推薦專區箭頭*/
.carousel-control {
position:absolute;
top:0px;
bottom:0px;
left:-5px;
width:0px;
font-size:20px;
color:#fff;
text-align:center;
text-shadow:0 0px 0px rgba(0, 0, 0, 0);
background-color:rgba(0,0,0,0);
filter:alpha(opacity=50);
opacity:1.0;
}
.carousel-control.left {
right:auto;
left:-10px;
}
.carousel-control.right {
right:50px;
left:auto;
}
.carousel-control .glyphicon.left,.carousel-control .glyphicon.right,.carousel-control .glyphicon-chevron-left-01,.carousel-control .glyphicon-chevron-right-01,.carousel-control .glyphicon-chevron-left-02,.carousel-control .glyphicon-chevron-right-02,.carousel-control .glyphicon-chevron-left-03,.carousel-control .glyphicon-chevron-right-03,.carousel-control .glyphicon-chevron-left-04,.carousel-control .glyphicon-chevron-right-04,.carousel-control .glyphicon-chevron-left-05,.carousel-control .glyphicon-chevron-right-05,.carousel-control .glyphicon-chevron-left-06,.carousel-control .glyphicon-chevron-right-06,.carousel-control .glyphicon-chevron-left-07,.carousel-control .glyphicon-chevron-right-07,.carousel-control .glyphicon-chevron-left-08,.carousel-control .glyphicon-chevron-right-08,.carousel-control .glyphicon-chevron-left-021,.carousel-control .glyphicon-chevron-right-021,.carousel-control .glyphicon-chevron-left-022,.carousel-control .glyphicon-chevron-right-022,.carousel-control .icon-next,.carousel-control .icon-prev {
width:60px;
height:60px;
top:140px;
font-size:30px;
padding:14px 0px;
border-radius:50px;
z-index:98;
}
.carousel-control .glyphicon.left,.carousel-control .glyphicon-chevron-left-01,.carousel-control .glyphicon-chevron-left-02,.carousel-control .glyphicon-chevron-left-03,.carousel-control .glyphicon-chevron-left-04,.carousel-control .glyphicon-chevron-left-05,.carousel-control .glyphicon-chevron-left-06,.carousel-control .glyphicon-chevron-left-07,.carousel-control .glyphicon-chevron-left-08,.carousel-control .glyphicon-chevron-left-021,.carousel-control .glyphicon-chevron-left-022,.carousel-control .icon-prev {
margin-left:-3px;
}
.carousel-control .glyphicon.right,.carousel-control .glyphicon-chevron-right-01,.carousel-control .glyphicon-chevron-right-02,.carousel-control .glyphicon-chevron-right-03,.carousel-control .glyphicon-chevron-right-04,.carousel-control .glyphicon-chevron-right-05,.carousel-control .glyphicon-chevron-right-06,.carousel-control .glyphicon-chevron-right-07,.carousel-control .glyphicon-chevron-right-08,.carousel-control .glyphicon-chevron-right-09,.carousel-control .glyphicon-chevron-right-021,.carousel-control .glyphicon-chevron-right-022,.carousel-control .icon-next {
margin-left:5px;
}
.carousel-control .glyphicon.left:before,.carousel-control .glyphicon-chevron-left-01:before,.carousel-control .glyphicon-chevron-left-02:before,.carousel-control .glyphicon-chevron-left-03:before,.carousel-control .glyphicon-chevron-left-04:before,.carousel-control .glyphicon-chevron-left-05:before,.carousel-control .glyphicon-chevron-left-06:before,.carousel-control .glyphicon-chevron-left-07:before,.carousel-control .glyphicon-chevron-left-08:before,.carousel-control .glyphicon-chevron-left-09:before,.carousel-control .glyphicon-chevron-left-21:before,.carousel-control .glyphicon-chevron-left-22:before {
content:"\e079";
}
.carousel-control .glyphicon.right:before,.carousel-control .glyphicon-chevron-right-01:before,.carousel-control .glyphicon-chevron-right-02:before,.carousel-control .glyphicon-chevron-right-03:before,.carousel-control .glyphicon-chevron-right-04:before,.carousel-control .glyphicon-chevron-right-05:before,.carousel-control .glyphicon-chevron-right-06:before,.carousel-control .glyphicon-chevron-right-07:before,.carousel-control .glyphicon-chevron-right-08:before,.carousel-control .glyphicon-chevron-right-09:before,.carousel-control .glyphicon-chevron-right-21:before,.carousel-control .glyphicon-chevron-right-22:before {
content:"\e080";
}
/*跑馬燈*/
.ind_marquee {
position:relative;
height:50px;
margin:0px auto;
text-indent:70px;
}
.ind_marquee i {
background-repeat:no-repeat;
background-size:45px;
width:45px;
height:40px;
display:inline-block;
float:left;
margin:3px 0px 3px -43px;
}
.ind_marquee ul {
display:block;
position:absolute;
width:100%;
}
.ind_marquee ul li {
font-size:1.8rem;
height:50px !important;
line-height:50px !important;
width:98%;
margin:0 auto;
color:#000000 !important;
margin-top:0px !important;
border-radius:5px;
}
.ind_marquee ul li a {
cursor:pointer;
color:#000000 !important;
}
/*商品列表*/
.web_bread {
margin:10px 0px 6px 0px;
background-color:transparent;
border-radius:0px;
padding:0px;
background-color:white;
}
.breadcrumb li,.breadcrumbvisa li {
font-size:1.6rem;
line-height:2.0rem;
font-weight:600;
display:inline;
}
.breadcrumb li a,.breadcrumbvisa li a {
font-size:1.6rem;
line-height:2.0rem;
font-weight:600;
}
.breadcrumb .active a,.breadcrumbvisa .active a {
font-weight:600;
}
.web_bread li + li:before,.whitbg,.mem_table .table_cont a {
color:#3e3e3e;
font-weight:500;
text-decoration:blink;
}
.web_bread li + li:before {
font-size:12px;
padding:0px 6px 0px 3px;
content:"\e258";
font-family:'Glyphicons Halflings';
}
#right-mobile {
display:none;
}
#left-pc .left-filter {
font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
height:auto;
margin-top:5px;
margin-bottom:30px;
border-right:1px solid #eaeaea;
}
#left-pc .left-filter .ind_h3 {
width:100%;
height:30px;
font-size:2.2rem;
line-height:2.8rem;
color:#3e3e3e;
font-weight:bold;
margin-bottom:5px;
}
.right-item {
font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
height:auto;
min-height:600px;
margin-bottom:0px;
}
#left-pc .left-filter .ind_h4 {
width:100%;
font-size:1.6rem;
line-height:2.6rem;
color:#4e4e4e;
font-weight:bold;
}
.left-filter .panel-group .panel {
border-radius:0px;
margin-top:5px;
margin-bottom:15px;
background-color:#fff;
border:0px solid transparent;
-webkit-box-shadow:0 0px 0px rgba(0,0,0);
box-shadow:0 0px 0px rgba(0,0,0);
}
.left-filter .panel-group .panel-default {
border-color:#fff;
}
.left-filter .panel-group .panel .panel-heading {
position:relative;
padding:4px 0px;
background-color:#ffffff;
border-bottom:1px solid #eaeaea;
}
.left-filter .panel-group .panel-heading + .panel-collapse .panel-body {
border-top:0px solid #ddd;
}
.left-filter .panel-group .panel-default .panel-collapse {
padding:0px 0px;
margin:5px 0px;
}
.left-filter .panel-group .panel-default .panel-collapse label {
color:#4e4e4e;
display:block;
line-height:38px;
margin-bottom:0px;
padding:0px 5px;
}
#right-mobile .panel-heading {
height:48px;
}
#filter_price .panel-collapse label {
font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
text-align:left;
color:#ff1500;
font-size:1.6rem;
font-weight:bold;
}
#filter_price .panel-collapse label span {
color:#8a8a8a;
padding:0px 4px 0px 6px;
}
#filter_day .panel-collapse label:hover, #filter_group .panel-collapse label:hover, #filter_other .panel-collapse label:hover {
cursor:pointer;
color:#ffffff;
background-color:#8a8a8a;
}
.left-filter .panel-group .panel-default .panel-collapse input[type="checkbox"] {
-webkit-appearance:none;
vertical-align:middle;
width:20px;
height:20px;
float:left;
margin:8px 6px 0px 0px;
border:2px solid #8a8a8a;
border-radius:4px;
background:#ffffff;
cursor:pointer;
}
.left-filter .panel-group .panel-default .panel-collapse input[type="checkbox"]:checked {
background:#ffc513;
border:2px solid #4e4e4e;
color:#ffc513;
font-weight:bold;
}
.left-filter .panel-group .panel-default .panel-collapse input[type="checkbox"]:checked::after {
content:'';
top:3px;
left:3px;
background:#ffc513;
border:0px solid #8a8a8a;
border-top:none;
border-right:none;
height:6px;
width:10px;
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
color:#ffc513;
font-weight:bold;
}
.left-filter .panel-group .panel-default .panel-collapse input[type="checkbox"]:focus {
outline:none;
color:#ffc513;
font-weight:bold;
}
.right-item .ind_h3 {
height:28px;
float:left;
font-size:2.2rem;
line-height:2.6rem;
color:#3e3e3e;
font-weight:bold;
text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
white-space:normal;
margin-top:5px;
margin-bottom:0px;
margin-right:10px;
}
.right-item .ind_h4 {
width:100%;
float:left;
font-size:1.6rem;
line-height:50px;
color:#4e4e4e;
font-weight:bold;
}
.right-item .ind_h5 {
float:left;
font-size:1.6rem;
line-height:40px;
font-weight:bold;
margin-bottom:0px;
font-weight:600;
color:#b4b4b4;
}
.right-item .item-sort {
width:30%;
height:38px;
float:right;
}
.in_pinfor {
border-radius:4px;
width:55%;
height:40px;
min-width:190px;
float:right;
font-size:1.6rem;
font-weight:500;
color:#4e4e4e;
border:1px solid #8a8a8a;
padding:0px 10px 0px 10px;
}
.icon_caret {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background:url(../../ContentCustomRWD1/img/caret01.png) no-repeat right center transparent;
}
.icon_caret:hover {
cursor:pointer;
background:url(../../ContentCustomRWD1/img/caret02.png) no-repeat right center transparent;
}
.PageNum {
padding:0px 0px;
}
.sor_item {
padding:0px 10px;
}
.sor_itembox {
font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
max-height:180px;
float:left;
margin-top:2%;
margin-left:0%;
margin-right:0%;
margin-bottom:0%;
width:100%;
}
.sor_itembox:hover {
cursor:pointer;
position:relative;
-webkit-box-shadow:4px 4px 8px rgba(132, 132, 132, 0.8);
box-shadow:4px 4px 8px rgba(132, 132, 132, 0.8);
}
.sor_itembox-left {
width:38%;
float:left;
padding:0px 0px;
background-color:#ffffff;
}
.sor_itembox-right {
width:62%;
height:170px;
float:left;
padding:10px 15px;
position:relative;
}
.sor_itembox-right .item-name {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
white-space:normal;
}
.sor_itembox-left .img {
display:block;
width:100%;
height:auto;
max-height:170px;
overflow:hidden;
}
.sor_itembox-left .img img {
min-height:170px;
min-width:100%;
max-width:100%;
}
.sor_itembox .otherday {
width:110px;
float:left;
font-size:1.6rem;
text-align:center;
font-weight:600;
background-color:#ffc513;
padding:0px 5px;
margin:2px 0px 0px 0px;
color:#ffffff;
border-radius:4px;
border:1px solid #ffc513;
}
.sor_itembox .otherday span {
padding-right:2px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.sor_itembox .otherday .glyphicon-random:before {
font-size:1.5rem;
}
.sor_itembox .otherday:hover {
cursor:pointer;
background-color:#ff6464;
border:1px solid #ff6464;
color:#ffffff;
}
.sor_itembox .otherday:active {
position:relative;
top:2px;
}
.sor_gounnot {
width:100%;
max-width:1280px;
margin:0px auto;
min-height:60px;
margin-top:2%;
margin-bottom:3%;
}
.ord_gounnot {
width:100%;
max-width:1280px;
margin:0px auto;
min-height:60px;
margin-top:2%;
margin-bottom:3%;
}
.itembox {
font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
width:100%;
max-height:220px;
float:left;
margin:10px 0px 5px 0px;
background-color:#ffffff;
border:1px solid #dcdcdc;
}
.itembox:hover {
left:-4px;
}
.itembox-left {
cursor:pointer;
width:33%;
float:left;
padding:0px 0px;
background-color:#ffffff;
}
.itembox-right {
width:67%;
height:220px;
float:left;
padding:10px 15px;
position:relative;
}
.itembox-left .img {
display:block;
width:100%;
height:auto;
max-height:218px;
overflow:hidden;
}
.itembox-left .img img {
min-height:auto;
min-width:104%;
max-width:104%;
}
.item-name {
cursor:pointer;
font-size:2.2rem;
line-height:2.8rem;
font-weight:600;
color:#333333;
margin-bottom:10px;
text-align:justify;
text-justify:inter-ideograph;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
white-space:normal;
}
.item-desc {
font-size:1.6rem;
line-height:2.2rem;
color:#898989;
font-weight:500;
text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
white-space:normal;
margin:5px 0px;
}
.item-area {
cursor:pointer;
float:left;
font-size:1.4rem;
font-weight:600;
}
.item-area p {
padding:0px 8px 0px 8px;
margin:2px 0px 5px 0px;
border-left:2px solid #898989;
}
.item-note {
cursor:pointer;
width:100%;
float:left;
margin:0px 0px;
font-size:1.6rem;
line-height:2.2rem;
font-weight:600;
color:#898989;
text-align:justify;
text-justify:inter-ideograph;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
white-space:normal;
}
.item-bottom {
position:absolute;
bottom:0px;
height:72px;
}
.item-daybox1,.item-daybox2,.item-daybox3 {
font-size:1.4rem;
min-width:76px;
float:left;
margin:10px 3px 0px 0px
}
.item-daybox2 .item-otherday {
color:#aaaaaa;
}
.item-daybox2 .item-otherday:hover {
color:#aaaaaa;
}
.item-daybox2 .item-leftoff:hover,.item-daybox2 .item-leftwaiting:hover {
color:#ffffff;
background-color:#aaaaaa;
border:2px solid #aaaaaa;
}
.item-daybox1:hover,.item-daybox2:hover,.item-daybox3:hover {
cursor:pointer;
}
.item-daybox1:active,.item-daybox2:active,.item-daybox3:active {
position:relative;
top:2px;
}
.item-price {
cursor:pointer;
float:right;
position:absolute;
bottom:4px;
right:15px;
}
.item-price .price {
font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
font-size:1.4rem;
font-weight:bold;
color:#ff6a5c;
}
.item-price .price span {
font-size:3.0rem;
color:#ff0000;
padding:0px 0px 0px 2px;
font-family:Roboto, " 微軟正黑體", Arial, sans-serif;
font-weight:bold;
}
.item-moredaym {
display:none;
}
/*page頁數*/
.nav_panation {
float:left;
margin:40px 0px 60px 0px;
}
.nav_panation .nav_dot {
float:left;
line-height:46px;
margin:0px 5px;
}
.nav_panation li:first-child a {
margin-right:3px;
}
.nav_panation li:last-child a {
margin-left:3px;
margin-right:0px;
}
.nav_panation li a {
font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
border-radius:0px !important;
font-size:2.4rem;
line-height:44px;
font-weight:300 !important;
width:46px;
height:46px;
text-align:center;
padding:0px;
margin:0px 2px;
text-align:center;
}
/*底區塊*/
#footer_include {
width:100%;
float:left;
position:relative;
z-index:100;
margin-top:30px;
}
.marmnon {
z-index:98;
position:relative;
}
.main-footer {
z-index: 999;
position: relative;
}
.main-footer ul li {
line-height:30px;
padding:0px 5px;
margin:0px;
cursor:auto;
}
.f_data {
margin-top:20px;
padding:50px 0px 40px 0px;
}
.f_data .col-md-12 {
padding:0px 0px 0px 0px;
}
.f_logo {
border-bottom:0px solid #000;
padding-bottom:20px;
margin-bottom:25px;
display:inline-block;
}
.f_logo .logo {
max-width:300px;
height:70px;
}
.logo {
padding-bottom:0px;
display:inline-block;
}
.f_note .logo {
margin:0px 0px 28px 0px;
}
.f_note .logo img {
width:100%;
height:auto;
max-height:100%;
max-width:200px;
vertical-align:top;
}
.f_note,.f_note p,.f_note a {
font-size:1.8rem;
line-height:30px;
}
.f_note p {
margin-bottom:10px;
}
.fo_about {
line-height:28px;
text-align:left;
}
.fo_ser {
margin:0px auto;
float:right;
display:inline-block;
}
.fo_sernew {
margin:0px auto;
padding:0px 0px 0px 0px;
float:right;
display:inline-block;
}
.fo_sernew img {
width:40px;
height:40px;
margin-right:2px;
}
.f_note .martb {
margin-top:94px;
}
.f_are ul {
margin-bottom:20px;
}
.footer-statement {
text-align:center;
padding:20px 0px 18px 0px;
font-size:1.6rem;
line-height:2.0rem;
}
.col-md-7,.col-sm-7,.col-md-5,.col-sm-5 {
padding-right:0px;
padding-left:0px;
}
/*商品內頁*/
.ind_h5 {
width:100%;
float:left;
padding:0px 0px;
margin-bottom:10px;
}
.ind_h5 p, h1 .ind_h5 p {
font-size:2.4rem;
color:#3e3e3e;
font-weight:bold;
}
.ind_modalh5 {
text-align:left;
font-weight:600;
padding:10px 0px;
line-height:26px;
font-size:2.0rem;
text-align:justify;
text-justify:inter-ideograph;
margin-bottom:5px;
}
.gr-img div:first-of-type {
overflow:hidden;
height:470px;
}
.gr-even {
padding:5px 0px 0px 10px;
font-size:1.8rem;
line-height:2.8rem;
color:#7a7a7a;
font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
height:500px;
position:relative;
}
.gr-even li {
margin-bottom:-1px;
display:inline-block;
}
.gr-even span.title {
line-height:2.8rem;
width:16%;
height:24px;
}
.gr-even span.cont {
line-height:2.8rem;
color:#000000;
font-weight:600;
width:83%;
}
.gr-even span.cont p {
color:#ff0000;
}
.gr-even span.rednote {
position:absolute;
font-size:16px;
line-height:23px;
color:#b20000;
font-weight:500;
width:84%;
overflow-y:auto;
height:110px;
padding-right:5px;
}
.gr-even span.rednote::-webkit-scrollbar {
width:6px;
}
.gr-even span.rednote::-webkit-scrollbar-track {
border-radius:6px;
background-color:#f2f2f2;
}
.gr-even span.rednote::-webkit-scrollbar-thumb {
border-radius:6px;
background-color:rgba(150,0,0,0.3);
}
.gr-even span.rednote p {
margin-bottom:8px;
}
.gr-even span.title,.gr-combox ul,.gr-combox .combox,.gr-even .cont,.gr-fl.cont {
display:inline-block;
float:left;
}
.viewflight {
width:130px;
float:left;
font-size:1.6rem;
text-align:center;
font-weight:600;
background-color:#ffffff;
padding:5px 8px;
margin:6px 6px 6px 0px;
color:#1888ff;
border-radius:4px;
border:1px solid #1888ff;
}
.otherday {
width:130px;
float:left;
font-size:1.6rem;
text-align:center;
font-weight:600;
background-color:#1888ff;
padding:5px 8px;
margin:6px 0px 6px 6px;
color:#ffffff;
border-radius:4px;
border:1px solid #1888ff;
}
.viewflight span,.otherday span {
padding-right:4px;
}
.viewflight .glyphicon-send:before,.otherday .glyphicon-random:before {
font-size:1.5rem;
}
.viewflight:hover,.otherday:hover {
cursor:pointer;
background-color:#ff6464;
border:1px solid #ff6464;
color:#ffffff;
}
.viewflight:active,.otherday:active {
position:relative;
top:2px;
}
.gr-combox {
width:40px;
}
.gr-combox ul,.gr-combox .combox,.gr-combox {
position:absolute;
right:5px;
top:5px;
}
.gr-combox .combox li {
float:right;
margin-left:3px;
cursor:pointer;
}
.gr-combox .combox li i {
width:40px;
height:40px;
background-size:40px;
opacity:0.3;
}
.gr-combox .combox i.i7 {
background-position:0;
background-image:url(../../ContentCustomRWD1/img/icon_print.png);
}
.gr-combox .combox i.i7:hover {
background-image:url(../../ContentCustomRWD1/img/icon_print_h.png);
opacity:1;
}
.gr-combox .combox i.i8 {
background-position:0;
background-image:url(../../ContentCustomRWD1/img/icon_line.png);
}
.gr-combox .combox i.i8:hover {
background-image:url(../../ContentCustomRWD1/img/icon_line_h.png);
opacity:1;
}
.gr-combox .combox i.i9 {
background-position:0;
background-image:url(../../ContentCustomRWD1/img/icon_facebook.png);
}
.gr-combox .combox i.i9:hover {
background-image:url(../../ContentCustomRWD1/img/icon_facebook_h.png);
opacity:1;
}
.gr-combox .combox i.i11 {
background-position:0;
background-image:url(../../ContentCustomRWD1/img/icon_links.png);
}
.gr-combox .combox i.i11:hover {
background-image:url(../../ContentCustomRWD1/img/icon_links_h.png);
opacity:1;
}
.gr-pri-btn {
position:absolute;
bottom:0px;
padding:0px 0px;
display:inline-block;
width:98%;
margin:10px 0px 0px 0px;
padding-bottom:30px;
}
.gr-pri-btn .col-sm-6,.gr-pri-btn .col-xs-12 {
padding-right:0px;
padding-left:0px;
}
.gr-pri-btn .gr-price {
height:60px;
margin:0px 0px;
float:none;
text-align:center;
color:#ff0000;
font-size:2.0rem;
font-weight:bold;
}
.gr-pri-btn .price {
padding:0px 2px;
font-size:3.4rem;
font-family:Roboto, "微軟正黑體", Arial, sans-serif;
font-weight:bolder;
}
.gr-deadline {
width:100%;
display:inline-block;
color:#7a7a7a;
text-align:center;
font-size:2.0rem;
font-weight:600;
line-height:26px;
}
/*立即報名,.候補,.額滿*/
.gr-btn_check,.gr-btn_wait,.gr-btn_cancel {
width:100%;
height:60px;
line-height:60px;
font-size:2.4rem;
margin:0px 0px;
text-align:center;
font-weight:bold;
border-radius:5px;
border:0px;
}
.gr-btn_check:hover,.gr-btn_wait:hover {
cursor:pointer;
font-size:2.4rem;
padding:0px 12px;
}
.gr-btn_check:hover .glyphicon-hand-right:before {
content:"\e143";
color:rgba(255, 255, 255, 1.0);
}
.gr-btn_check:active,.gr-btn_wait:active {
position:relative;
top:0px;
}
.gr-btn_cancel {
cursor:no-drop;
}
.gr-container .gr-btn_check,.gr-container .gr-btn_wait,.gr-container .gr-btn_cancel {
border-radius:0px;
}
.visa-btn_check {
width:100%;
height:60px;
line-height:60px;
font-size:3.0rem;
margin:0px 0px;
text-align:center;
font-weight:bold;
color:#ffffff;
border-radius:5px;
}
.visa-btn_check:hover {
font-size:2.8rem;
}
.visa-btn_check:hover .glyphicon-hand-right:before {
content:"\e143";
color:rgba(255, 255, 255, 1.0);
}
.visa-btn_check:active {
position:relative;
top:2px;
}
.btn_check,.btn_cancel,.sor-btn_check,.sor-btn_cancel,.btn_wait {
width:100%;
height:60px;
line-height:60px !important;
font-size:2.6rem;
margin:0px auto;
text-align:center;
font-weight:bold;
color:#fff;
border-radius:5px;
}
.btn_cancel:hover {
background-color:#3e3e3e;
}
.btn_check:hover,.btn_cancel:hover,.sor-btn_check:hover,.sor-btn_cancel:hover,.visa-btn_check:hover {
color:#fff;
font-size:2.8rem;
}
.btn_check:active,.btn_cancel:active,.sor-btn_check:active,.sor-btn_cancel:active,.visa-btn_check:active {
position:relative;
top:2px;
}
.glyphicon-hand-right:before {
content:"\e127";
color:rgba(255, 255, 255, 0.5);
padding-right:6px;
font-size:24px;
}
.guc_cont {
margin-top:10px;
}
.sor-combox {
width:100%;
height:46px;
margin-bottom:20px;
}
.sor-combox .combox {
width:100%;
float:right;
display:block;
text-align:right;
margin:0px 0px 0px 0px;
}
.sor-combox .combox li {
float:right;
padding:0px 0px 0px 8px;
cursor:pointer;
}
.sor-combox .combox li i {
width:44px;
height:44px;
background-size:44px;
opacity:0.3;
}
.sor-combox .combox i.i7 {
background-position:0;
background-image:url(../../ContentCustomRWD1/img/icon_print.png);
}
.sor-combox .combox i.i7:hover {
background-image:url(../../ContentCustomRWD1/img/icon_print_h.png);
opacity:1;
}
.sor-combox .combox i.i8 {
background-position:0;
background-image:url(../../ContentCustomRWD1/img/icon_line.png);
}
.sor-combox .combox i.i8:hover {
background-image:url(../../ContentCustomRWD1/img/icon_line_h.png);
opacity:1;
}
.sor-combox .combox i.i9 {
background-position:0;
background-image:url(../../ContentCustomRWD1/img/icon_facebook.png);
}
.sor-combox .combox i.i9:hover {
background-image:url(../../ContentCustomRWD1/img/icon_facebook_h.png);
opacity:1;
}
.sor-combox .combox i.i10 {
background-position:0;
background-image:url(../../ContentCustomRWD1/img/icon_share.png);
}
.sor-combox .combox i.i10:hover {
background-image:url(../../ContentCustomRWD1/img/icon_share_h.png);
opacity:1;
}
.sor-combox .combox i.i11 {
background-position:0;
background-image:url(../../ContentCustomRWD1/img/icon_links.png);
}
.sor-combox .combox i.i11:hover {
background-image:url(../../ContentCustomRWD1/img/icon_links_h.png);
opacity:1;
}
.sor-combox .combox i.i11:hover,.whitbg .container ul .tsbox i:hover,.gray_bar .container ul .tsbox i:hover {
cursor:pointer;
transition:all .25s ease-in-out;
}
.whitbg .container ul .tsbox,.gray_bar .container ul .tsbox {
background-color:#ebebeb;
display:inline-block;
width:38px;
height:38px;
float:left;
border-radius:20px;
padding:6px 4px 4px 4px;
margin:8px 8px 0px 0px;
transition:all .15s ease-in-out;
}
.whitbg .container ul .tsbox i,.gray_bar .container ul .tsbox i {
width:30px;
height:30px;
display:inline-block;
display:block;
float:left;
}
.whitbg .container ul .tsbox i.ts_track,.gray_bar .container ul .tsbox i.ts_track {
opacity:.5;
background-size:cover;
background-position:0;
background-image:url(../../ContentCustomRWD1/img/icon_ts_track1.svg);
}
.whitbg .container ul .tsbox i.ts_track:hover,.gray_bar .container ul .tsbox i.ts_track:hover {
opacity:1.0;
background-image:url(../../ContentCustomRWD1/img/icon_ts_track2.svg);
}
.whitbg .container ul .tsbox i.ts_track.act,.gray_bar .container ul .tsbox i.ts_track.act {
background-position:0;
background-image:url(../../ContentCustomRWD1/img/icon_ts_track3.svg);
opacity:1.0;
}
.whitbg .container ul .tsbox i.ts_shopping,.gray_bar .container ul .tsbox i.ts_shopping {
opacity:.5;
background-size:cover;
background-position:0;
background-image:url(../../ContentCustomRWD1/img/icon_ts_shopping1.svg);
}
.whitbg .container ul .tsbox i.ts_shopping:hover,.gray_bar .container ul .tsbox i.ts_shopping:hover {
opacity:1.0;
}
.whitbg .container ul .tsbox:hover,.gray_bar .container ul .tsbox:hover {
transform:scale(1.2);
}
.gray_bar .container ul .tsbox i.ts_shopping {
background-size:cover;
background-position:0;
background-image:url(../../ContentCustomRWD1/img/icon_ts_shopping1.svg);
}
.gray_bar .container ul .tsbox i.ts_shopping:hover {
background-image:url(../../ContentCustomRWD1/img/icon_ts_shopping1.svg);
}
.gray_bar .container ul .tsbox i.ts_shopping.act {
background-position:0;
background-image:url(../../ContentCustomRWD1/img/icon_ts_shopping3.svg);
opacity:1.0;
}
.gray_bar .container ul .tsbox i.ts_track:hover,.gray_bar .container ul .tsbox i.ts_track.act:hover,
.gray_bar .container ul .tsbox i.ts_shopping:hover,.gray_bar .container ul .tsbox i.ts_shopping.act:hover {
opacity:1;
transform:scale(1.1);
}
/*追蹤列表*/
.track_box {margin-bottom:50px;}
.track_box>.red {color:#0008ff;text-align:left;line-height:26px;}
.track_box>.table_unlin tr {border-bottom:1px solid #aaaaaa;}
.track_box>.table_unlin tr>td {padding:10px 0;}
.track_box>.table_unlin tr>th:nth-of-type(1),.track_box>.table_unlin tr>td:nth-of-type(1) {width:12%;text-align:left;}
.track_box>.table_unlin tr>th:nth-of-type(2),.track_box>.table_unlin tr>td:nth-of-type(2) {width:70%;text-align:left;}
.track_box>.table_unlin tr>th:nth-of-type(3),.track_box>.table_unlin tr>td:nth-of-type(3) {width:13%;text-align:center;}
.track_box>.table_unlin tr>th:nth-of-type(4),.track_box>.table_unlin tr>td:nth-of-type(4) {width:5%;text-align:center;}
.track_box>.table_unlin tr:last-of-type {border-bottom:1px solid #ffffff;}
.track_box>.table_unlin td .track_item {line-height:26px;color:#3e3e3e;cursor:pointer;}
.track_box>.table_unlin td a .track_item:hover {color:#0011ff;text-decoration:underline;}
.track_box>.table_unlin td .track_price {font-size:18px;line-height:24px;color:#ff0000;font-weight:700;}
.track_box>.table_unlin td .track_price>span {display:inline-block;margin-right:4px;font-weight:500;}
.track_box .track_d {
min-width:30px;
min-height:30px;
max-width:30px;
max-height:30px;
color:#c0bfbf;
background-color:#e9e9e9;
float:right;
border-radius:4px;
line-height:normal;
padding:5px 2px 0px 2px;
margin:2px;
text-align:center;
font-size:16px;}
.track_box .track_d:hover {
cursor:pointer;
color:#ffffff;
background-color:#3e3e3e;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;}
.track_box .track_dall {
display:inline-block;
font-size:15px;
line-height:25px;
padding:2px 6px;
margin:5px;
border-radius:5px;
float:right;
color:#c0bfbf;
border:2px solid #656565;}
.track_box .track_dall:hover {
cursor:pointer;
color:#ffffff;
border:2px solid #ffffff;
border:2px solid #ffffff;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;}
.track_box .track_d:active,.track_box .track_dall:active {
position:relative;
top:2px;}
.installment thead > tr > th, .installment tbody > tr > td {
text-align: center;}
.installment thead > tr {
background-color: #ffefd2;}
.installment thead > tr > th input {
display: inline-block;
margin: 0px 4px 4px 0px;}
.installment tbody > tr {
border-bottom: 0px solid #aaa;}
/*購物車列表*/
.shopping_car > .table_unlin tr > td input {
width: 18px;
height: 18px;
margin: 0px auto;
}
.shopping_car>.red {color:#ff0000;}
.shopping_car>.table_unlin tr>th:nth-of-type(1),.shopping_car>.table_unlin tr>td:nth-of-type(1) {width:12%;text-align:center;}
.shopping_car>.table_unlin tr>th:nth-of-type(4),.shopping_car>.table_unlin tr>td:nth-of-type(4) {width:13%;text-align:center;}
.shopping_car>.table_unlin .track_d.act {color:#e91e63;}
.shopping_car>.table_unlin .track_d.act:hover {color:#ffffff;background-color:#e91e63;}
@media only screen and (max-width:900px) {
.track_box>.fli-heading .flil-title {text-align:left;padding-left:5px;}
.track_box>.red {padding-top:20px;border-top:1px solid #aaaaaa;}
.track_box>.table_unlin tr>td {padding:15px 0;letter-spacing:-1px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.track_box>.table_unlin tr:nth-of-type(1),.track_box>.table_unlin tr>td:nth-of-type(1) {display:none;}
.track_box>.table_unlin tr>th:nth-of-type(2),.track_box>.table_unlin tr>td:nth-of-type(2) {width:77%;}
.track_box>.table_unlin tr>th:nth-of-type(3),.track_box>.table_unlin tr>td:nth-of-type(3) {width:15%;}
.track_box>.table_unlin tr>th:nth-of-type(4),.track_box>.table_unlin tr>td:nth-of-type(4) {width:8%;}
.track_box>.table_unlin td .track_price {font-size:17px;line-height:22px;}
.track_box>.table_unlin td .track_price>span {display:block;font-size:15px;margin-right:0px;}
.shopping_car>.table_unlin tr>td input {margin-top:12px;}
.shopping_car>.table_unlin tr:nth-of-type(1) >th {display:none;}
.shopping_car>.table_unlin tr:nth-of-type(1),.shopping_car>.table_unlin tr>td:nth-of-type(1) {width:auto;display:block;border:0px;}
.shopping_car>.table_unlin tr>th:nth-of-type(2),.shopping_car>.table_unlin tr>td:nth-of-type(2) {width:63%;}
.shopping_car>.table_unlin tr>th:nth-of-type(3),.shopping_car>.table_unlin tr>td:nth-of-type(3) {width:20%;}
.shopping_car>.table_unlin tr>th:nth-of-type(4),.shopping_car>.table_unlin tr>td:nth-of-type(4) {width:10%;}
.shopping_car>.table_unlin tr:last-of-type td {display:none;}
}
@media only screen and (max-width:580px) {
.track_box>.table_unlin tr>th:nth-of-type(2),.track_box>.table_unlin tr>td:nth-of-type(2) {width:70%;}
.track_box>.table_unlin tr>th:nth-of-type(3),.track_box>.table_unlin tr>td:nth-of-type(3) {width:20%;}
.track_box>.table_unlin tr>th:nth-of-type(4),.track_box>.table_unlin tr>td:nth-of-type(4) {width:10%;}
.track_box .track_d {padding:4px 0px 0px 0px;}
}
/*折扣碼*/
.rwd-table th,.rwd-table td,.tick-list.tickbox .ind_hosli {
text-align:center;
}
.coty_slide .coty_tab .on a span.price,.red,.table_numb a,.price,.attpop .gcontent ul li span.price,.gr-price {
color:red;
}
.discbox p span {
border:1px solid red;
border-radius:99em;
padding:1px;
font-size:14px;
margin-right:5px;
}
.discbox li {
width:100%;
display:inline-block;
margin-bottom:6px;
margin-right:14px;
}
.discbox li label {
font-weight:600;
}
.table_unlin .form-control {
height:32px;
line-height:32px;
float:left;
}
.cus_rprice .icon_peod,.icon_peod {
width:70px;
}
.icon_peod {
position:relative;
}
.cus_rprice .icon_peod {
margin:0 auto;
float:left;
}
.disc-number {
top:3px;
position:relative;
max-width:205px;
min-width:220px;
}
.disc-number .btn-disc {
width:60px;
height:32px;
line-height:32px !important;
color:#ffffff;
position:absolute;
right:0px;
top:4px;
border-radius:0px;
font-size:1.8rem;
cursor:pointer;
}
.btn-mini {
width:100%;
height:38px;
line-height:38px !important;
font-size:1.8rem;
color:#ffffff !important;
padding:0px 0px;
background-color:#ff5e70;
}
.disc-number .btn-disc:hover,.btn-mini:hover {
background-color:#d0011b;
font-size:1.8rem;
cursor:pointer;
}
/*商品頁浮動框*/
.gr-floatbox {
z-index:9;
width:100%;
height:auto;
margin:0px auto;
background-color:#f2f2f2;
}
.gr-floatbox .navbar {
border:0px solid transparent;
}
.gr-floatbox .navbar-default {
background-color: #ececec;
border-color: #ececec;
}
.gr-container {
width:100%;
max-width:1280px;
margin:0px auto;
padding:0px 0px;
}
.gr-container .navbar-nav {
float:left;
margin:0px auto;
width:100%;
height:60px;
}
.gr-container ul li {
display: inline-block;
width: auto;
min-width: 80px;
text-align: center;
padding: 17.5px 7px;
font-size: 1.8rem;
color: #8c8c8c;
font-weight: bold;
background-color: #f2f2f2;
margin-right: -3px;
height: 60px;
}
.gr-container ul li:hover {
color:#ffffff;
visibility:visible;
}
.gr-container ul li a {
height:40px;
line-height:40px;
width:40px;
font-weight:600;
padding:0px 0px;
margin-top:0px;
}
.gr-container ul li a:hover {
height:40px;
width:40px;
line-height:40px;
padding:0px 6px;
border-radius:4px;
background-color:#fff;
margin-top:0px;
}
.gr-container ul li span {
margin-right:5px;
min-width:18px;
padding:0px 0px;
float:left;
}
.gr-floatbt {
position:absolute !important;
top:0px;
right:0px;
}
.gr-container ul li.gr-floatbt,.gr-container ul li.gr-floatbtwait,.gr-container ul li.gr-floatbtcancel {
padding:0px 10px;
float:right;
font-size:2.2rem;
height:60px;
line-height:60px;
}
.gr-container ul li.gr-floatbt a,.gr-container ul li.gr-floatbtwait a,.gr-container ul li.gr-floatbtcancel a {
height:60px;
line-height:60px;
color:#ffffff;
width:100%;
}
.gr-container ul li.gr-floatbt a:hover,.gr-container ul li.gr-floatbtwait a:hover {
color:#ffffff;
}
.gr-container ul li.gr-floatbtcancel a:hover {
cursor:no-drop;
background-color:#d6d6d6;
}
.gr-container ul li.gr-floatbt a span,.gr-container ul li.gr-floatbtwait a span,.gr-container ul li.gr-floatbtcancel a span {
margin-right:0px;
color:#ffffff;
}
.gr-container ul li.gr-floatbt a:hover {
padding:0px 0px;
}
.mt_close {
float:left;
/* width:70%;*/
text-align:left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
transition:all .02s ease-in-out;
}
.open .dropdown-menu {
border-radius:0px 0px 8px 8px;
display:block;
width:100%;
border:0px solid #ffffff;
padding:0px 0px;
margin:0px 0px;
-webkit-box-shadow:0 0px 0px rgb(255, 255, 255) !important;
box-shadow:0 0px 0px rgb(255, 255, 255) !important;
}
.open .dropdown-menu li {
width:auto;
min-width:100px;
min-width:70px;
height:44px;
line-height:44px;
margin-top:4px;
padding:0px 12px;
background-color:rgba(255, 193, 5, 0);
}
.open .dropdown-menu li:hover {
font-size:2.0rem;
background-color:rgba(255, 193, 5, 0);
}
#open-dm {
border-radius:0px 0px 8px 8px;
display:block;
width:100%;
border:0px solid #ffffff;
padding:0px 0px;
margin:0px 0px;
-webkit-box-shadow:0 0px 0px rgb(255, 255, 255) !important;
box-shadow:0 0px 0px rgb(255, 255, 255) !important;
}
#open-dm li {
width:auto;
max-width:80px;
min-width:40px;
height:40px;
line-height:40px;
padding:0px 6px;
margin:4px 0px;
background-color:rgba(255, 193, 5, 0);
}
#open-dm li:hover {
font-size:1.8rem;
background-color:rgba(255, 193, 5, 0);
}
.glyphicon-heart-empty:before,.glyphicon-paperclip:before,.glyphicon-send:before,.glyphicon-transfer:before,.glyphicon-flash:before,.glyphicon-download:before {
font-size:1.8rem;
}
/*商品行程資訊*/
.ind_h6 {
width:100%;
margin-bottom:15px;
font-size:2.6rem;
line-height:3.2rem;
text-align:center;
height:46px;
color:#8c8c8c;
font-weight:bold;
border-bottom:4px solid #8c8c8c;
display:inline-block;
}
.gr-ctbox {
width:100%;
border-radius:6px;
margin:0px 0px 10px 0px;
display:table;
display:inline-block;
}
.gr-lximg {
width:98%;
}
.gr-mlimg {
width:65%;
}
.gr-smimg {
width:48%;
}
.gr-xsimg {
width:31%;
}
.gr-lximg,.gr-mlimg,.gr-smimg,.gr-xsimg {
margin:1%;
float:left;
overflow:hidden;
border-radius:6px;
height:100%;
}
.gr-lximg img,.gr-mlimg img,.gr-smimg img,.gr-xsimg img {
max-width:100%;
}
.gr-tvlday {
width:100%;
float:left;
padding:1% 0px 0px 0px;
}
.gr-tvlday span.glyphicon-eye-open {
color:#ffffff !important;
}
.gr-tvlday span.glyphicon {
margin:4px 5px;
float:left;
font-size:2.4rem;
}
.gr-tvlon {
font-weight:bold;
font-size:2.0rem;
padding:2px 10px;
text-align:center;
border-radius:6px;
float:left;
}
.gr-tvl {
width:100%;
float:right;
border-bottom:1px solid #e6e6e6;
margin-bottom:1%;
padding-bottom:10px;
padding:0px 1.5% 20px 1.5%;
}
.gr-rrbox {
width:100%;
max-width:1280px;
margin:0 auto;
margin-top:2%;
margin-bottom:3%;
background-color:#ffffff;
}
.gr-rrbox img {
max-width:100%;
background-size:cover;
}
.gr-ctbox .gr-dl01 span {
margin:0px 12px;
}
.gr-rrbox .gr-dl01 span {
margin-right:10px;
}
.gr-rrbox .gr-dl03 span {
font-size:2.0rem;
margin:0px 6px 0px 0px;
}
/*後臺編輯器*/
.gr-dl01 p,.gr-dl02 p,.gr-dl03 p,.gucbox p {
min-height:28px;
}
.gucbox {
width:100%;
padding:10px 0px 0px 0px;
margin:0px 0px 15px 0px;
font-size:1.6rem;
line-height:3.2rem;
}
.gucbox h2.title {
font-size:2.2rem;
line-height:3.0rem;
font-weight:600;
}
.ind_h7 {
width:96%;
margin:1% 2% 0px 2%;
font-size:2.2rem;
padding:15px 10px 5px 0px;
text-align:left;
color:#de574a;
font-weight:bold;
border-top:2px solid #de574a;
display:inline-block;
}
.ind_h7 span {
margin:4px 8px 4px 0px;
color:#de574a;
float:left;
font-size:2.4rem;
}
.ind_h7visa {
width:98%;
margin:1% 1% 0px 1%;
font-size:2.2rem;
padding:15px 0px 5px 0px;
text-align:left;
font-weight:bold;
display:inline-block;
}
.ind_h7visa span.glyphicon {
margin:2px 8px 4px 0px;
float:left;
font-size:2.6rem;
}
.ind_h8 {
width:100%;
font-size:1.6rem;
line-height:2.0em;
padding:0px 10px 8px 0px;
text-align:left;
color:#de574a;
font-weight:bold;
border-bottom:1px solid #de574a;
display:inline-block;
}
.ind_h8 span {
margin:4px 10px 4px 4px;
color:#de574a;
float:left;
font-size:2.0rem;
}
.gray_bar {
padding:30px 1% 30px 2%;
margin:15px 0px 0px 0px;
width:100%;
border-bottom:1px solid #fff;
display:inline-block;
}
.visa_bar {
background-color:#e5f4f3;
padding:30px 1% 30px 2%;
margin:15px 0px 0px 0px;
width:100%;
border-bottom:1px solid #fff;
display:inline-block;
}
.gray_bar.gounnot,.visa_bar.gounnot {
margin-bottom:0px;
}
.viedo {
padding:0px 1%;
float:left;
width:100%;
margin-top:1%;
}
.viedo iframe {
border-radius:5px;
}
.gounnot .mo_martb {
margin:25px auto 0 auto;
max-width:450px;
}
.gounnot li span {
padding-right:0px
}
.gounnot li span.title {
padding:0px 15px 0px 0px;
color:#7a7a7a;
font-weight:500;
}
.gounnot li span.cont {
padding:0px 10px 0px 0px;
color:#000000;
font-weight:bold;
}
.gounnot .btn {
height:60px;
line-height:60px
}
.gr-ctbox .gr-dl01,.gr-tvl .gr-dl01,.gr-tvl .gr-dl02,.gr-rrbox .gr-dl01,.gr-rrbox .gr-dl02 {
float:left;
font-weight:600;
text-align:left;
text-align:justify;
text-justify:inter-ideograph;
}
.gr-ctbox .gr-dl01,.gr-tvl .gr-dl01,.gr-rrbox .gr-dl01 {
font-size:2.2rem;
line-height:3.0rem;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
color:#3e3e3e;
}
.gr-ctbox .gr-dl02,.gr-tvl .gr-dl02,.gr-rrbox .gr-dl02 {
font-size:1.6rem;
line-height:2.8rem;
color:#8c8c8c;
}
.gr-ctbox .gr-dl01 {
width:100%;
padding:1% 0% 0% 0%;
}
.gr-ctbox .gr-dl02 {
width:100%;
padding:1% 0% 0% 0%;
}
.gr-tvl .gr-dl01,.gr-tvl .gr-dl02 {
width:100%;
}
.gr-tvl .gr-dl02 a {
padding:0px 6px;
color:#0dabe0;
text-decoration:none;
}
.gr-tvl .gr-dl02 a:hover {
cursor:pointer;
color:#ff3a28;
}
.gr-tvl .gr-dl02 p,.gr-tvl .gr-dl02 span {
margin:0px 0px;
line-height:2.8rem;
color:#333333;
font-weight:normal;
font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
}
.gr-dl02 .gou_tecn {
padding:0px;
box-sizing:border-box;
margin:6px 0px;
list-style:none;
font-weight:600;
color:#000000;
overflow:hidden;
}
.gr-dl02 .gou_tecn li {
box-sizing:border-box;
margin:0px;
padding:0px 0px 0px 3.2em;
list-style:none;
line-height:3rem;
text-indent:-3.2em;
}
.gr-dl02 .gou_tecn li.empts {
box-sizing:border-box;
padding:0px 25px;
}
.gr-tvls {
padding:5px 2% 10px 3%;
width:100%;
float:left;
font-size:1.6rem;
line-height:2.8rem;
color:#8c8c8c;
border-bottom:0px solid #e6e6e6;
margin-bottom:1%;
}
.gr-tvls .gr-dl03 {
font-size:1.6rem;
line-height:2.8rem;
color:#8c8c8c;
float:left;
text-align:left;
text-align:justify;
text-justify:inter-ideograph;
}
.gr-tvls .gr-dl04 {
font-size:1.6rem;
line-height:2.8rem;
padding:2px 8px;
margin:2% 2% 0px 0px;
color:#ffffff;
border-radius:5px;
background-color:#9fceff;
float:left;
text-align:left;
text-align:justify;
text-justify:inter-ideograph;
}
.gr-rrbox .gr-dl01 {
width:100%;
padding:0px 0px;
}
.gr-rrbox .gr-dl02 {
width:100%;
padding:0px 0px 15px 0px;
}
.gr-rrbox .gr-dl03 {
font-size:1.6rem;
line-height:2.8rem;
color:#002bff;
font-weight:600;
width:100%;
padding:0px 0px 5px 0px;
}
.gr-rrbox ul {
width:98%;
font-size:1.6rem;
line-height:2.8rem;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 2%;
color:#8c8c8c;
font-weight:600;
}
.gr-rrbox ul li {
padding:0px 0px 8px 0px;
list-style-type:decimal;
}
/*參考航班*/
.gr-airbox {
padding:2% 2% 2% 2%;
}
.gr-airbox .table-responsive .table tr {
cursor:pointer;
}
.gr-airbox .table-responsive .table tr:hover {
background-color:#fff7e0;
}
.gr-airbox .table-responsive .table td {
padding:15px 4px 15px 4px;
line-height:2.8rem;
font-size:1.8rem;
vertical-align:top;
border-bottom:1px solid #cecece;
border-top:1px solid ##cecece;
}
.gr-airbox .goair {
text-align:center;
background-color:#1888ff;
color:#ffffff;
font-weight:bold;
}
.gr-airbox .backair {
text-align:center;
background-color:#ffc107;
color:#ffffff;
font-weight:bold;
}
.gr-airbox .connectingair {
background-color:#8c8c8c;
}
.gr-airbox .table-responsive {
border:0px solid #dddddd;
}
.gr-airbox .table-responsive .table span {
margin:0px 8px 0px 8px;
color:#3e3e3e;
float:left;
font-size:1.8rem;
}
.gr-airbox .table-responsive .table .goymday {
color:#1888ff;
}
.gr-airbox .table-responsive .table span.backymday {
color:#ffc107;
}
.gr-airbox .table-responsive .table span.glyphicon {
color:#cecece;
margin:4px 4px;
}
.fli-heading {
width:100%;
line-height:45px;
height:45px;
border-top:0px solid #acacac;
padding:0px auto;
border-bottom:0px solid #acacac;
margin:20px 0px;
background-color:#3e3e3e;
color:#ffffff;
}
.fli-heading .flil-title {
width:100%;
font-size:20px;
font-weight:600;
line-height:45px;
height:45px;
}
.flight_table th {
padding:8px 4px;
}
.flight_table .table_s {
width:5%;
}
.flight_table .table_airline {
width:15%;
}
.flight_table .table_sern {
width:12%;
}
.flight_table .table_setoff {
width:12%;
}
.flight_table .table_area {
width:16%;
}
.flight_table .table_trat {
width:12%;
}
.flight_table .table_s,.flight_table .table_airline,.flight_table .table_sern,.flight_table .table_setoff,.flight_table .table_area,.flight_table .table_trat {
padding:15px 4px;
}
/*商品頁圓圈資訊*/
.circle_hover {
overflow:hidden;
position:relative;
}
.circle_hover .img,.circle_hover .overlay {
height:100%;
width:100%;
max-height:280px;
overflow:hidden;
border-radius:5px;
text-align:center;
background-color:#f2f2f2;
}
.circle_hover .img img {
height:100%;
width:100%;
background-size:cover;
}
.circle_hover:hover img {
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.1);
}
.circle_hover img {
transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
-webkit-transition:all .2s linear;
transition:all .2s linear;
}
.circle_hover .overlay {
opacity:0;
background-color:rgba(255, 255, 255, 0.25);
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
max-height:280px;
z-index:10
}
.circle_hover h4 {
cursor:pointer;
color:#d42616;
text-align:center;
margin:15px 0px 10px 0px;
}
.circle_hover:hover h4 {
color:#d42616;
cursor:pointer;
}
.circle_hover button.info {
opacity:0;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
background-color:rgba(0, 0, 0, 0.85);
border:0;
width:150px;
height:150px;
color:#ffffff;
margin-top:35px;
}
.popstyle .modal-title,.fontb,.circle_hover button.info,.dis-nocont,.guc_box .title {
font-size:3.0rem;
line-height:3.6rem;
}
#pop_qlink, #pop_memlogin, #pop_memlogin2, #pop_memlogin3, #pop_agency, #pop_agency2, #pop_agency3 {
z-index:99999;
background-color:#000000c9;
background-color:rgb(0 0 0 / 79%);
}
.pop_memloginbox {
z-index:99999;
width:96%;
max-width:500px;
margin-top:18%;
}
.pop_memloginbox .modal-body {
display:inline-block;
padding:5px 15px 0px 15px;
}
.pop_memloginbox .modal-body ul {
margin-bottom:10px;
}
.pop_memloginbox .modal-body li {
width:100%;
margin-bottom:-5px;
}
.pop_memloginbox .modal-body .item-daybox1,.pop_memloginbox .modal-body .item-daybox2 {
width:100%;
float:left;
color:#45baff;
padding:10px 0px 10px 0px;
margin:0px;
border-top:1px dashed #cccccc;
}
.pop_memloginbox .modal-body .item-daybox1:hover,.pop_memloginbox .modal-body .item-daybox2:hover {
cursor:pointer;
background-color:#f7f7f7;
}
.pop_memloginbox .modal-body .item-daybox1:active,.pop_memloginbox .modal-body .item-daybox2:active {
position:relative;
top:0px;
}
.pop_memloginbox .modal-body .item-otherday {
font-weight:500;
}
.pop_memloginbox .modal-body .item-popprice {
color:#f00;
font-weight:bold;
}
.pop_memloginbox .modal-body .item-otherday {
cursor:pointer;
font-size:1.8rem;
text-align:center;
line-height:30px;
width:22%;
float:left;
padding:2px 0px;
color:#2167f3 !important;
}
.pop_memloginbox .modal-body .item-popprice {
cursor:pointer;
font-size:1.8rem;
text-align:center;
line-height:30px;
width:50%;
float:left;
padding:2px 0px;
}
.pop_memloginbox .modal-body .item-leftover,.pop_memloginbox .modal-body .item-leftoff,.pop_memloginbox .modal-body .item-leftwaiting {
cursor:pointer;
width:28%;
float:left;
font-size:1.6rem;
font-weight:600;
padding:2px 0px;
}
.propric {
top:50%;
left:50%;
-webkit-transition:opacity .35s,-webkit-transform .35s;
transition:opacity .35s,transform .35s;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0);
-webkit-transform-origin:50%;
transform-origin:50%;
margin:0;
color:#fff;
z-index:1;
}
.pop_big,.pop_big3 {
max-width:1000px;
}
.pop_setbox,.pop_big,.pop_big2,.pop_big3,.pop_discount {
width:95%;
}
.pop_big2 {
padding-top:5% !important;
}
.popstyle {
color:#000;
}
.popstyle .modal-content {
border-radius:0;
padding:3px;
border:2px solid rgba(83,83,83,0.35);
}
.popstyle .modal-header {
text-align:center;
padding:12px 15px;
}
.popstyle .modal-header .close {
line-height:2rem;
padding-top:6px;
}
/*表頭手機版展開*/
#myModalm {
width:105%;
padding:0px 0px;
margin:-1% -2%;
z-index:99999;
}
#myModalm .modal-dialog {
width:102%;
margin:-1% -1%;
}
#myModalm .modal-content {
padding:2% 3%;
}
#myModalm .modal-header {
position:relative;
z-index:9999;
float:right;
padding:17px 34px 0px 0px;
border-bottom:none;
}
#myModalm .modal-body {
position:relative;
padding:15px 25px 20px 20px;
}
#myModalm .close {
font-size:40px;
font-weight:700;
line-height:1;
color:#fff;
text-shadow:0 0px 0 #fff;
opacity:1;
border:3px solid #fff;
border-radius:50px;
width:46px;
height:46px;
}
#myModalm ul li, #myModalm ul li a {
font-size:1.8rem;
font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
line-height:2.8rem;
}
.mbtn0 {
margin:10px 0px;
padding:0px 0px 6px 0px;
}
.mbtn0 a li,.mbtn0 li a {
width:75%;
display:block;
color:#ffffff;
font-weight:600;
padding:3px 10px;
margin-bottom:0px;
}
.mbtn1 {
font-weight:600;
padding:4px 10px;
margin-bottom:0px;
color:#ffffff;
border-radius:0px;
}
.mbtn2 a li {
width:100%;
border-radius:0px;
padding:4px 0px 4px 32px;
color:#ffffff;
font-weight:600;
margin:0px 0px;
}
.popover-content {
padding:4px;
-webkit-border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
-webkit-background-clip:padding-box;
-moz-background-clip:padding-box;
background-clip:padding-box;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:0
}
/*訂購流程*/
.fli_panel {
margin:0px 0px 40px 0px;
}
.fli_panel > .btn-info {
width:100%;
font-size:1.8rem;
font-weight:600;
line-height:44px;
color:#333333;
margin:0px 0px;
background-color:#e5e5e5;
outline:0;
}
.fli_panel > .btn-info:hover {
color:#ffffff;
background-color:#ffc107;
}
.fli_panel > .btn-info:after,.flidata i.icon_opcl:after,.control-label .btn-other:after,.close_groulis .sing_btn i:after,.close_groulist .btn_check i:after,.btn-othertr:after {
content:"\e260";
position:relative;
top:1px;
display:inline-block;
font-family:'Glyphicons Halflings';
font-style:normal;
font-weight:400;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.btn-othertr.collapsed:after {
content:"\e259";
}
.btn-otherspan {
font-weight:700 !important;
height:44px;
line-height:44px;
}
.memberbox {
width:100%;
height:auto;
display:inline-block;
padding:30px 20%;
margin:0 auto;
margin-bottom:30px;
background-color:#f1f1f1;
color:#000;
}
.memberbox > .form-group {
float:left;
width:50%;
margin:0 auto;
margin-bottom:10px;
}
.memberbox > .form-group > .control-label {
width:25%;
float:left;
text-align:right;
font-size:1.6rem;
font-weight:600;
line-height:44px;
padding-right:10px;
}
.memberbox > .form-group > .mem_acot {
width:75%;
float:left;
}
.memberbox p {
font-size:1.6rem;
text-align:center;
padding:6px 0px;
}
.memberin {
max-width:640px;
width:100%;
margin:0 auto;
margin-top:40px;
margin-bottom:60px;
padding:30px 0 0 0;
background-color:#e5e5e5;
border-bottom:0;
border-top:5px solid #000;
}
.memberintext {
height:32px;
line-height:20px;
padding:0 0 4% 2%;
font-weight:900;
color:#000;
text-align:center;
font-size:1.8rem;
background-color:#e5e5e5;
}
.memberbox2 {
width:90%;
height:auto;
padding:3% 3% 3% 0;
margin:0 auto;
margin-bottom:30px;
background-color:#e5e5e5;
color:#000;
}
.memberbox2 .form-group .control-label {
width:25%;
float:left;
text-align:right;
font-size:1.8rem;
font-weight:500;
line-height:42px;
padding-right:8px;
}
.memberbox2 .form-group .mem_acot,.memberbox2 .form-group .mem_paw {
width:75%;
float:left;
}
.mem_acot input {
width:100%;
font-size:1.6rem;
text-align:left;
font-weight:500;
padding-left:8px;
height:42px;
background-color:#ffffff;
border:1px solid #cccccc !important;
background-position-y:5px;
}
.mem_acot input:hover {
cursor:pointer;
color:#000000;
background-color:#ffffff;
border:1px solid #ffc107 !important;
}
.mem_acot input:focus {
background-color:#ffffff;
}
.pop_setbox .modal-footer,.pop_setbox .modal-body {
padding:15px 20px 20px 20px;
}
.login-fg {
width:100%;
height:44px;
float:left;
margin:0px auto;
}
.btn_login-f {
width:48%;
float:left;
margin-right:4%;
padding:0px 0px;
height:44px;
border-radius:5px;
-moz-box-shadow:inset 0 0px 0 0 #5e75a7;
-webkit-box-shadow:inset 0 0px 0 0 #5e75a7;
box-shadow:inset 0 1px 0 0 #5e75a7;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#5e75a7),color-stop(1,#2f4775));
background:-moz-linear-gradient(top,#5e75a7 5%,#2f4775 100%);
background:-webkit-linear-gradient(top,#5e75a7 5%,#2f4775 100%);
background:-o-linear-gradient(top,#5e75a7 5%,#2f4775 100%);
background:-ms-linear-gradient(top,#5e75a7 5%,#2f4775 100%);
background:linear-gradient(to bottom,#5e75a7 5%,#2f4775 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e75a7',endColorstr='#2f4775',GradientType=0);
font-weight:bold;
text-decoration:none;
}
.btn_login-f:hover,.btn_login-f:active {
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#5e75a7),color-stop(1,#2f4775));
background:-moz-linear-gradient(top,#2f4775 5%,#5e75a7 100%);
background:-webkit-linear-gradient(top,#2f4775 5%,#5e75a7 100%);
background:-o-linear-gradient(top,#2f4775 5%,#5e75a7 100%);
background:-ms-linear-gradient(top,#2f4775 5%,#5e75a7 100%);
background:linear-gradient(to bottom,#2f4775 5%,#5e75a7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f4775',endColorstr='#5e75a7',GradientType=0);
color:#ffffff;
}
.btn_login-g {
width:48%;
float:left;
height:44px;
padding:0px 0px;
border-radius:5px;
-moz-box-shadow:inset 0 0px 0 0 #f56554;
-webkit-box-shadow:inset 0 0px 0 0 #f56554;
box-shadow:inset 0 1px 0 0 #f56554;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#f56554),color-stop(1,#d2321e));
background:-moz-linear-gradient(top,#f56554 5%,#d2321e 100%);
background:-webkit-linear-gradient(top,#f56554 5%,#d2321e 100%);
background:-o-linear-gradient(top,#f56554 5%,#d2321e 100%);
background:-ms-linear-gradient(top,#f56554 5%,#d2321e 100%);
background:linear-gradient(to bottom,#f56554 5%,#d2321e 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56554',endColorstr='#d2321e',GradientType=0);
font-weight:bold;
text-decoration:none;
}
.btn_login-g:hover,.btn_login-g:active {
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#d2321e),color-stop(1,#f56554));
background:-moz-linear-gradient(top,#d2321e 5%,#f56554 100%);
background:-webkit-linear-gradient(top,#d2321e 5%,#f56554 100%);
background:-o-linear-gradient(top,#d2321e 5%,#f56554 100%);
background:-ms-linear-gradient(top,#d2321e 5%,#f56554 100%);
background:linear-gradient(to bottom,#d2321e 5%,#f56554 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2321e',endColorstr='#f56554',GradientType=0);
color:#ffffff;
}
.btn_login-f:active,.btn_login-g:active {
top:2px;
}
.btn_login-f:focus,.btn_login-g:focus {
color:#ffffff;
}
.form-control {
width:100%;
padding:0px 0px 0px 8px;
margin:4px 0px;
box-shadow:none;
height:38px;
line-height:38px;
background-color:#ffffff00;
background-color:rgba(255, 255, 255, 0);
border:1px solid #ccc;
font-size:1.8rem;
color:#343434;
}
.form-control:hover {
cursor:pointer;
border:1px solid #d0011b !important;
}
.form-control:focus {
cursor:pointer;
border:1px solid #d0011b !important;
outline:0;
-webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(255, 255, 255, 0);
box-shadow:inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(255, 255, 255, 0);
}
.table_unlin {
font-size:1.5rem;
margin:0px 0px 0px 0px;
}
.table_order {
margin:0px 0px 20px 0px;
}
.nots {
font-size:1.8rem;
}
.nots p {
font-size:1.8rem;
color:#18acde;
margin-bottom:15px;
text-indent:0px;
padding-left:0px;
}
.nots p span {
padding:0px 6px 2px 0px;
vertical-align:middle;
font-size:22px;
}
.nots > label:first-of-type {
max-width:100px;
padding-right:0px;
padding-left:0px;
margin:4px 0px 0px 0px;
}
.nots .radiobox,.nots .radws {
padding-left:0;
display:inline-table;
}
.index_goback li .radio-btn,.radiobox li .radio-btn {
float:left;
text-align:left;
min-width:80px;
}
.index_goback li,.radiobox li {
float:left;
text-align:left;
width:auto;
line-height:40px;
}
.nots li {
margin-right:0px;
margin-left:;
display:inline-block;
width:100%;
}
.checkbox-btn,.radio-btn {
position:relative;
padding-left:20px;
}
.checkbox-btn label,.radio-btn label {
display:inline-block;
line-height:20px;
vertical-align:middle;
position:relative;
padding-left:5px;
cursor:pointer;
user-select:none;
}
.checkbox-btn label::after,.radio-btn label::after {
position:absolute;
content:"";
width:18px;
height:18px;
left:0;
top:2px;
margin-left:-20px;
background-color:#dfe4e9;
-webkit-border-radius:15px;
border-radius:15px;
background-clip:padding-box;
cursor:pointer;
border:2px solid #c9c9c9;
-webkit-box-shadow:inset 0px 0px 0px rgba(82,82,82,0.5);
box-shadow:inset 0px 0px 0px rgba(82,82,82,0.5);
}
.radio-btn input[type="checkbox"]:checked + label::before,.radio-btn input[type="radio"]:checked + label::before {
opacity:1;
}
.ecoupon-sty .radiobox {
margin:15px 0px;
}
.ecoupon-sty .radiobox li {
margin-right:15px;
min-width:103px;
}
.ecoupon-sty .radiobox li label,.ecoupon-sty .radiobox h4 {
color:#3e3e3e;
font-weight:600;
font-size:1.6rem;
}
.table-disc .title {
font-weight:600;
margin-bottom:5px;
color:#000000;
}
.table-disc li {
font-weight:600;
margin-bottom:5px;
color:#767676;
width:100%;
}
.borline {
text-decoration:none;
padding-bottom:10px;
}
.borline,.borline,.nom_tag,.dataline {
border-bottom:1px solid #d0011b;
}
.linetop {
border-top:1px solid #ff0100;
}
.resend_01 {
margin-top:10px;
text-align:center;
}
.resend_01 img {
margin:0 auto;
max-width:250px;
}
.resend_02 {
margin-top:10px;
text-align:center;
}
.resend_02 img {
margin:0 auto;
max-width:250px;
}
.form-horizontal .resend_rtext {
color:#f00;
font-weight:600;
font-size:2.4rem;
line-height:44px;
margin:30px 0px 20px 0px;
}
.form-horizontal .resend_btext {
color:#333333;
font-weight:600;
font-size:2.0rem;
line-height:40px;
}
.agency_ttprice,.cuslib {
margin-bottom:30px;
border-bottom:0px solid #aaa;
}
.cusbox {
margin-bottom:10px;
text-align:center;
font-weight:600;
width:230px;
float:left;
line-height:44px;
background-color:#FFC107;
color:#000000;
}
.btn-other {
font-size:1.6rem;
font-weight:900;
border:0;
width:100%;
text-align:center;
padding:0;
outline:0;
color:#0065b8;
background-color:#e5e5e5;
}
.btn-othertr {
font-size:14px;
font-weight:900;
border:0;
width:230px;
line-height:44px;
text-align:center;
padding:0;
outline:0;
color:#0065b8;
background-color:#e5e5e5;
}
.padlrb {
padding:15px 15px 35px 15px;
}
.whitbg {
min-height:auto;
}
/*房型人數選擇*/
.choose_room {
display:table;
width:100%;
border-bottom:1px solid #aaaaaa;
}
.room_left {
width:100%;
float:left;
font-weight:600;
font-size:18px;
color:#18acde;
text-align:left;
padding-top:10px;
padding-left:0%;
}
.room_left span {
margin:2px;
font-weight:500;
}
.room_right {
width:100%;
padding:6px 0px;
float:left;
}
.tenant_block,.tenant_block2 {
height:136px;
width:33.33%;
float:left;
padding:5px 5px 5px 0px;
margin:2px 0px;
}
.tenant_block2 {
height:auto;
}
.tenant_block:hover,.tenant_block2:hover {
background-color:#dcefff;
transition:all .2s ease-in-out;
}
.tenant_title,.tenant_price,.tenant_price2,.tenant_price p,.tenant_number {
text-align:left;
font-size:1.5rem;
font-weight:600;
}
.tenant_title {
line-height:22px;
}
.tenant_price {
width:100%;
line-height:22px;
float:left;
color:red;
}
.tenant_price p {
margin-right:4px;
display:inline-block;
}
.tenant_price2 {
line-height:32px;
float:left;
color:red;
line-height:40px;
margin-right:8px;
}
.price_red {
font-size:14px;
padding-right:2px;
display:inline-block;
}
.tenant_number {
width:40%;
line-height:30px;
float:left;
padding:0px 0px;
position:relative;
}
.tenant_number i {
position:absolute;
color:#cccccc;
pointer-events:none;
z-index:99;
top:10px;
right:6px;
font-size:12px;
}
.tenant_number select {
width:100%;
height:32px;
line-height:32px;
border:1px solid #cccccc;
background-color:#ffffff;
padding:0px 6px;
}
.tenant_number select:disabled {
cursor:no-drop;
}
/*行程特色展開圖*/
.charc-img {
width:100%;
overflow:hidden;
position:relative;
}
.charc-img {
cursor:pointer;
background-repeat:no-repeat;
background-size:cover;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-align-items:center;
align-items:center;
-webkit-justify-content:center;
justify-content:center;
-ms-flex-direction:row;
flex-direction:row;
}
.charc-img {
height:260px;
}
.charc-img:hover:before {
background-image:url(../../ContentCustomRWD1/img/charcbg.png);
}
.charc-img:before {
width:100%;
height:100%;
content:"";
position:absolute;
left:0;
top:0;
background-image:url(../../ContentCustomRWD1/img/charcbg2.png);
background-repeat:repeat;
}
.boxSearch .goaree {
height:60px;
}
/*票券區-開始*/
.swiper-slide,.swiper-topmaster {
float:left;
text-align:center;
font-size:18px;
/*width:250px!important;background:#fff;display:-webkit-tkbox;display:-ms-flextkbox;display:-webkit-flex;display:flex;-webkit-tkbox-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-tkbox-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;*/
}
.hotticket_tkbox {
width:100%;
margin:30px 0px 60px 0px;
padding:0px 0px;
display:block;
position:relative;
overflow:hidden;
}
.sorttitle {
font-size:2.4rem;
height:45px;
line-height:45px;
font-weight:600;
padding:0% 0%;
margin-bottom:10px;
}
.sorttitle .glyphicon {
font-size:2.1rem;
padding-right:10px;
}
.tkbox {
float:left;
width:100%;
padding:2% 0%;
margin:0px auto;
}
.mtbox {
height:350px;
border-radius:5px;
border:2px solid #f0f0f0;
}
.mtbox,.mtbox .img {
overflow:hidden
}
.mtbox .img {
height:230px;
}
.mtbox .img img {
height:230px;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
.mttext01,.mttext02 {
text-align:left;
line-height:22px;
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
}
.mttext01 {
font-size:1.8rem;
color:#000000;
min-height:32px;
max-height:54px;
font-weight:600;
padding:10px 12px 0px 12px;
-webkit-line-clamp:2;
}
.mttext02 {
font-size:1.5rem;
color:#949494;
height:22px;
margin:5px 12px;
-webkit-line-clamp:1;
}
.mtprice {
position:absolute;
bottom:0px;
font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
font-size:1.6rem;
font-weight:600;
right:0px;
color:#ff0000;
margin:0px 12px 8px 0px;
}
.mtprice span {
font-size:2.2rem;
padding:0px 3px;
}
.btn-oder {
width:100%;
height:34px;
line-height:36px !important;
font-size:1.5rem;
color:#ffffff !important;
padding:0px 10px;
border-radius:4px;
background:#ff001d !important;
background-color:#ff001d !important;
border:0px;
}
.btn-oder:hover {
font-size:1.5rem;
background-color:#d0011b;
text-decoration:none;
}
/*票券示意*/
#ticket1 {
background-image:url(https://cloudgweb.sabretn.com.tw/TPE118090002.sales_demo/PIC/eric/1280x652_200414135551834.jpg);
}
#ticket2 {
background-image:url(https://cloudgweb.sabretn.com.tw/TPE118090002.sales_demo/PIC/eric/1280x603_200414140251540.jpg);
}
#ticket3 {
background-image:url(https://cloudgweb.sabretn.com.tw/TPE118090002.sales_demo/PIC/eric/1280x459_200414135013726.png);
}
#ticket4 {
background-image:url(https://cloudgweb.sabretn.com.tw/TPE118090002.sales_demo/PIC/eric/1610x1017_200414142251119.jpg);
}
#ticket5 {
background-image:url(https://cloudgweb.sabretn.com.tw/TPE118090002.sales_demo/PIC/eric/1980x644_200522161740379.jpg);
}
#ticket6 {
background-image:url(https://cloudgweb.sabretn.com.tw/TPE118090002.sales_demo/PIC/Matt/2520x1418_200522160147737.jpeg);
}
#ticket7 {
background-image:url(https://cloudgweb.sabretn.com.tw/TPE118090002.sales_demo/PIC/eric/1980x455_200522161423008.jpg);
}
#ticket8 {
background-image:url(https://cloudgweb.sabretn.com.tw/TPE118090002.sales_demo/PIC/Matt/2238x798_200522154345955.jpeg);
}
#ticket9 {
background-image:url(https://cloudgweb.sabretn.com.tw/TPE118090002.sales_demo/PIC/1500x398_190906145119563.jpg);
}
#ticket10 {
background-image:url(https://cloudgweb.sabretn.com.tw/TPE118090002.sales_demo/PIC/eric/1280x652_200414135551834.jpg);
}
.tkbox1,.tkbox2 {
width:100%;
height:250px;
margin:auto;
padding:35px 8%;
text-align:center;
border-radius:5px;
color:#ffffff;
}
.tkbox1 {
opacity:1;
z-index:98;
background-color:#f1f1f1;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
.tkbox2 {
opacity:0;
z-index:99;
transform:scale(0.95);
position:relative;
margin-top:-250px;
}
.tkbox2:hover,.text02:hover {
opacity:1;
transform:scale(1);
}
.text00,.text01,.text02 {
text-shadow:0 0px 4px #000000;
}
.text00,.text01 {
width:100%;
color:#ffffff;
display:block;
font-size:2.1rem;
height:40px;
font-weight:500;
margin-bottom:14px;
text-decoration:none;
}
.text00 {
line-height:30px;
}
.text01 {
border-bottom:1px solid #ffffff;
}
.text02 {
font-size:1.6rem;
line-height:20px;
margin-bottom:8px;
width:100%;
display:block;
color:#ffffff;
text-decoration:none;
}
.text01:hover,.text02:hover {
color:#ffeb3b;
text-decoration:none;
}
#topmaster {
width:100%;
max-width:1320px;
}
#topmaster ul, #topmaster li {
list-style:none;
margin:0;
padding:0;
}
#topmaster .tabs {
display:flex;
overflow-x:auto;
white-space:nowrap;
height:50px;
margin-bottom:20px;
}
#topmaster .tabs li.active {
padding-bottom:0px;
}
#topmaster .tabs span {
display:block;
float:left;
color:#3e3e3e;
overflow:hidden;
font-weight:400;
font-size:2.0rem;
padding:7px 15px;
margin-right:0px;
line-height:28px;
}
#topmaster .tab_container {
clear:both;
background-color:#ffffff;
overflow:hidden;
border-radius:5px;
}
#topmaster .tab_container ul {
position:relative;
height:370px;
overflow:hidden;
}
#topmaster .tab_container .tab_content li {
position:absolute;
height:100%;
padding:0px;
margin-top:10px;
background-color:#ffffff;
}
/*特效緩衝區*/
.mtbox img {
transform:scale(1,1);
}
.mtbox:hover.mtbox img {
transform:scale(1.07,1.07);
}
.tkbox2,.tkbox2:hover,.text02:hover, #topmaster .tabs li:hover, #topmaster .tabs span:hover,.mtbox:hover,.mtbox img:hover,.mtbox img,.mtbox:hover.mtbox img,.dlgroup ul.nav-tabs li.active a,.navbar_top .nav li a:hover,.navbar_top .navbar-nav li.comnu:hover,.btn_check:hover,.btn_cancel:hover,.sor-btn_check:hover,.ind_hobox3 .ind_hosli p:first-of-type:hover,.groubox ul.nav-tabs li a:hover,.sor-btn_cancel:hover,.visa-btn_check:hover,.in_tick li.quli a:hover,.qulink .qulist .quli .btn,.goare:hover,.outpic .container .top_search .gorange:hover,.itembox:hover,.item-daybox1:hover .item-leftover,.item-daybox1:hover .item-otherday,.item-daybox2:hover .item-will,.item-daybox2:hover,.item-otherday,.item-moreday:hover,.item-moredaym:hover,.nav_panation li:hover a,.nav_panation li:first-child a:hover,.nav_panation li:last-child a:hover,.f_note ul a li:hover,.f_link li:hover, #filter_day .panel-collapse label:hover, #filter_group .panel-collapse label:hover, #filter_other .panel-collapse label:hover,.cd-top.cd-is-visible,.icon_caret:hover,.breadcrumb li a:hover,.breadcrumbvisa li a:hover,.right-item .right-mobilebt:hover,.communbox1 ul li:hover,.fli_panel > .btn-info:hover,.dlgroup ul.nav-tabs li a:hover,.swrapper .scroller li:hover,.navbar_top .nav_menu li:hover,.navbar_top .nav_menu li:active,.navbar_top .nav_menu li:focus,.carousel-control .glyphicon.left,.carousel-control .glyphicon.right,.carousel-control .glyphicon-chevron-left-01,.carousel-control .glyphicon-chevron-right-01,.carousel-control .glyphicon-chevron-left-02,.carousel-control .glyphicon-chevron-right-02,.carousel-control .glyphicon-chevron-left-03,.carousel-control .glyphicon-chevron-right-03,.carousel-control .glyphicon-chevron-left-04,.carousel-control .glyphicon-chevron-right-04,.carousel-control .glyphicon-chevron-left-05,.carousel-control .glyphicon-chevron-right-05,.carousel-control .glyphicon-chevron-left-06,.carousel-control .glyphicon-chevron-right-06,.carousel-control .glyphicon-chevron-left-021,.carousel-control .glyphicon-chevron-right-021,.carousel-control .glyphicon-chevron-left-022,.carousel-control .glyphicon-chevron-right-022,.carousel-control .icon-next,.carousel-control .icon-prev,.ui-widget-content a:hover,.viewflight:hover,.otherday:hover,.combox i.i7:hover,.combox i.i8:hover,.combox i.i9:hover,.gr-container ul li:hover,.gr-btn_check:hover,.gr-btn_wait:hover,.gr-container ul li a:hover,.in_tick .newsbox:hover,.in_tick .newsbox:hover .newsname,.in_tick .newsbox:hover .newsicon img,.newsboxbt:hover,.gr-airbox .table-responsive .table tr:hover,.airlogo img:hover,.dl_down:hover,.dl_help:hover,.item-leftoff:hover,.item-leftwaiting:hover,.pop_memloginbox .modal-body .item-daybox1:hover,.item-daybox1:hover > .item-leftoff,.item-daybox1:hover > .item-leftwaiting,.gr-btn_check,.gr-btn_check:hover {
cursor:pointer;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
-webkit-transition:all .25s ease-in-out;
transition:all .25s ease-in-out;
}
.btn_check:focus,.sor-btn_check:focus,.newsboxbt:focus,.swiper-button-next:focus,.swiper-button-prev:focus,.qulink .qulist .qulibt .btn:focus,.carousel-control .glyphicon.left:focus,.carousel-control .glyphicon.right:focus,.carousel-control .glyphicon-chevron-left-01:focus,.carousel-control .glyphicon-chevron-right-01:focus,.carousel-control .glyphicon-chevron-left-02:focus,.carousel-control .glyphicon-chevron-right-02:focus,.carousel-control .glyphicon-chevron-left-03:focus,.carousel-control .glyphicon-chevron-right-03:focus,.carousel-control .glyphicon-chevron-left-04:focus,.carousel-control .glyphicon-chevron-right-04:focus,.carousel-control .glyphicon-chevron-left-05:focus,.carousel-control .glyphicon-chevron-right-05:focus,.carousel-control .glyphicon-chevron-left-06:focus,.carousel-control .glyphicon-chevron-right-06:focus,.carousel-control .glyphicon-chevron-left-021:focus,.carousel-control .glyphicon-chevron-right-021:focus,.carousel-control .glyphicon-chevron-left-022:focus,.carousel-control .glyphicon-chevron-right-022:focus {
outline:0 !important;
}
.gr-prc-box {
width:100%;
display:contents;
margin:0px auto 0px auto;
}
@media screen and (max-width:1400px) and (min-width:1300px) {
.groupimbox .top_conpic0 {
height:450px
}
}
@media screen and (max-width:1280px) and (min-width:1025px) {
.in_tick li.quli,.in_tick li.qulibt {
width:25%;
}
.cd-top .cd-is-visible,.communbox1 ul {
right:0px;
}
.cd-fade-out {
right:4px;
}
.ind_hobox .ind_hosli p:first-of-type {
min-height:60px;
font-size:1.8rem;
line-height:2.4rem;
}
.ind_hobox3 .ind_hosli p.hotprice:first-of-type {
color:#ff9800;
min-height:40px;
font-size:1.8rem;
line-height:2.0rem;
}
.ind_hobox3 .ind_hosli p.hotprice:first-of-type:hover {
color:#ff9800;
}
.ind_hobox .ind_hosli p.price,.ind_hobox3 .ind_hosli p.price,.form-horizontal label,.form-horizontal input,.form-horizontal select,.dataline,.table_cus,.gr-combox span {
font-size:1.6rem;
font-weight:600;
}
.ind_hobox .ind_hosli p.price {
padding:10px 10px 5px 10px;
}
.ind_hobox .ind_hosli p.price span,.ind_hobox3 .ind_hosli p.price span,.gr-pri-btn .btn,.go-point {
font-size:2.6rem;
line-height:2.6rem;
}
.item-daybox1,.item-daybox2,.item-daybox3 {
min-width:70px;
}
.groupimbox .top_conpic0 {
height:380px
}
}
@media screen and (max-width:1280px) and (min-width:800px) {
.visible-lgx {
display:none !important;
}
.navbar_top .navbar-nav {
padding-top:0px;
right:15px;
}
.navbar_top .navbar-nav li {
margin:0px 0px 0px 0px;
}
.navbar_top .navbar-nav li.comnu {
padding:0px 10px 8px 10px !important;
margin:0px 0px 0px 15px;
}
.navbar_top .nav_menu li {
min-width:12.2%;
}
.navbar_top .nav_menu li a {
padding:0px 10px;
min-width:0px;
margin:0px 0px 0px 0px;
}
.gr-img div:first-of-type {
height:480px;
}
.gr-even {
padding:0px 0px;
height:480px;
}
.gr-even li {
margin-bottom:0px;
font-size:1.8rem;
line-height:2.2rem;
}
.gr-even span.title,.gr-even span.cont,.gr-even span.rednote {
line-height:2.4rem;
}
.gr-even span.rednote p {
margin-bottom:5px;
}
.combox li i {
width:40px;
height:40px;
background-size:40px;
}
.gr-deadline,.gr-pri-btn .gr-price {
font-size:1.8rem;
font-weight:600;
}
.gr-pri-btn .price {
font-size:3.2rem;
}
.gr-btn_check,.gr-btn_wait,.gr-btn_cancel {
font-size:2.2rem;
}
.gr-btn_check:hover,.gr-btn_wait:hover,.gr-btn_cancel:hover {
font-size:2.4rem;
}
.ma5slider {
height:auto;
}
}
@media screen and (max-width:1024px) and (min-width:992px) {
.index_search {
bottom:-12px;
transition:all .2s ease-in-out;
}
.groupimbox .top_conpic0 {
height:300px
}
}
@media screen and (max-width:991px) and (min-width:801px) {
.index_search {
bottom:-22px;
}
.groupimbox .top_conpic0 {
height:300px
}
}
@media screen and (max-width:800px) and (min-width:768px) {
.index_search {
bottom:95px;
}
}
@media screen and (max-width:767px) and (min-width:300px) {
.index_search {
bottom:100px;
margin-bottom:-80px;
}
.btn-oder {
padding:0px 35px;
}
.gr-combox .combox {
display:inline-grid;
}
}
@media screen and (max-width:1024px) and (min-width:300px) {
.m_close {
display:none !important;
}
.gr-even span.title,.gr-even span.cont,.gr-even span.rednote {
width:100%;
}
}
@media screen and (max-width:1024px) and (min-width:800px) {
.navbar_top .nav_menu {
max-width:97%;
}
.navbar_top .nav_menu li a {
padding:0px 0px;
}
.navbar_top .navbar-nav {
right:15px;
}
.in_tick li.quli,.in_tick li.qulibt {
width:25%;
margin-bottom:10px;
}
.in_tick li.qulibt {
margin:30px 0px 10px 0px;
}
.icon_date {
display:none;
}
.sor-combox .combox li {
float:right;
padding:0px 0px 0px 6px;
cursor:pointer;
}
.sor-combox .combox li i {
width:40px;
height:40px;
background-size:40px;
}
.communbox1 ul {
right:0px;
}
#left-pc {
display:none;
}
#right-mobile {
width:auto;
float:right;
display:block;
margin-top:-20px;
margin-right:10px;
}
.in_pinfor {
height:45px;
}
.right-item {
padding-right:0px;
padding-left:0px;
}
.right-item .ind_h5 {
width:50%;
height:20px;
}
.right-item .right-mobilebt {
border-radius:4px;
font-size:1.6rem;
font-weight:bold;
height:45px;
min-width:110px;
color:#ffffff;
background-color:#8a8a8a;
border:0px solid #fff;
}
.right-item .right-mobilebt:hover {
background-color:#6c6c6c;
}
.right-item .item-sort {
width:auto;
height:40px;
float:right;
margin-top:-20px;
margin-bottom:5px;
}
.right-item .ind_h5 {
margin-bottom:5px;
}
#right-mobile .btn-primary {
font-size:2.0rem;
padding:8px 30px;
background-color:#737373;
border-radius:4px;
float:right;
margin-right:15px;
margin-bottom:5px;
}
#right-mobile .btn-primary:hover {
background-color:#3e3e3e;
}
#right-mobile .btn-primary:active {
color:#3e3e3e;
background-color:#ffc107;
}
.itembox-left,.itembox-right {
height:210px;
}
.itembox-right {
padding:10px 10px;
}
.itembox-left .img {
height:210px;
}
.item-bottom {
height:60px;
}
.item-daybox1,.item-daybox2,.item-daybox3 {
min-width:68px;
float:left;
margin:0px 4px 0px 0px;
}
.item-name {
font-size:1.8rem;
line-height:2.3rem;
}
.item-area p {
margin:2px 0px
}
.item-leftover,.item-will,.item-otherday {
line-height:26px;
font-weight:500 !important;
}
.item-price {
bottom:4px;
right:10px;
}
.item-price .price span {
font-size:2.4rem;
padding:0px 0px 0px 2px;
}
.fo_sernew img {
width:35px;
height:35px;
margin-right:0px;
}
.footer-statement {
text-align:center;
padding:15px 0px 15px 0px;
font-size:1.4rem;
line-height:1.6rem;
}
.newsicon img {
max-width:70px;
max-height:70px;
margin-top:1%;
margin-left:0%;
}
.in_tick .newsbox {
padding:6px 6px 6px 6px;
}
.cu_hosli {
width:32%;
margin:8px 0px 8px 0px;
margin-right:1%;
}
.PageNum {
padding:0px 0px;
}
}
@media screen and (max-width:990px) and (min-width:300px) {
.PageNum {
padding:0px 0px;
}
}
@media screen and (max-width:1024px) and (min-width:641px) {
.mt_close {
max-width:150px;
text-align:center;
}
}
@media screen and (max-width:900px) and (min-width:641px) {
.gr-container ul li.gr-floatbt,.gr-container ul li.gr-floatbtwait,.gr-container ul li.gr-floatbtcancel {
width:15%;
float:right;
font-size:2.2rem;
line-height:4.2rem;
height: 70px;
}
.gr-container ul li {
padding:7.5px 2px;
font-size:1.8rem;
line-height:24px;
}
.gr-container ul li:hover {
cursor:pointer;
color:#ffffff;
font-size:1.8rem;
background-color:#FFC107;
transition:all .05s ease-in-out;
}
.mt_close {
width:100%;
font-size:1.7rem;
transition:all .1s ease-in-out;
}
.all-floatbox .gr-container ul li {
padding:0px 0px;
}
.gr-container ul li span {
margin:0px 0px 3px 0px;
padding: 3px 0px !important;
width:100%;
}
.gr-btn_check,.gr-btn_check:hover {
padding:7px 0px;
}
.gr-btn_check span {
line-height:22px;
}
.dl_down,.dl_help {
padding:3px 0px;
width:23%;
}
.gr-btn_check,.gr-btn_check:hover,.gr-btn_cancel,.gr-btn_cancel:hover,.gr-btn_wait,.gr-btn_wait:hover {
font-size:2.2rem;
}
.gr-container .navbar-nav {
height:70px;
}
}
@media screen and (max-width:800px) and (min-width:641px) {
.ma5slider {
height:auto;
}
.icon_date {
display:none;
}
.in_tick li.quli {
width:33.3%;
margin-bottom:10px;
}
.right-item .ind_h5 {
width:50%;
}
.item-daybox1,.item-daybox2,.item-daybox3 {
min-width:66px;
float:left;
margin:10px 2px 0px 0px;
}
.gr-even {
padding:10px 0px 10px 0px;
}
.gr-even li {
font-size:1.6rem;
line-height:2.0rem;
}
.item-area p {
padding:0px 10px 0px 8px;
margin:2px 0px;
}
.sor-combox .combox {
float:left;
margin-top:10px;
margin-bottom:10px;
}
.sor-combox .combox li {
float:left;
}
.in_tick .newsbox {
width:48%;
padding:10px 15px 5px 0px;
}
.newsname {
font-size:1.6rem;
line-height:2.4rem;
}
.cu_hosli {
width:49%;
margin:8px 0px 8px 0px;
margin-right:1%;
}
.tenant_block, tenant_block2 {
width:25%;
}
}
@media only screen and (max-width:800px) and (min-width:500px) {
.charc-img {
height:160px;
}
}
@media screen and (max-width:800px) and (min-width:300px) {
#myTab {
border:0px;
margin:0px 0px 10px 10px;
}
.in_tick > #myTab li {
margin-right:6px;
}
.in_tick > #myTab a {
border-radius:5px;
}
.container-fluid .navbar-brand.logo {
margin:-5px 0px 0px 0px;
max-width:200px;
height:50px;
margin-left:-15px;
transition:all .25s ease-in-out;
}
.index_search {
position:relative;
transition:all .2s ease-in-out;
}
.index_outpic {
position:relative;
top:0px;
}
.horizontal-dots.inside-dots .dots {
top:320px;
}
.dots .dot {
width:20px;
height:20px;
border-radius:15px;
margin:0px 10px;
float:right;
}
.right-dots .dots > .dot:last-of-type {
margin-right:10px;
}
.swrapper {
margin:0px 0px 12px 0px;
}
.top_search {
height:auto;
}
.circle_hover .img,.circle_hover .overlay {
max-height:270px;
}
.circle_hover .img img {
min-height:auto;
}
/*手機版範圍*/
.navbar_top {
background-color:#ffffff00;
height:80px;
}
.navbar_top .navbar-header {
margin:14px 0px 0px 0px;
}
/*手機版三條*/
.navbar_top .navbar-toggle {
z-index:999;
float:right;
padding:6px 10px;
margin:0px 0px;
border-radius:50%;
width:46px;
height:46px;
}
.navbar_top .navbar-toggle .icon-bar {
width:100%;
height:3px;
border-radius:2px;
margin:5px 0px 5px 0px;
}
/*手機版展開*/
.modal-backdrop {
z-index:9;
}
.logo img {
float:left;
}
.ind_sconten {
width:100%;
margin:0px auto;
}
.btn_ind,.flycon {
width:100%;
}
.ind_sconten .btn_ind {
margin:0px auto;
}
.outpic {
position:relative;
width:94%;
margin:0px auto;
top:-62px;
}
.outpic .container {
padding:0px;
overflow:inherit !important;
}
.ind_sconten {
border-radius:5px;
border:0px solid #ffc513;
background-color:#ffffffeb;
box-shadow:0 0px 0px #00000033;
}
.btn_check,.btn_cancel,.sor-btn_check,.sor-btn_cancel {
font-size:2.0rem;
height:60px;
line-height:60px;
margin-top:0px;
padding:5px 0px;
}
.searbox .ind_sconten .btn_ind .btn_check {
height:50px;
line-height:50px;
margin-top:5px;
}
.top_search .ind_pls .form-controls {
padding:10px 0px 10px 15px;
height:50px;
width:75%;
line-height:32px;
font-size:1.6rem;
font-weight:500;
}
.ind_pls div .goaree {
height:60px;
}
.gline {
height:60px;
border-radius:0px;
border-right:0px solid #ffc107;
border-bottom:1px solid #e9e9e9;
}
.startDate {
float:left;
width:60%;
text-align:center;
font-size:1.5rem;
}
.endDate {
float:left;
width:100%;
text-align:center;
font-size:1.5rem;
}
.gorange .rangebox {
padding-top:10px;
}
.bg_transp,.in_tick.groubox {
margin:20px auto 0px auto;
position:relative;
z-index:998;}
.in_tick li.quli {
width:50%;
margin-bottom:0px;
}
.in_tick ul.qulist {
padding:0px 12px;
}
.in_tick li.qulibt {
width:100%;
margin:10px 0px 10px 0px;
margin-bottom:0px;
}
.groubox .ind_h2 {
height:34px;
font-size:2.2rem;
font-weight:bold;
line-height:34px;
}
.groubox .carousel {
overflow:hidden;
}
.dlgroup ul.nav-tabs li a {
font-size:2.2rem;
height:56px;
line-height:34px;
}
.bg_transp,.bg_transp2,.grupnews,.qulink {
padding:10px 5px 10px 5px;
width:100%;
}
.in_tick li.quli h5 {
font-size:1.6rem;
line-height:30px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.in_tick li.quli a,.ser-tab .tab-pane li span {
font-size:1.6rem;
padding:6px 6px;
margin-right:0px;
height:38px;
font-weight:500;
line-height:28px;
}
.qulink .qulist .quli .btn {
margin-top:30px;
}
.pop-qulist {
padding:10px 5px;
}
.pop-qulist .qulist .quli {
width:50%;
}
.fo_sernew {
padding:0px 0px 0px 0px;
}
.fo_sernew img {
width:40px;
height:40px;
margin-right:0px;
}
.footer-statement {
text-align:center;
padding:18px 0px 18px 0px;
font-size:1.5rem;
line-height:1.6rem;
}
.f_data .f_link {
display:block;
}
.f_data .f_note,.f_data .f_note {
width:100%;
padding:0px 1%;
margin-bottom:0px;
}
.main-footer ul li {
padding:0px 0px;
}
.f_data .f_note li {
width:100%;
float:left;
}
.f_note .logo {
margin:0px 0px 20px 0px;
}
.f_note .logo img {
float:left;
}
#left-pc {
display:none;
}
#right-mobile {
width:auto;
float:right;
display:block;
margin-top:-10px;
margin-right:10px;
margin-bottom:10px;
}
#right-mobile .btn-primary {
font-size:1.8rem;
padding:6px 30px;
background-color:#737373;
border-radius:4px;
float:right;
margin-right:15px;
margin-bottom:5px;
}
#right-mobile .btn-primary:hover {
background-color:#3e3e3e;
}
.right-item {
padding-right:0px;
padding-left:0px;
}
.right-item .right-mobilebt {
border-radius:4px;
font-size:1.6rem;
font-weight:500;
height:45px;
min-width:100%;
color:#ffffff;
background-color:#8a8a8a;
border:0px solid #fff;
}
.right-item .right-mobilebt:hover {
background-color:#6c6c6c;
}
.right-item .item-sort {
width:auto;
height:45px;
float:right;
margin-top:-10px;
margin-bottom:10px;
}
.in_pinfor {
height:45px;
min-width:190px;
width:100%;
padding:0px 8px 0px 8px;
}
#pop_flight .table-bordered {
border:0px solid #ddd;
}
.f_data .f_note li,.f_note a {
font-size:1.6rem;
line-height:26px;
}
.flight_table th {
padding:6px 2px;
}
.flight_table .table_s,.flight_table .table_airline,.flight_table .table_sern,.flight_table .table_setoff,.flight_table .table_area,.flight_table .table_trat {
font-size:1.6rem;
width:auto;
padding:8px 2px;
}
.flight_table td div {
display:table;
}
.searbox .icon_go,.searbox .icon_trdom,.top_search .icon_go,.top_search .icon_trdom {
top:20px;
}
.visa_topbk {
display:none;
}
.rwd-table tr:nth-of-type(2n) {
background:#f3f3f3;
}
.rwd-table th,.rwd-table td:before,.table-disc th:before {
font-weight:bold;
width:25%;
float:left;
}
.mem_table div,.group_table div,.table-disc td div {
width:auto;
display:initial;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
}
.rwd-table th,.rwd-table td {
text-align:left !important;
padding:5px 10px;
min-height:32px;
}
.rwd-table td:before {
content:attr(data-th) " ";
font-weight:bold;
min-width:105px;
display:inline-block;
text-align:right;
padding-right:5px;
}
.mem_table td,.mem_table th {
padding:5px 5px;
}
.mem_table td,.mem_table th,.group_table td,.group_table th,.b2b_group_table.group_table .table_ctit {
border-right:0;
width:inherit;
}
.mem_table .table_cont,.mem_table .table_remark {
width:auto;
}
.mem_table .table_no {
padding:10px 0px 0px 0px;
}
.mem_table .table_remark {
padding:5px 0px 10px 0px;
}
.resend_01 img {
margin:20px 0px 0px 0px;
max-width:200px;
}
.form-horizontal .resend_rtext,.form-horizontal .resend_btext {
text-align:center;
}
.groupimbox .top_conpic0,.groupimbox .top_conpic1 {
height:250px;
}
.search_form_suggest {
width:auto;
}
.searbox label,.top_search label {
text-align:left;
float:left;
line-height:20px !important;
}
.bannerwhitebk,.retDatenone,.icon_go {
display:none;
}
.outpic .container .top_search .gorange:hover {
height:60px;
}
#open-dm {
border-radius:0px 0px 0px 0px;
}
#open-dm li {
height:40px;
line-height:40px;
}
.f_logo {
width:94%;
margin:0px 3% 20px 3%;
padding:0px 0px;
}
.fo_ser,.f_are,.f_link {
/* display:none !important;*/
}
.fo_about {
padding-right:5px;
padding-left:5px;
}
.f_logo .logo {
max-width:100%;
height:70px;
margin:15px 0px;
padding:0px
}
.rednone {
display:none;
}
}
@media screen and (max-width:768px) and (min-width:300px) {
.ind_sconten {
margin-bottom:15px;
}
.search_form_suggest {
top:54px;position:static;
}
.top_search .ind_pls label {
width:22% !important;
text-align:left;
}
.top_search .ind_pls label,.top_search label {
padding-left:6px !important;
}
.top_search .ind_pls .form-controls {
padding:5px 0px 5px 5px;
width:75%;
height:55px;
line-height:50px;
}
.endDatetop {
display:none !important;
}
.outpic .container .top_search .gorange:hover,.goare,.goare:hover {
height:55px;
}
.gorange .goare label.retDate {
display:none;
}
.searbox .ind_pls label,.top_search .ind_pls label,.top_search .ind_prs label,.top_search label,.startDate,.endDate,.gline,.btn_check {
height:55px !important;
line-height:50px !important;
}
.gr-pri-btn {
width:100%;
}
.gr-btn_check,.gr-btn_wait,.gr-btn_cancel {
float:left;
width:95%;
margin-top:5%;
}
.gr-floatbt .gr-btn_check,.gr-floatbt .gr-btn_wait,.gr-floatbt .gr-btn_cancel {
margin-top:0%;
}
.disc-number .btn-disc {
height:32px !important;
}
.table-dis,.table-dis .discbox>td {
display:block!important;
}
.table-dis .discbox p {
display:block!important;
}
.g-ttpri {
/*display:flex!important;*/
}
.installment tbody > .open17Trip > td:first-of-type {
background-color: #ffefd2;
}
}
@media screen and (max-width:700px) and (min-width:500px) {
.dl_down,.dl_help {
font-size:1.6rem;
padding:3px 0px;
width:31%;
}
.tkbox2 {
opacity:1;
transform:scale(1);
background-color:#00000050;
}
.text00 {
display:none;
}
}
@media screen and (max-width:640px) and (min-width:300px) {
#head_include .container {
padding:0px 10px 0px 10px;
}
.container,.custdis {
padding:0px 15px;
overflow:hidden;
}
.index_search .container {
overflow:inherit!important;
}
.index_outpic .container {
padding:0px 0px;
}
.index_outpic .ind_sconten {
box-shadow:0 0px 17px #00000033;
}
.ind_stab.nav-tabs li a,.nom_tag li a {
padding:0px 10px;
}
.ma5slider {
height:auto;
}
.icon_date {
display:block;
}
.container .bg_transp:last-of-type {
padding:0px 0px 0px 0px;
}
.f_note ul li.cumulative_visits {
font-size:1.6rem;
line-height:2.0rem;
padding:10px 0px;
}
.web_bread {
margin:20px 0px 5px 0px;
}
.right-item {
padding-right:1%;
}
.right-item .ind_h3 {
width:100%;
height:auto;
margin-bottom:5px;
}
.right-item .ind_h5 {
width:100%;
height:50px;
line-height:60px;
text-align:left;
}
.nav_panation {
float:left;
margin:40px 0px 30px 0px;
}
.nav_panation li a {
font-size:2.0rem;
line-height:36px;
font-weight:500;
width:36px;
height:36px;
}
.itembox {
margin:6px 0px 4px 0px;
}
.itembox:hover {
left:-9px;
}
.itembox-left .img {
max-height:160px;
}
.itembox-right {
height:160px;
padding:8px 10px;
}
.item-name {
font-size:1.6rem;
line-height:2.2rem;
font-weight:bold;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
white-space:normal;
margin-bottom:2px;
}
.item-desc {
font-size:1.6rem;
line-height:2.2rem;
margin:0px 0px;
}
.item-area p {
font-size:1.3rem;
padding:0px 5px 0px 5px;
margin:1px 0px;
border-left:0px solid #8a8a8a;
}
.item-note {
font-size:1.3rem;
line-height:1.6rem;
margin:4px 0px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
white-space:normal;
}
.item-daybox1,.item-daybox2 {
display:none;
}
.item-daybox3 {
min-width:66px;
display:block;
}
.pop_memloginbox .modal-body .item-daybox1,.pop_memloginbox .modal-body .item-daybox2 {
display:block;
}
.item-bottom {
bottom:8px;
height:auto;
}
.pop_memloginbox .modal-body .item-otherday,.pop_memloginbox .modal-body .item-popprice,.pop_memloginbox .modal-body .item-leftover {
font-size:1.6rem;
}
.item-moredaym {
height:32px;
line-height:28px;
font-size:1.3rem;
display:block;
margin-left:-10px;
}
.item-price {
bottom:2px;
right:10px;
}
.item-price .price span {
font-size:2.4rem;
color:#ff0000;
padding:0px 0px 0px 2px;
}
.itembox-left .img img {
/*min-height:160px;
max-width:120%;
margin-left:-10%;*/
}
.whitbg {
min-height:auto;
margin-bottom:20px;
}
.sor_itembox {
max-height:138px;
margin-top:0px;
margin-left:0%;
margin-right:0%;
margin-bottom:2%;
width:100%;
}
.sor_itembox-left .img {
max-height:136px;
}
.sor_itembox-left .img img {
min-height:136px;
min-width:140%;
margin-left:-18%;
}
.sor_itembox-right {
height:140px;
padding:5px 10px;
}
.sor_itembox-right .otherday {
width:90px;
height:30px;
font-size:1.4rem;
font-weight:bold;
line-height:28px;
}
.sor-combox {
margin-top:10px;
margin-bottom:10px;
}
.sor-combox .combox {
width:100%;
float:left;
display:block;
text-align:right;
margin:0px 0px 0px 0px;
}
.sor-combox .combox li {
float:left;
padding:0px 4px;
cursor:pointer;
}
.sor-combox .combox li i {
width:40px;
height:40px;
background-size:40px;
}
.sor_gounnot {
margin-top:5%;
margin-bottom:5%;
}
.sor-btn_check,.sor-btn_cancel {
height:60px;
line-height:60px;
}
/*.sor-btn_check{width:100%;margin-left:-10%;}.sor-btn_cancel{width:100%;margin-right:-10%;}*/
#right-mobile {
width:49%;
margin-top:0px;
margin-right:2%;
margin-bottom:0px;
}
.right-item .item-sort {
width:48%;
float:right;
margin-top:0px;
margin-left:1%;
margin-bottom:15px;
}
.ord_gounnot {
margin-top:5%;
margin-bottom:5%;
}
.cd-top.cd-is-visible {
bottom:1.5%;
}
.gray_bar,.visa_bar {
padding:30px 0px 35px 0px;
}
.gr-container .navbar-nav {
height: 70px;
}
.gr-combox .combox li i {
width:40px;
height:40px;
background-size:40px;
}
.gr-container ul li.gr-floatbt,.gr-container ul li.gr-floatbtwait,.gr-container ul li.gr-floatbtcancel {
width:18%;
float:right;
font-size:1.8rem;
line-height:2.2rem;
padding: 0px 0px;
}
.gr-container ul li.gr-floatbt:hover,.gr-container ul li.gr-floatbtwait:hover,.gr-container ul li.gr-floatbtcancel:hover {
line-height:2.4rem;
}
.gr-container ul li.gr-floatbt span,.gr-container ul li.gr-floatbtwait span,.gr-container ul li.gr-floatbtcancel span {
float:left;
margin:0 auto;
height:25px;
line-height:25px;
text-align:center;
}
.gr-container ul li {
width:15%;
font-size:1.8rem;
padding:0px 2px;
min-width:50px;
height:60px;
}
.gr-container ul li:hover {
cursor:pointer;
color:#ffffff;
font-size:1.0rem;
background-color:#FFC107;
}
.gr-container ul li span {
margin-top:8px;
margin-right:0px;
width:100%;
}
.all-floatbox .gr-container ul li:hover {
cursor:pointer;
color:#ffffff;
font-size:1.8rem;
background-color:#ff5e70;
}
.all-floatbox .gr-container ul li p {
display:none;
}
.glyphicon-heart-empty:before,.glyphicon-paperclip:before,.glyphicon-send:before,.glyphicon-transfer:before,.glyphicon-flash:before,.glyphicon-download:before {
font-size:2.2rem;
}
.gr-container ul li a {
margin-top:0px;
font-weight:bold;
}
.gr-container ul li a:hover {
margin-top:0px;
}
.gr-floatbt .gr-btn_check,.gr-floatbt .gr-btn_cancel,.gr-floatbt .gr-btn_wait {
font-size:2.0rem;
padding:5px 0px;
}
.mt_close {
/*display:none !important;*/
width:100%;
text-align:center;
font-size:15px;
letter-spacing:-1.5px;
}
.gr-prc-box > div > div:last-of-type {
padding-left:0px;
}
.gr-img {
min-height:269px;
}
.gr-img div:first-of-type {
overflow:hidden;
height:auto;
}
.gr-box {
padding:0px 0px;
}
.gr-lximg,.gr-mlimg,.gr-smimg,.gr-xsimg {
margin:1% 1%;
max-width:98%;
}
.ind_h6 {
font-size:2.2rem;
height:36px;
text-align:left;
margin-bottom:5px;
border-bottom:3px solid #8c8c8c;
}
.gr-ctbox {
font-size:2.0rem;
line-height:2.8rem;
padding:2% 2% 5% 2%;
}
.gr-ctbox .gr-dl01 {
font-size:1.8rem;
font-weight:bold;
padding:3% 0px 0px 0px;
}
.gr-ctbox .gr-dl01 span {
font-size:2.0rem;
margin:2px 6px 0px 8px;
}
.gr-ctbox .gr-dl02 {
line-height:2.6rem;
padding:0px 2% 2% 2%;
}
.gr-tvl {
width:100%;
padding-right:4%;
}
.gr-tvl .gr-dl01 {
font-size:1.8rem;
font-weight:bold;
line-height:2.6rem;
padding:3% 0px 0px 0px;
}
.gr-tvl .gr-dl02 {
line-height:2.6rem;
padding:0px 0px 10px 0px;
}
.gr-tvlday {
padding:15px 0px 0px 0px;
}
.gr-tvlday > span {
margin:2px 8px 0px 0px;
}
.gr-tvlon {
font-size:1.8rem;
padding:0px 10px;
}
.gr-tvl .gr-dl01 span {
display:none;
}
.gr-rrbox .gr-dl01 {
font-size:1.6rem;
font-weight:bold;
}
.gr-rrbox .gr-dl01 span {
font-size:1.8rem;
margin:2px 6px 0px 0px;
}
.gr-rrbox .gr-dl02 {
font-size:1.6rem;
line-height:2.6rem;
padding-right:1%;
}
.gr-rrbox .gr-dl02 ul {
font-size:1.6rem;
line-height:2.6rem;
padding:0px 0px 0px 4%;
}
.gr-rrbox .gr-dl02 ul li {
padding-bottom:5px;
}
.gr-airbox {
padding:3% 0px 2% 0px;
}
.gr-airbox .table-responsive .table tr {
border-right:0px solid #cecece;
border-left:0px solid #cecece;
}
.gr-airbox .table-responsive .table td {
padding:10px 3px 10px 3px;
font-size:1.6rem;
}
.gr-airbox .table-responsive .table span {
font-size:1.7rem;
line-height:2.6rem;
font-weight:600;
margin:0px 0px 0px 0px;
}
.gr-airbox .table-responsive .table span.glyphicon {
margin:0px 0px;
}
.gr-pri-btn {
display:contents;
width:94%;
margin-left:3%;
}
.gr-btn_check,.gr-btn_wait,.gr-btn_cancel {
float:right;
width:96%;
margin-top:5%;
}
.memberbox {
padding:30px 2%;
}
.memberbox > .form-group {
width:92%;
}
.btn_login-f,.btn_login-g {
font-size:1.0em;
padding:0px 0px;
}
.memberbox2 .form-group .control-label {
font-size:1.6rem;
}
.mem_acot input,.mem_paw input {
font-size:1.6rem;
font-weight:600;
}
.in_tick .newsbox {
width:96%;
margin:1% 2%;
padding:5px 10px 3px 0px;
}
.newsicon img {
max-width:78px;
max-height:78px;
}
.newstime,.newsname {
font-size:1.6rem;
line-height:2.4rem;
}
.newsboxbt {
float:left;
margin:1% 0% 2% 2%;
}
.in_tick .airlinegroup {
padding:1% 0% 0px 3%;
}
.airlogo {
margin:3% 3% 0% 0%;
width:47%;
}
.dl_down,.dl_help {
font-size:1.6rem;
padding:10px 3px 10px 5px;
width:31%;
}
.cu_hosli {
width:100%;
margin:8px 0px 8px 0px;
margin-right:0%;
}
.dl_down,.dl_help {
width:48%;
}
.ind_marquee {
text-indent:30px;
}
.ind_marquee ul li {
width:96%;
}
.ind_marquee i {
margin:3px 0px 3px -8px;
}
.tenant_block,.tenant_block2 {
width:33.333%;
}
.room_left {
width:100%;
/*writing-mode:vertical-lr;
text-orientation:upright;*/
}
.room_leften {
writing-mode:inherit;
text-orientation:inherit;
}
.f_data > .container > .row {
margin-right:0px !important;
margin-left:0px !important;
}
}
@media only screen and (max-width:600px) and (min-width:300px) {
.swiper-slide.ind_hosli {
width:100% !important;
}
}
@media screen and (max-width:480px) and (min-width:300px) {
.searbox label,.top_search label {
font-size:1.6rem;
display:-webkit-inline-box;
min-height:6px;
}
.searbox label,.top_search label {
width:auto !important;
}
.startDate {
width:66%;
}
.endDate {
width:100%;
padding:0px 0px 0px 0px;
}
.gorange .rangebox {
width:10px;
padding:12px 0px 0px 0px;
}
.pop-qulist {
padding:20px 10px;
}
.pop-qulist .qulist .quli {
text-align:left;
width:100%;
padding:5px 0px;
margin:0 auto;
margin-bottom:5px;
}
.pop-qulist .qulist .quli h5 {
text-align:left;
padding:0px 6px;
line-height:34px;
}
.pop-qulist .qulist .quli a {
padding:6px 6px;
}
.container .bg_transp:last-of-type {
padding:0px 0px 0px 0px;
}
.swip1 {
width:106%;
margin-left:-24px;
}
.swip3 {
margin-left:0px;
}
.f_data {
padding:30px 0px 0px 0px;
}
.f_data .f_note,.f_data .f_note f_are {
width:100%;
height:auto;
margin-bottom:30px;
}
.f_note .fo_about,.f_note .fo_about .fontb,.f_note .fo_about h2 {
width:100% !important;
}
.f_note ul li.cumulative_visits {
font-size:1.8rem;
line-height:2.0rem;
padding:10px 0px;
}
.right-item .right-mobilebt {
font-weight:600;
font-size:1.6rem;
min-width:100%;
}
.in_pinfor {
font-weight:600;
min-width:100%;
padding:0px 8px 0px 8px;
}
.gr-even {
padding:0px 0px 0px 15px;
line-height:2.0rem;
min-height:350px;
height:auto;
}
.gr-even li {
font-size:1.8rem;
line-height:2.0rem;
margin-bottom:0px;
}
.gr-even span.rednote {
position:relative;
}
.viewflight,.otherday {
width:auto;
font-size:1.8rem;
padding:8px 1%;
margin:6px 1% 6px 1%;
}
.whitbg .container ul .tsbox {
width:36px;
height:36px;
padding:5px 3px 3px 4px;
margin:8px 6px 0px 0px;
}
.whitbg .container ul .tsbox i {
width:28px;
height:28px;
}
#open-dm li {
padding:0px 1px;
}
.gr-container ul li {
width:18%;
padding:0px 0px 0px 1px;
margin-right:0px;
}
.gr-container ul li.gr-floatbt, .gr-container ul li.gr-floatbtwait, .gr-container ul li.gr-floatbtcancel {
height: 70px;
}
.gr-airbox .table-responsive .table td {
width:100%;
float:left;
padding:4px 3px 4px 3px;
font-size:1.6rem;
border-bottom:0px solid #cecece;
}
.gr-airbox .table-responsive .table span,.gr-airbox .table-responsive .table .goymday {
margin:0px 8px 0px 0px;
}
.gr-airbox .table-responsive .table span.glyphicon {
margin:0px 40px;
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}
.btn_login-f,.btn_login-g {
font-size:16px;
}
.memberbox2 .form-group .control-label {
width:100%;
height:36px;
text-align:left;
margin-bottom:0px;
}
.memberbox2 .form-group .mem_acot,.memberbox2 .form-group .mem_paw {
width:100%;
}
#mydlTabContent {
padding:2% 0px 4% 0px;
}
.dl_down,.dl_help {
width:48%;
font-size:1.6rem;
line-height:2.2rem;
font-weight:bold;
padding:10px 3px;
margin:2% 1%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.tkbox {
padding:2% 0%;
}
.tkbox1,.tkbox2 {
height:220px;
padding:20px 10%;
}
.tkbox2 {
margin-top:-220px;
}
.text01 {
font-size:2.2rem;
}
.text02 {
font-size:1.6rem;
margin-bottom:6px;
}
.hotticket_tkbox {
padding:0px 3%;
}
.tenant_block,.tenant_block2 {
width:100%;
}
}
@media screen and (max-width:380px) and (min-width:300px) {
.newsicon {
height:70px;
}
.newsicon img {
max-width:66px;
max-height:66px;
margin-left:0%;
}
.newstime,.newsname {
font-size:1.6rem;
line-height:2.2rem;
}
.gorange .rangebox {
display:block;
}
.gr-floatbt .gr-btn_check {
font-size:1.8rem;
}
.gr-floatbt .gr-btn_check:hover {
font-size:2.2rem;
}
}
@media screen and (max-width:320px) {
.groupimbox .top_conpic1 {
height:228px;
}
}
.new-mode-img-item3-bg {
width:100%;
height:600px;
background-repeat:no-repeat;
background-size:cover;
}
.editor-area .new-mode16 .img-area img {
min-width:auto;
width:16.6666667%;
}
.editor-area .new-mode17 iframe {
width:100%;
min-height:500px;
}
/*行程收折*/
#changeTo {
position:relative;
top:-4px;
display:inline-block;
margin:0px 5px;
font-size:20px;
padding:3px 12px;
border:0px;
border-radius:5px;
color:#fff;
background-color:#64d6ff;
}
#changeTo:hover {
background-color:#359fc4;
}
#changeTo:active {
top:-1px;
}
#changeTo, #changeTo:hover, #changeTo:active {
transition:all .2s ease-in-out;
}
@media screen and (max-width:640px) and (min-width:300px) {
#changeTo {
top:-5px;
padding:0px 12px;
}
}
/*swiper2 團體景點用*/
.swiper2-father {
width:100%;
height:360px;
padding:0px 2%;
position:relative;
margin-bottom:30px;
overflow:hidden;
}
.swiper2-father .swiper-container {
width:96%;
max-width:1280px;
height:350px;
padding:6px 0px;
margin:0 2%;
}
.swiper2-father .swiper-slide {
height:auto;
max-height:380px;
}
.swiper2-father .swiper-wrapper {
position:relative;
height:100%;
margin:0px auto;
z-index:1;
display:-webkit-box;
/*display:-webkit-flex;
display:-ms-flexbox;
display:flex;*/
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
-o-transition-property:transform;
transition-property:transform;
transition-property:transform,-webkit-transform;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}
.swp2_1next,.swp2_2next,.swp2_3next,.swp2_4next,.swp2_5next,.swp2_6next,.swp2_7next,.swp2_8next {
right:5px;
}
.swp2_1prev,.swp2_2prev,.swp2_3prev,.swp2_4prev,.swp2_5prev,.swp2_6prev,.swp2_7prev,.swp2_8prev {
left:5px;
}
.swiper2-father .swiper-button-prev,.swiper2-father .swiper-button-next {
width:30px;
height:30px;
margin-top:30px;
opacity:0.75;
z-index:8;
}
.swiper2-father .swiper-button-prev {
background-image:url(../../ContentCustomRWD1/img/icon_actl.svg) !important;
}
.swiper2-father .swiper-button-next {
background-image:url(../../ContentCustomRWD1/img/icon_actr.svg) !important;
}
.swiper2-father .swiper-button-prev:hover,.swiper2-father .swiper-button-next:hover {
opacity:1;
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
transition:all .2s linear;
}
.swiper2-father .swiper-button-disabled {
opacity:0;
}
.swiper2-father .item {
padding:0px 0px;
/*-webkit-flex-basis:20em;
-moz-flex-basis:20em;
flex-basis:20em;
-ms-flex-preferred-size:20em;
-webkit-flex-grow:1;
-moz-flex-grow:1;
flex-grow:1;
-ms-flex-positive:1;*/
}
@media screen and (max-width:500px) and (min-width:300px) {
.swiper2-father {
width:112%;
margin-left:-6%;
}
.swiper2-father .swiper-container {
width:90%;
margin:0 5%;
}
.swp2_1next,.swp2_2next,.swp2_3next,.swp2_4next,.swp2_5next,.swp2_6next,.swp2_7next,.swp2_8next {
right:2px;
}
.swp2_1prev,.swp2_2prev,.swp2_3prev,.swp2_4prev,.swp2_5prev,.swp2_6prev,.swp2_7prev,.swp2_8prev {
left:2px;
}
}
.circle_hover {
cursor:pointer;
overflow:hidden;
position:relative;
}
.circle_hover .overlay {
opacity:0;
background-color:rgba(255, 255, 255, 0.25);
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
/* max-height:280px;*/
z-index:10;
overflow:hidden;
border-radius:5px;
text-align:center;
}
.circle_hover:hover .overlay {
opacity:1;
}
.circle_hover button.info {
font-size:3.0rem;
line-height:3.6rem;
opacity:0;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
background-color:rgba(0, 0, 0, 0.85);
border:0;
width:150px;
height:150px;
border-radius:50%;
color:#ffffff;
margin-top:0px;
position:relative;
top:15%;
}
.circle_hover:hover button.info {
-moz-transition-delay:.2s;
-o-transition-delay:.2s;
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
.circle_hover:hover button.info {
opacity:1;
-moz-transform:translatey(0);
-ms-transform:translatey(0);
-o-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}
.card2-container {
width:100%;
max-width:1280px;
display:table;
margin:0 auto;
margin-top:0px;
margin-bottom:50px;
padding:0px 0px;
}
.card2 {
min-height:320px;
float:left;
position:absolute;
overflow:hidden;
top:5px;
width:100%;
transition:all .25s ease-in-out;
}
.card2-imge {
width:100%;
height:200px;
cursor:pointer;
position:relative;
overflow:hidden;
margin-bottom:10px;
border-radius:5px;
}
.card2-imge img {
width:100%;
min-height:200px;
}
.card2-title,.card2-money {
text-align:justify;
text-justify:inter-ideograph;
margin-bottom:8px;
}
.card2-title {
color:#d42616;
font-size:18px;
font-weight:500;
text-align:center;
margin:14px 0px 10px 0px;
}
.card2-text {
margin:0px;
border:0;
color:#8c8c8c;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
word-break:break-all;
-webkit-line-clamp:3;
font-size:16px;
line-height:24px;
font-weight:400;
}
.card2:hover .card2-imge img {
transform:scale(1.1,1.1);
}
.itinerary {
width:100%;
display:inline-block;
font-size:2.0rem;
line-height:3.0rem;
padding:20px 10px;
border-radius:6px;
}
.itinerary p {
color:#ff0000;
margin:0px 0px 10px 0px;
font-weight:700;
font-size:1.8rem;
line-height:2.8rem;
}
.itinerary-input label {
display:contents;
color:#333333;
margin:20px 0px;
font-weight:700;
font-size:1.8rem;
line-height:2.8rem;
}
.itinerary-input {
width:100%;
padding-left:3%;
font-weight:700;
font-size:1.4rem;
line-height:2.0rem;
}
.itinerary-input:hover {
color:#1888ff;
}
.itinerary-input input {
width:20px;
height:20px;
float:left;
position:relative;
top:2px;
margin-right:8px;
}
.itinerary-bt {
width:50%;
float:right;
text-align:center;
font-weight:700;
font-size:1.8rem;
line-height:2.8rem;
padding:8px;
color:#ffffff;
margin:20px 0px 0px 0px;
border-radius:6px;
background-color:#b5b5b5;
}
.itinerary-bt:hover {
cursor:pointer;
background-color:#333333;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
-webkit-transition:all .25s ease-in-out;
transition:all .25s ease-in-out;
}
.cdst3 input[type="checkbox"] + label::before,.cdst3 input[type="checkbox"] + label::after {
position:absolute;
left:0;
top:0px;
width:20px;
height:20px;
background:#fff;
border-radius:2px;
border:1px solid #b2b2b2;
background-color:#f39004;
}
.cdst3 input[type="checkbox"] + label::after {
background-color:#ffffff;
}
.cdst4 {
width:100%;
display:table;
}
.cdst4 p {
float:left;
font-size:1.6rem;
font-weight:600;
}
.cdst4 input {
width:300px;
float:left;
margin-left:6px;
}
@media screen and (max-width:767px) and (min-width:300px) {
.ser-tab {
display:grid!important;
overflow:hidden;
width:100%;
}
.ser-tab>div {
display:contents;
width:100%;
}
.ser-tab .nav-tabs {
display:-webkit-inline-box;
overflow:auto;
}
.ser-tab .nav-tabs li {
min-width:auto;
}
.ser-tab .nav-tabs > li > a {
padding:4px 7px 2px 7px;
}
::-webkit-scrollbar {
width:10px;/*右側捲軸寬度*/
height:5px;/*下方捲軸高度*/
}
::-webkit-scrollbar-track {
background:#ffe7c4;/* 軌道背景底色 */
}
::-webkit-scrollbar-thumb {
background:#9e9e9e;/* 滑桿顏色 */
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {
background:#333333;/* 滑桿滑鼠滑入時的顏色 */
}
::-webkit-scrollbar-button {
background-color:#8d8d8d;/* 捲軸兩側頂端的按鈕 */
}
::-webkit-scrollbar-button:hover {
background-color:#333333;/* 捲軸兩側頂端的按鈕滑鼠滑入時的顏色 */
}
.btn-oder {
padding:0px 35px;
}
}
.popcharc img {
width:100%
}
.bg_transp img {
width: 100%
}
/*月曆+style*/
#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next {
top: 5px;
border-radius: 3px;
}
#ui-datepicker-div .ui-datepicker-prev {
left: 5px;
}
#ui-datepicker-div .ui-datepicker-next {
right: 5px;
}
#ui-datepicker-div .ui-datepicker-year, #ui-datepicker-div .ui-datepicker-month {
height: 36px;
width: 40%;
text-align: center;
border-radius: 3px;
background-color: #ffffff;
border: 1px solid #cccccc;
}
#ui-datepicker-div .ui-datepicker-month {
float: right;
}
#ui-datepicker-div .ui-datepicker-year {
float: left;
}
@media screen and (max-width:768px) and (min-width:300px) {
.icon_peod {
width: 52px;
}
.installment {
min-width: auto;
}
.open17Trip > td {
font-size: 15px !important;
padding: 6px 0px !important;
letter-spacing: -.5px;
}
.open17Trip > td:before {
min-width: 53%;
}
.open17Trip > td span {
display: block !important;
padding-left: 5px;
padding-right: 6px;
}
}