@charset "utf-8";
/* CSS Document */


.header_women {
	background: linear-gradient(to bottom right, rgba(72, 72, 212, 0), rgba(241, 104, 104, 0)), url('../images/top_women.jpg') center center no-repeat;
	background-size: cover;
	text-align: left;
}

.ib_bg{
/*	background: url('../images/women_index_bg2.jpg') center center no-repeat;
	background-size: cover;*/
	background-color: #fff;
}

.ad{
	margin: 0px -15px 0px -15px;
}
.choose_area{

}

.choose_area h1{
	text-align: center;
	margin: 40px 0px 15px 0px;
	color: #008493;
	font-size: 2rem;


}
.choose_row{
	margin: 0px 0px 0px 0px;
	background-color: #fef3ed;
	
}
.choose_col{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.choose_btn{
	display: flex;
	height: 80px;
	width: 100%;
	background-color: #28b3c2;
	border-radius:0px;
    justify-content: center;
	align-items: center;
	color: rgba(255,255,255,1.00);
	font-size: 20px;
	text-decoration:none;
}
.choose_btn:hover{

	color: rgba(255,255,255,1.00);
	background-color:#04A1B3;
}
.choose_dropdown{
width: 100%;
	background-color: #fff;
	border-radius:0px;
	border: 0px;

	
}
.choose_item{
	width: 100%;
}
.choose_dropdown a{
	display: block;
	width: 100%;
	margin: -10px 0px 5px 0px;
	font-size: 1rem;
	font-weight:normal;
	color:  #04A1B3;
		box-sizing: border-box;
	padding: 20px 0px 20px 0px;
	text-align: center;
	line-height: 16px;
}
.choose_dropdown a:hover{
	display: block;
	width: 100%;
	margin: -10px 0px 5px 0px;
	font-size: 1rem;
	font-weight:normal;
	color:  #FFFFFF;
	background-color:#4a4a4a;
		box-sizing: border-box;
	text-align: center;
	line-height: 16px;

}
.choose_dropdown h3{
	font-size: 1rem;
	font-weight:300;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: center;
	color: rgba(58,58,58,1.00);
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;

}


/*以下手機板*/
@media screen and (max-width: 767px) {
	body{
/*		background-color: #e2ded5;*/
	}
	
#header{
		vh:100%;
}


	
.choose_area h1{
	text-align: center;
	margin: 15px 0px 15px 0px;
	color: #008493;
	font-size: 1.6rem;
}
.choose_row{
	margin: 0px -15px 0px -15px;
	background-color: #fef3ed;
	
}
.choose_col{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.choose_btn{
	display:flex;
	height: 60px;
	width: 100%;
	background-color: #28b3c2;
	border-radius:0px;
    justify-content: center;
	align-items: center;
	color: rgba(255,255,255,1.00);
	font-size: 1rem;
	text-decoration:none;
	border-bottom: 1px solid rgba(255,255,255,0.6);

}
.choose_btn:hover{

	color: rgba(255,255,255,1.00);
	background-color:#04A1B3;
}
.choose_dropdown{

width: 100%;
	background-color: #fff;
	border-radius:0px;
	border: 0px;

	
}
.choose_item{
	width: 100%;
}
.choose_dropdown a{
	display: block;
	width: 100%;
	margin: -10px 0px 10px 0px;
	font-size: 1rem;
	font-weight:normal;
	color:  #04A1B3;
	box-sizing: border-box;
	text-align: center;
	line-height: 18px;


}
.choose_dropdown a:hover{
	display: block;
	width: 100%;
	margin: -10px 0px 10px 0px;
	font-size: 1rem;
	font-weight:normal;
	color:  #FFFFFF;
	background-color:#4a4a4a;
	box-sizing: border-box;
	text-align: center;
	line-height: 18px;


}
.choose_dropdown h3{
	font-size: 1rem;
	font-weight:300;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center;
	color: rgba(58,58,58,1.00);
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;

}	
	
	
	
.header {
	background: linear-gradient(to bottom right, rgba(72, 72, 212, 0), rgba(241, 104, 104, 0)), url('../images/all_m_01.jpg') center center no-repeat;
	background-size: cover;
}	
	
#ib_logo{
	display: block;
	width: 200px;
	height: auto;
	margin: 0px 0px -60px 0px;
	filter:drop-shadow(0px 0px 10px rgba(0,0,0,.5));
	zfilter:drop-shadow(0px 0px 10px rgba(0,0,0,.5)) contrast(200%);/*水平陰影  垂直陰影  模糊距離  陰影的顏色*/
}
	
#ib_logo_w{
	display: block;
	width: 200px;
	height: auto;
	margin: 0px 0px -60px 0px;
}	
.women_b_title {
	text-align: left;
/*	margin-left:15px; */
}	
	
/*.header .text-container {
	padding-top: 8.5rem;
	padding-bottom: 7rem;
	padding-left: 30%;
    margin-top: 0rem;
    margin-left: 0em;
	margin-bottom: 0rem;
}*/
.header .text-container {
	padding-left:35%;

	}
.header .text-container_w {
	padding-left:15px;

}

.header #title_h2 {
color: #00c9db;
	font-size:1.4rem;
}
.header #title_h3 {
	color: #fff;
	font-size:1.4rem;
	filter:drop-shadow(0px 0px 10px rgba(0,0,0,.5));
	zfilter:drop-shadow(0px 0px 10px rgba(0,0,0,.5)) contrast(200%);/*水平陰影  垂直陰影  模糊距離  陰影的顏色*/
}
.card-img {
	display: block;
	margin-right: 15px;
	margin-top: -20px;

}

	
.buy_area{
 border:0px #d8d8d8 solid;
 padding:0px 0px 0px 0px;
 margin:-8px -10px 20px -10px;
text-align: center;
 vertical-align: middle;
 display: flex;
 justify-content: center;
		}

.buy_areabg{
	padding-top: 4.8rem;
	padding-bottom: 5.2rem;
	background: url('../images/background_1.jpg') center center no-repeat;
	background-size: cover; 	
}

.buy_areabg p{
	color:#68564A;
	margin-top: 10px;
}	

.ad_banner{
	display:flex;
    align-items:center;
    justify-content:center;
	background-color: #e2ded5;
	padding-bottom: 30px;
	margin:-30px 0px 30px 0px;
	box-sizing: border-box;
	
}
	.copyright p{
		font-size: 10px;
		margin:0px 20px 0px 20px;
	}
	

.ib_p{display:none;}
.ib_m{width:100%; height:auto; margin:0 auto; display:block; line-height:0;}	
.ib_mlr{
	margin: 0px -30px 0px -30px;
	}
.choose_area_pc{display:none;}
.choose_area_m{width:100%; height:auto; margin:0 auto; display:block; line-height:0;}
	
.ad_banner_mlr{margin: 0px -15px 0px -15px;
		
	}
/*.ad_banner{margin: 0px -15px 0px -15px;
		
	}*/
	
	}

/*寬度大於576px小於766px*/
@media screen and (min-width:576px) and (max-width:766px){

	.header .text-container {
	padding-left:15px;

}
}

@media (min-width: 768px){



/*.header .text-container {
    margin-top: 0.5rem;
    margin-left: 0rem;
	margin-bottom: 8rem;

}
.header .header-content_men {
	padding-top: 8.5rem;
	padding-bottom: 7rem;
	/*text-align:right;手機版
}*/
#ib_logo{
	display: block;
	width: 300px;
	height: auto;
	margin: 0px 0px -40px 0px;
	filter:drop-shadow(0px 0px 10px rgba(0,0,0,.5));
	zfilter:drop-shadow(0px 0px 10px rgba(0,0,0,.5)) contrast(200%);/*水平陰影  垂直陰影  模糊距離  陰影的顏色*/
}
	
#ib_logo_w{
	display: block;
	width: 300px;
	height: auto;
	margin: 0px 0px -40px 0px;
	filter:drop-shadow(0px 0px 10px rgba(0,0,0,.5));
	zfilter:drop-shadow(0px 0px 10px rgba(0,0,0,.5)) contrast(200%);/*水平陰影  垂直陰影  模糊距離  陰影的顏色*/
}
.header #title_h2 {
	color: #00c9db;
	font-size:2.2rem; 
}
.header #title_h3 {
	color: #fff;
	font-size:2.2rem;
	filter:drop-shadow(0px 0px 10px rgba(0,0,0,.5));
	zfilter:drop-shadow(0px 0px 10px rgba(0,0,0,.5)) contrast(200%);/*水平陰影  垂直陰影  模糊距離  陰影的顏色*/
}
.header .text-container_w {
	padding-left:15px;

}
	

.buy_area{
 border:0px #d8d8d8 solid;
 padding:0px 0px 0px 0px;
 margin:-8px -10px 20px -10px;
text-align: center;
 vertical-align: middle;
 display: flex;
 justify-content: center;
		}

.buy_areabg{
	padding-top: 4.8rem;
	padding-bottom: 5.2rem;
	background: url('../images/background_1.jpg') center center no-repeat;
	background-size: cover; 	
}

.buy_areabg p{
	color:#68564A;
	margin-top: 10px;
}

.ad_banner{
	display:flex;
    align-items:center;
    justify-content:center;
	background-color: #e2ded5;
	padding-bottom: 30px;
	margin-top: -40px;
}
.ib_p{width:100%; height:auto; margin:0 auto; display:block; line-height:0;}
.ib_m{display:none;}

.choose_area_pc{width:100%; height:auto; margin:0 auto; display:block; line-height:0;}
.choose_area_m{display:none;}
	
.ib_mlr{
	margin: 0px -30px 0px -30px;
	}	
	
	}

@media (min-width: 450px) {
	.header .text-container {margin-left:50px;}

}
/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
.header .text-container {margin-left:-50px;}
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.header .text-container {padding-left:0px;}
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
.header .text-container {padding-left:15px;}
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.header .text-container {padding-left:50px;}
	.dropdown-menu li:hover .sub-menu {visibility: visible;}
.dropdown:hover .dropdown-menu {display: block;}
}
	
	
	