div.bannerindex {
    display: flex;
    justify-content: space-between;
    background-image: url('https://www.taitraesource.com/Content/images/官網banner (24).png');
    height: 140px;
    background-repeat: no-repeat;
    /* border: 1px #ccc solid; */
    background-size: 100% 200px;
    align-items: center;
}
div.banner{
    display: flex;
    align-items: center;
    justify-content: flex-start;
	background-color:#D2F0F6;
}
img.bannerindex{
	width:35%;
	padding:20px;
}
img.banner{
	width:20%;
}
div.banner_title{
	display: flex;
    align-items: center;
    font-size: 20px;
}
div.banner_titleindex{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
	background-color:#D2F0F6;

}
img.titleindex{
	width:22px;
}
p.banner{
	font-size:20px;
	font-weight: bold;
}
div.Country{
	background-color:#63C4BF;
	display:flex;
}
div.Country1{
	display:flex;
    background-color: #63C4BF;
}
div.Country2{
    background-color: white;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
}
p.Country{
	font-size:20px;
	font-weight: bold;
}
summary {
    margin: 10px 10px;
    font-weight: bold;
    font-size: 22px;
}
button{
    display: inline-block;
    padding: 10px 10px;
    color: black;
    margin: 0px 10px 15px 0;
    transition: all 0.3s;
    font-weight: bold;
    letter-spacing: 1pt;
    font-size: 16px;
    background-color:beige;
    border: 1pt solid;
    border-radius: 10px;
}
button:hover{
	display: inline-block;
    padding: 10px 10px;
    color: black;
    margin: 0px 10px 15px 0;
    transition: all 0.3s;
    font-weight: bold;
    letter-spacing: 1pt;
    font-size: 16px;
    background-color: aliceblue;
    border: 1pt solid;
    border-radius: 10px;
}
details[open] > summary:first-of-type {
    list-style-image: url('images/-.png');
}
details > summary:first-of-type {
    list-style-image: url('images/-.png');
}
div.footer{
background-color:#D2F0F6;
display:flex;
padding:10px;
align-items: center;
justify-content: center;
}
p.footer {
   font-size:10px;
   padding-left:10px;
}
img.footer1{
	width:10%;
}
img.footer2{
	width:9%;
}
p.faq{
	font-size:15px;
	line-height:2;
	padding: 0 10px;
}
a.faq10{
	word-break: break-all;
	font-size: 18px;
    color: #27ae60!important;
}
a.Country{
	text-decoration: none;
	display: flex;
    flex-direction: column;
}
a.banner{
	text-decoration: none;
}
div.index{
	display: inline-flex;
    align-items: flex-start;
	padding-left: 10px;
    padding-top: 10px;
}
	div.indexcountry {
    padding-left: 50px;
	width:100%;
}
button.index1{
	background-color:#EFE5D0;
	font-weight:bold;
	font-size:20px;
	color:black;
}
div.index1_{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
}
p.index1{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	line-height:1.5;
}
img.index1{
	width:40%;
}
img.index3{
	width:12%;
	padding:7px;
}
button.index2{
	background-color:#C1C2DF;
	font-weight:bold;
	font-size:20px;
	color:black;
	margin:0px!important;
}
p.index2{
	display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
button.index3{
	background-color:#D2F0F6;
	font-weight:bold;
	font-size:20px;
	color:black;
}
button.index4{
	background-color:#BEE3ED;
	font-weight:bold;
	font-size:20px;
	color:black;
	margin: 0px 0px 10px 0;
}
img.index4{
	width: 40%;
	padding:10px;
}
img.index41{
	width: 65%;
	padding:10px;
}
div.index4{
    display: flex;
    flex-direction: column;
    align-items: center;
	width:30%;
}
a.index4{
	display: flex;
    justify-content: center;
}
a.index41{
	display: flex;
    justify-content: center;
}
div.marquee{
	display: flex;
    padding: 10px;
	align-items: center;
	font-size:20px;
}
div.index5{
    width: 100%;
    padding: 10px;
}
img.marquee{
	width:3%;
}
img.index2_{
	width:2%;
}
a.index2_{
    text-decoration: none;
    font-size: 20px;
    line-height: 1.5;
}
form.search2{
	font-size:20px;
}
div.index2_{
    padding: 20px;
    padding-top: 10px;
}
div.index2_1{
	display: flex;
    flex-direction: column;
	padding:10px;
}
p.index21{
	display: flex;
    align-items: center;
    justify-content: flex-start;
}
a.index21{
	text-decoration: none;
    font-size: 22px;
}
p.index211{
	line-height: 2;
    padding-left: 30px;
    padding-right: 30px;
}
img.faq{
	width:4%;
}
form.faq{
    display: flex;
    align-items: center;
    justify-content: center;
	padding:10px;
}
div.faq{
	background-color:#7AFEC6;
	display:flex;
	flex-direction: column;
}
p.faq{
    line-height: 2;
    background-color: white;
    margin: auto;
	padding:20px;
	font-size:20px;
}
span.faq{
	font-size:20px;
}
span.search{
	font-size:20px;
}
button.faq{
	font-size:18px;
}
button.search{
	font-size:18px;
}
div.search{
	display: flex;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
}
p.contact{
    line-height: 2;
    background-color: white;
    margin: auto;	
}
form.contact{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
div.contact{
	display:inline-block;
	padding:10px;
}
img.faq1{
	width:25%;
}
div.faq1{
	display: flex;
    justify-content: center;
    padding-bottom: 10px;
}
img.contact1{
	width:55%;
}
div.contact1{
	display: flex;
    justify-content: center;
    padding-bottom: 10px;
	padding-top: 10px;
}
a.index2 {
    text-decoration: none;
	font-size:15px;
}
p.t2{
	padding:10px;
	font-size:18px;
	line-height:1.5;
}
p.t3{
	padding:15px;
	font-size:12px;
	line-height:1.5;
}
form.search3{
line-height: 2;
    font-size: 20px;
    padding: 10px;
}

.cart{
    background-color: white;
    display: flex;
    flex-direction: column;
    padding-left: 0;
	font-size:20px;
	line-height:1.5;
}
.cart a{
	text-decoration: none;
	color: #000;
}
.cart>li{
	margin-bottom: 10px;
}
.cart>li>a{
	display: block;
	/*border: 1px solid #000;*/
	padding: 5px;
	background-color: #D2F0F6;
	font-weight: bold;
}
.cart ul li{
	margin: 5px;
}
.cart>li>a:hover {
	background-color:#007fff;
	color: #fff;
}

.cart>li>a.active{
	background-color:#007fff;
	color: #fff;
}

.cart ul{
	display: none;
	list-style: none;
	padding-left: 10px;
}
#rightBar {

    z-index: 9999;

    width: 50px;

    position: fixed;

    right: 10px;

    bottom: 5%;

    height: auto;

}

#rightBar .btn {

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 20px;

    display: inline-block;

    border-radius: 10px;

    cursor: pointer;

}
@media only screen and  (max-width:713px){
	div.banner{
	flex-direction: column;
	}
	img.banner {
    width: 80%;
    }
    div.banner_title {
    flex-direction: column;
	}
div.footer {
    background-color: #D2F0F6;
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: center;
}
p.footer {
    font-size:14px;
	padding:0px;
}
	img.footer1{
	width:9%;
}
	img.footer2{
	width:7%;
}
	img.bannerindex {
    width: 85%!important;
}
    div.bannerindex {
    height: 185px;
	flex-direction: column;
	justify-content: space-evenly;
}
    div.banner_titleindex {
    flex-direction: column;
}
    img.marquee {
    width: 8%;
}
div.index1{
	display: flex;
    flex-direction: column;
}
div.indexcountry{
	display: flex;
    flex-direction: column;
	padding-left: 0!important;
}
div.Country {
    background-color: #63C4BF;
    display: flex;
    flex-direction: column;
}
div.Country1{
	flex-direction: column;
}
div.index {
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
p.index2{
	align-items: stretch;
    flex-direction: column;
}
p.t2{
	padding:10px;
	font-size:20px;
	line-height:1.5;
}
p.t3{
	padding:10px;
	font-size:15px;
	line-height:1.5;
}
img.index4 {
    width: 55%;
}
img.index41 {
    width: 55%!important;
}
div.index4 {
    width: 100%!important;
	align-items: stretch!important;
}
div.index5{
	display: flex;
    flex-direction: column;
}
img.index3 {
    width: 55%;
}
a.index3{
	display: flex;
    justify-content: center;
}
span.faq{
	font-size:15px;
}
button.faq{
	font-size:13px;
}
span.search{
	font-size:20px;
}
button.search{
	font-size:13px;
}
div.search{
	display: flex;
    justify-content: center;
    align-items: center;
}
img.faq{
	width:10%;
}
img.faq1{
	width:50%;
}
img.contact1{
	width:50%;
}
form.search2{
	display: flex;
    flex-direction: column;
    margin: auto;
}
a.index2 {
    text-decoration: none;
    font-size: 22px;
}
div.index2_ {
    padding-top: 10px!important;
    display: flex;
    flex-direction: column;
	padding: 0;
}
img.index2_ {
    width: 7%;
}
p.index21 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
p.index211 {
    line-height: 2;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 20px;
}
a.index21{
	text-decoration: none;
    font-size: 22px;
}
form.search3 {
    line-height: 2;
    font-size: 25px;
    padding: 10px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
}
@media only screen and (min-width:714px) and   (max-width:760px){
	div.banner{
	flex-direction: column;
	}
	img.banner {
    width: 80%;
    }
    div.banner_title {
    flex-direction: column;
	}
	img.bannerindex {
    width: 85%;
}
    div.bannerindex {
    height: 185px;
	flex-direction: column;
	justify-content: space-evenly;
}
	div.footer{
	flex-direction: column;
    align-items: center;
	}
	img.footer1{
	width:9%;
}
	img.footer2{
	width:7%;
}
p.footer {
    font-size: 12px;
    padding: 0px;
}
	img.bannerindex {
    width: 85%;
}
	div.indexcountry {
    padding-left: 0px;
}

div.marquee{
	padding-left:0px;
}
}
@media only screen and (min-width:761px) and (max-width:980px) {
	p.banner{
	font-size:15px;
	}
	div.indexcountry {
    padding-left: 20px;
}

div.marquee{
	padding-left:0px;
}
img.index4 {
    width: 50%;
    padding: 10px;
}
div.index4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
}

	p.footer {
    font-size: 10px;
}
form.search2 {
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    line-height: 2;
}
button{
	font-size:10px;
}
}
@media only screen and (min-width:981px) and (max-width:1031px) {
	p.banner{
	font-size:17px;
	}
	div.indexcountry {
    padding-left: 0px;
}
div.marquee{
	padding-left:0px;
}
img.index4 {
    width: 50%;
    padding: 10px;
}
div.index4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
}

	p.footer {
    font-size: 12px;
}

}
@media only screen and (min-width:1032px) and (max-width:2048px) {
	p.banner{
	font-size:25px;
	}
	p.footer{
    font-size: 12px;
}
	}
	img.bannerindex {
    width: 20%;
}
	p.index1{
	font-size:20px;
}
div.marquee{
	padding-left:50px;
}
div.index5 {
    width: 100%;
    padding: 10px;
}
a.index2 {
    text-decoration: none;
    font-size: 20px;
}

img.index4 {
    width: 45%;
    padding: 10px;
}
div.index4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 35%;
}
button.index4 {
    background-color: #BEE3ED;
    font-weight: bold;
    font-size: 25px;
    color: black;
    margin: 0px 0px 10px 0;
}
button.index3 {
    background-color: #D2F0F6;
    font-weight: bold;
    font-size: 25px;
    color: black;
}
button.index2 {
    background-color: #C1C2DF;
    font-weight: bold;
    font-size: 25px;
    color: black;
}
div.marquee {
    display: flex;
    padding: 10px;
    align-items: center;
    font-size: 25px;
}
img.titleindex {
    width: 22px;
}
img.index41 {
    width: 100%;
    padding: 10px;
}
}
@media only screen and (min-width:2049px) and (max-width:3000px) {
	p.banner{
	font-size:30px;
	}
	p.footer{
	font-size: 12px;
	}
	img.bannerindex {
    width: 20%;
}
	p.index1{
	font-size:20px;
}
div.marquee{
	padding-left:50px;
}
div.index5 {
    width: 100%;
    padding: 10px;
}
a.index2 {
    text-decoration: none;
    font-size: 20px;
}

img.index4 {
    width: 45%;
    padding: 10px;
}
div.index4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 35%;
}
button.index4 {
    background-color: #BEE3ED;
    font-weight: bold;
    font-size: 30px;
    color: black;
    margin: 0px 0px 10px 0;
}
button.index3 {
    background-color: #D2F0F6;
    font-weight: bold;
    font-size: 30px;
    color: black;
}
button.index2 {
    background-color: #C1C2DF;
    font-weight: bold;
    font-size: 30px;
    color: black;
}
div.marquee {
    display: flex;
    padding: 10px;
    align-items: center;
    font-size: 30px;
}
img.titleindex {
    width: 35px;
}
img.index41 {
    width: 100%;
    padding: 10px;
}
}