@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/



/*==================== CSS Tools: Reset CSS ↑ ====================*/

/* float */
.right{ float:right; }
.left{ float:left; }
.hide{ clear:both;}
.img-responsive{
    max-width:100%;
    height:auto;
    display: block;
}


/* box-sizing  */
*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* clearfix */
.clearfix:before,.clearfix:after {display:table;line-height:0;content:"";}
.clearfix:after {clear:both;}
.clearfix {*zoom: 1; /*forIE*/}
#copyright .copywrapper:before,#copyright .copywrapper:after {display:table;line-height:0;content:"";}
#copyright .copywrapper:after {clear:both;}
#copyright .copywrapper {*zoom: 1; /*forIE*/}
#footer{ background-color:#FFF}


/*==================================================

					footer_pc ↓

==================================================*/
footer {
	background-color: #fff;
	
}
#footer-pc{
    border-top: 2px solid #46911b;
    color: #000;
    line-height: 18px;
    margin-top: 50px;
}
.footer-top, .footer-down {
	display: flex;
    padding: 30px 0;
    /*
    margin: 0 auto;
    max-width: 1024px;
    width: 100%;
    */
}

.footer-ti {
	font-size: 21px;
	margin-bottom: 10px;
    font-weight: 700;
    line-height: 25px;
    color: #2E2E2E;
}

.footer-item, #copy-l, #copy-r {
	padding: 10px 0;
}
.footer-item ul{
    list-style: none;
}
.footer-item ul li {
    width: 100%;
    float: left;
    line-height: 30px;
    font-size: 14px;
}

.footer-item ul li a {
	color: #2e2e2e;
    text-decoration: none;
    font-weight: 400;
}

.footer-item ul li a:hover {
	color: #46911b;
	cursor: pointer;
}

a.highligh {
    color: #ff6600!important;
}

a.highligh:hover{
    color: #46911b!important;
}

/* pc-fb&line */
.pc-fb, .pc-line {
	width: 36px;
    height: 36px;
    margin: 5px 5px 0 0;
    text-align: center;
    background-color: #555;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 21px;
}

.pc-fb i.fab.fa-facebook-f, .pc-line i.lni.lni-line {
    color: #fff;
    line-height: 36px;
}

a.pc-fb:hover {
	background-color: #3b5998;
    cursor: pointer;
} 

a.pc-line:hover {
	background-color: #06C755;
    cursor: pointer;
} 

/*
a.fb {
	margin-right: 5px;
}
*/

.company-info {
 	line-height: 24px;
    font-size: 12px;		
}

.company-info b {
    font-weight: unset!important;
}

/* copyright */
.footer-down {
    border-top: 1px solid #999;
}

.footer-down p {
    font-size: 12px;
    line-height: 24px;
}

.footer-down a{
	color: #46911b ;
}

.copyback {
	background-position: 0px 0px;
    height: 130px;
    width: 700px;
    float: right;
    background-color: transparent;
    background-image: url("https://www.easytravel.com.tw/poolimages/copyrightback.png");
    background-repeat: no-repeat;
    display: flex;
}

.Copyright {
    text-align: center;
    padding: 10px 0;
}

/*==================================================

					footer_m ↓

==================================================*/
#footer-m {
    border-top: 1px solid #CCC;
    padding: 0 10px;
    padding: 20px 0 20px 0; 
	text-align: center;
	max-width: 680px;
    width: 100%;
    font-weight: bold;
}

.m-item ul {
	display: flex;list-style: none;
}

.m-item ul li {
	padding: 10px 0;
    flex: 100%;
}

.m-item ul li p {
    padding-bottom: 5px;
    color: #555;
    margin: 10px auto;
    font-size: 14px;line-height: 20px;
}

.m-item ul li a {
	cursor: pointer;
}

a.m-receipt, .m-twcard, .m-account, .m-fb, .m-line{
    width: 80px;
    height: 80px;
    text-align: center;
    background-color: #555;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 30px;
}

.m-item i.fas.fa-file-invoice-dollar, 
.m-item i.fa-solid.fa-address-card,
.m-item i.fas.fa-user,
.m-item i.fab.fa-facebook-f,
.m-item i.lni.lni-line
{
    color: #fff;
    line-height: 80px;
}

a.m-receipt:hover { background-color: #c4302b;} 
a.m-receipt:hover p { color: #c4302b;}

a.m-twcard:hover {background-color: #f08146;} 
a.m-twcard:hover p { color: #f08146;}

a.m-account:hover { background-color: #5fc0a9;} 
a.m-account:hover p { color: #5fc0a9;}

a.m-fb:hover { background-color: #3b5998;} 
a.m-fb:hover p { color: #3b5998;}

a.m-line:hover { background-color: #06C755;} 
a.m-line:hover p { color: #06C755;}

i.fa-solid.fa-address-card {
    font-family: "Font Awesome 5 Free";
}

/* footer-m-down */
.footer-m-down {
	line-height: 24px;
	padding-top: 10px;
}

.footer-m-down a {font-size: 14px;
	color: #000;
	cursor: pointer;
}

.footer-m-down a:hover {
	color: #46911b;
	cursor: pointer;
}


/*==================================================

                    GoTop ↓

==================================================*/

.scrollup {
    width: 40px;
    height: 40px;
    text-align: center;
    position: fixed;
    right: 10px;
    bottom: 60px;
    border-radius: 8px;
    background-color: #25c19c;
    padding: 8px;
    cursor: pointer;
    z-index: 1010;
    transition: all .4s;
    color:#fff;
    font-size: 21px;
    display: none;
}

.scrollup:hover{
    background-color: #009688;
    color:#fff;   
}