@charset "utf-8";
/* CSS Document */

a{ color:#000;}

body{
	background-color:#FFF;
	font-family:"Adobe Garamond Pro", "華康儷中宋";
	}
	
@font-face{
	font-family:"華康儷中宋";
	src:url(../font/儷中宋.ttc);
	}
	
	
.header{
	background-color:rgba(255 , 255 , 255 , 0.8);
	color:#000;
	}

.header .logo{
	background-image:url(../images/header/LOGO.png);
}

.header li{
	color:#000;
	}
	
.header-icon{
	border:1px #000 solid;
	}
	
.header-ch{
	color:#000;
	}
	
.flag{
	background-color:#FFF;
	border:1px #666 solid;
	}
	
.flag-on span{border-bottom:1px solid #000;}

.page-1{
	background-image:url(../images/bg/page-home.jpg);
	background-size:auto 100%;
	background-position:right;
	background-repeat:no-repeat;
	}
	
.page-1-block{
	background-position:right center;
	background-image:url(../images/pages/page1-2.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	overflow:visible;
	}
	
.page-1-title span{ font-size:50px;	letter-spacing:3px; line-height:65px;}
	
.page-3{
	background-color:#4f84ae;
	background-image:url(../images/bg/mij-1.png);
	background-position:center top 30vh;
	background-size:auto 90%;
	background-repeat:no-repeat;
	}
	
.page-3-block{
	background-image:url(../images/pages/mij-tw.png);
	background-position:center top;
	background-size:500px auto;
	margin:20vh auto 0 auto !important;
	}
	
.page-3-block b{
	padding-top:350px;
	}
			
.page-4-right b{
	display:block;
	font-size:48px;
	margin-bottom:10px;
	}
	
.page-4-right p,.page-4-right div{
	display:inline-block;
	font-size:32px;
	line-height:45px;
	width:128px;
	}
	
.p4-x-1{
    height:100px;
    display: inline-block;
    position: relative;
	margin-left:120px;
}

.p4-x-1 span {
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    position: absolute;
	margin-left:-120px;
}

.p4-x-2{ margin-left:-8px;}

.p4-x-01{
    border-width: 65px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #000 transparent transparent;
    left: 0px;
    top: 2px;
}

.p4-x-02{
    border-width: 65px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #fff transparent transparent;
    left: 1px;
    top: 2px;
}

.p4-x-03{
    border-width: 65px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #000;
    left: 1px;
    top: 2px;
}

.p4-x-04{
    border-width: 65px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
    left: 0px;
    top: 2px;
}


.page-5{
	background-image:url(../images/bg/3599984716_0e456c46e7_o.jpg);
	background-position:center top;
	background-size:auto 100%;
	}
	
.page-5-title{ color:#FFF;}
	
.page-6{
	background-color:#ccc;
	}

.page-6-text ul{
    list-style: square inside;
	font-size:18px;
    line-height: 40px;
	}
	
.page-7{
	background-color:#FFF;
	background-image:url(../images/pages/IMG_8068-2.png);
	background-position:right top 200px;
	background-size:50% auto;
	}
	
.page-7-1{
	background-image:url(../images/bg/Under-the-surface-2.jpg);
	background-position:left top;
	background-size:auto 155vh;
	}
	
.page-71-left{
	background-image:url(../images/pages/empty-bottle.png);
	background-position:right center;
	background-size:auto 60vh;
	}