@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	border: 0;
	padding: 0;
}
body{
	background-color:#000;
    text-align: justify;
    text-justify:inter-ideograph;
}
::selection {
    background:transparent;
}
img::selection {
    background: transparent;
}
img::-moz-selection {
    background: transparent;
}
.blueberry {
	max-width: 100%;
	}
a:link {
	color: #CCC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCC;
}
a:hover {
	text-decoration: none;
	color: #FFEB27;
}
a:active {
	text-decoration: none;
	color: #FFEB27;
}
img {
	border: 0px;
	height: auto;
	max-width:100%;
	display: block
}

.video-container {

position: relative;

padding-bottom: 56.25%;

padding-top: 30px;

height: 0;

overflow: hidden;

}

.video-container iframe, .video-container object, .video-container embed {

position: absolute;

top: 0;left: 0;

width: 100%;

height: 100%;}

/*------------------------------ txt -------------------------*/
.AHD-title {
	font-size: 1.75em;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:600;
	color: #CCC;
	line-height: 1.2em;
}
.menu-txt {
    font-size: 1.1em;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #CCC;
    line-height: 2em;
    text-align: right;
}
.text {
	font-size: 1.1em;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:400;
	color: #CCC;
	line-height: 1.8em;
	letter-spacing:0.05em;
}
.text-b {
	font-size: 1.1em;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:400;
	color: #CCC;
	line-height: 1.8em;
	letter-spacing:0.05em;
}

.text-b2 {
	font-size: 1.1em;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:400;
	color: #444;
	line-height: 1.8em;
	letter-spacing:0.05em;
}
.title {
	font-size: 2.5em;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:600;
	color: #CCC;
}
.planstitle {
	font-size: 2em;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:600;
	color: #CCC;
}
.copyright-txt {
	font-size: 0.9em;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:400;
	color: #777;
	line-height: 1.6em;
	letter-spacing:0.05em;
}

/*------------------------------ end txt -------------------------*/


/*------------------------------ Div -------------------------*/
@media screen and (min-width: 1200px) {
.header-div {
	position:fixed;
	width:100%;
	height:80px;
	background-color:#000;
	z-index:1;
}
.container-div {
	position:absolute;
	width:100%;
	top:80px;
}
.menu-div {
	width:1200px;
	margin:0px auto;
}
.outer-div {
	width:1200px;
	color:#444;
	margin:0px auto;
}
.footer-div {
	width:1200px;
	margin:0px auto;
}
.banner-div {
	width:100%;
}
.content2-div {
	float:left;
	width:50%;
}
.content3-div {
	float:left;
	width:100%;
}

.content1-div {
	float:left;
	width:23.125%;
}
.hf-div {
	float:left;
	width:48.75%;
}
.planhf-div {
	float:left;
	width:31%;
}
.space-div {
	display:block;
	float:left;
	width:2.5%;
}
.planspace-div {
	display:block;
	float:left;
	width:3.5%;
}
.pre-div {
	position:fixed;
	top: 50%;
    left: 0;
	z-index:1;
}
.next-div {
	position:fixed;
	top: 50%;
    right: 0;
	z-index:1;
}
}
 @media screen and (max-width: 1350px) {
.header-div {
	position:fixed;
	width:100%;
	height:80px;
	background-color:#000;
	z-index:1;
}
.container-div {
	position:absolute;
	width:100%;
	top:80px;
}
.menu-div {
	width:90%;
	margin:0px auto;
}
.outer-div {
	width:90%;
	color:#333;
	margin:0px auto;
}
.footer-div {
	width:90%;
	margin:0px auto;
}
.banner-div {
	width:100%;
}
.content2-div {
	float:left;
	width:50%;
}
.content3-div {
	float:left;
	width:100%;
}
.content1-div {
	float:left;
	width:22.75%;
}
.hf-div {
	float:left;
	width:48.5%;
}
.planhf-div {
	float:left;
	width:31%;
}
.space-div {
	display:block;
	float:left;
	width:3%;
}
.planspace-div {
	display:block;
	float:left;
	width:3.5%;
}
.pre-div {
	position:fixed;
	top: 50%;
    left: 0;
	z-index:1;
}
.next-div {
	position:fixed;
	top: 50%;
    right: 0;
	z-index:1;
}
}
 @media screen and (max-width: 700px) {
.header-div {
	position:fixed;
	width:100%;
	height:120px;
	background-color:#000;
	z-index:1;
}
.container-div {
	position:absolute;
	width:100%;
	top:120px;
}
.menu-div {
	width:90%;
	margin:0px auto;
}
.outer-div {
	width:90%;
	color:#444;
	margin:0px auto;
}
.footer-div {
	width:90%;
	margin:0px auto;
}
.banner-div {
	width:100%;
}
.content2-div {
	float:left;
	width:100%;
}
.content3-div {
	float:left;
	width:100%;
}

.content1-div {
	float:left;
	width:25%;
}.hf-div {
	float:left;
	width:100%;
}
.planhf-div {
	float:left;
	width:100%;
}
.space-div {
	display:none;
}
.planspace-div {
	display:none;
}
.pre-div {
	position:fixed;
	top: 50%;
    left: 0;
	z-index:1;
}
.next-div {
	position:fixed;
	top: 50%;
    right: 0;
	z-index:1;
}
}
/*------------------------------ end Div -------------------------*/