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

.container-box {
    width:100% !important;
}

.subject_Title {
	width:100%;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
}
.subject_Title .dta .Join {
    display: block;
    background-color: #999;
    color: #FFF;
    padding: 8px 15px;
	font-size:20px;
	text-align: center;
}
.subject_Title .dta .Join i {
	color:#f00;
}


.yvideo{
	width:100%;
	padding:10px 0 ;
	overflow: hidden;
}


#Product-Introduction {
	width: 100%;
	height: 100%;
	font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "Century Gothic", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
}
#Product-Introduction .Style {}
@media (min-width: 768px) {

.yvideo > div {
    width:1000px;
    overflow: hidden;
    margin:auto;
}

#Product-Introduction .Style .Width1200 {
	width: 1200px;
	min-height: 400px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#Product-Introduction .Style .entry-box{
	position:absolute;
}
#Product-Introduction .Style .style-text {
	z-index:10;
}
#Product-Introduction .Style .style-map {
	z-index:5;
}
#Product-Introduction .Style .style-full {
	width: 100%;
	height: auto;
	text-align:center;
}
#Product-Introduction .Style h3 {
	margin-bottom: 10px;
	font-weight: normal;
}
#Product-Introduction .Style .Title {
	margin-bottom: 10px;
}
#Product-Introduction .Style p {
	line-height: 2em;
}

.box-top-0{top:0%;}
.box-top-1{top:5%;}
.box-top-2{top:10%;}
.box-top-3{top:15%;}
.box-top-4{top:20%;}
.box-top-5{top:25%;}
.box-top-6{top:30%;}
.box-top-7{top:35%;}
.box-top-8{top:40%;}
.box-top-9{top:45%;}
.box-top-10{top:50%;}

.box-bottom-0{bottom:0%;}
.box-bottom-1{bottom:5%;}
.box-bottom-2{bottom:10%;}
.box-bottom-3{bottom:15%;}
.box-bottom-4{bottom:20%;}
.box-bottom-5{bottom:25%;}
.box-bottom-6{bottom:30%;}
.box-bottom-7{bottom:35%;}
.box-bottom-8{bottom:40%;}
.box-bottom-9{bottom:45%;}
.box-bottom-10{bottom:50%;}

.box-left-0{left:0%;}
.box-left-1{left:4%;}
.box-left-2{left:8%;}
.box-left-3{left:12%;}
.box-left-4{left:16%;}
.box-left-5{left:20%;}
.box-left-6{left:24%;}
.box-left-7{left:28%;}
.box-left-8{left:32%;}
.box-left-9{left:36%;}
.box-left-10{left:40%;}

.box-right-0{right:0%;}
.box-right-1{right:4%;}
.box-right-2{right:8%;}
.box-right-3{right:12%;}
.box-right-4{right:16%;}
.box-right-5{right:20%;}
.box-right-6{right:24%;}
.box-right-7{right:28%;}
.box-right-8{right:32%;}
.box-right-9{right:36%;}
.box-right-10{right:40%;}

.box-height-auto{height:auto;}
.box-height-0{height:0%;}
.box-height-1{height:5%;}
.box-height-2{height:10%;}
.box-height-3{height:15%;}
.box-height-4{height:20%;}
.box-height-5{height:25%;}
.box-height-6{height:30%;}
.box-height-7{height:35%;}
.box-height-8{height:40%;}
.box-height-9{height:45%;}
.box-height-10{height:50%;}
.box-height-11{height:55%;}
.box-height-12{height:60%;}
.box-height-13{height:65%;}
.box-height-14{height:70%;}
.box-height-15{height:75%;}
.box-height-16{height:80%;}
.box-height-17{height:85%;}
.box-height-18{height:90%;}
.box-height-19{height:95%;}
.box-height-20{height:100%;}

.box-width-0{width:0%;}
.box-width-1{width:5%;}
.box-width-2{width:10%;}
.box-width-3{width:15%;}
.box-width-4{width:20%;}
.box-width-5{width:25%;}
.box-width-6{width:30%;}
.box-width-7{width:35%;}
.box-width-8{width:40%;}
.box-width-9{width:45%;}
.box-width-10{width:50%;}
.box-width-11{width:55%;}
.box-width-12{width:60%;}
.box-width-13{width:65%;}
.box-width-14{width:70%;}
.box-width-15{width:75%;}
.box-width-16{width:80%;}
.box-width-17{width:85%;}
.box-width-18{width:90%;}
.box-width-19{width:95%;}
.box-width-20{width:100%;}

.box-center{ text-align:center}
.box-left{ text-align:left}
.box-right{ text-align:right}
}


@media (max-width: 767px) {
.yvideo > div {
    width:100%;
    overflow: hidden;
    margin:auto;
}
.yvideo > div > iframe{
	max-height:350px;
}
#Product-Introduction .Style .Width1200 {
	width: 100%;
	height: auto !important;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#Product-Introduction .Style .entry-box{
	/*position:absolute;*/
}
#Product-Introduction .Style .style-text {
	width:90%; 
	margin:auto;
	padding:20px 0px;
	z-index:10;
}
#Product-Introduction .Style .style-map {
	width:90%;
	height:90vw; 
	margin:auto;
	padding:0px;
	z-index:5;
	overflow: hidden;
}
#Product-Introduction .Style .style-map img{
	width:100%;
	height:auto;
}
#Product-Introduction .Style .style-full {
	width: 100%;
	height: auto;
	text-align:center;
}
#Product-Introduction .Style h3 {
	margin-bottom: 10px;
	font-weight: normal;
}
#Product-Introduction .Style .Title {
	margin-bottom: 10px;
}
#Product-Introduction .Style p {
	line-height: 1.5em;
}
/*
.box-top-0{top:0%;}
.box-top-1{top:5%;}
.box-top-2{top:10%;}
.box-top-3{top:15%;}
.box-top-4{top:20%;}
.box-top-5{top:25%;}
.box-top-6{top:30%;}
.box-top-7{top:35%;}
.box-top-8{top:40%;}
.box-top-9{top:45%;}
.box-top-10{top:50%;}

.box-bottom-0{bottom:0%;}
.box-bottom-1{bottom:5%;}
.box-bottom-2{bottom:10%;}
.box-bottom-3{bottom:15%;}
.box-bottom-4{bottom:20%;}
.box-bottom-5{bottom:25%;}
.box-bottom-6{bottom:30%;}
.box-bottom-7{bottom:35%;}
.box-bottom-8{bottom:40%;}
.box-bottom-9{bottom:45%;}
.box-bottom-10{bottom:50%;}

.box-left-0{left:0%;}
.box-left-1{left:4%;}
.box-left-2{left:8%;}
.box-left-3{left:12%;}
.box-left-4{left:16%;}
.box-left-5{left:20%;}
.box-left-6{left:24%;}
.box-left-7{left:28%;}
.box-left-8{left:32%;}
.box-left-9{left:36%;}
.box-left-10{left:40%;}

.box-right-0{right:0%;}
.box-right-1{right:4%;}
.box-right-2{right:8%;}
.box-right-3{right:12%;}
.box-right-4{right:16%;}
.box-right-5{right:20%;}
.box-right-6{right:24%;}
.box-right-7{right:28%;}
.box-right-8{right:32%;}
.box-right-9{right:36%;}
.box-right-10{right:40%;}

.box-height-auto{height:auto;}
.box-height-0{height:0%;}
.box-height-1{height:5%;}
.box-height-2{height:10%;}
.box-height-3{height:15%;}
.box-height-4{height:20%;}
.box-height-5{height:25%;}
.box-height-6{height:30%;}
.box-height-7{height:35%;}
.box-height-8{height:40%;}
.box-height-9{height:45%;}
.box-height-10{height:50%;}
.box-height-11{height:55%;}
.box-height-12{height:60%;}
.box-height-13{height:65%;}
.box-height-14{height:70%;}
.box-height-15{height:75%;}
.box-height-16{height:80%;}
.box-height-17{height:85%;}
.box-height-18{height:90%;}
.box-height-19{height:95%;}
.box-height-20{height:100%;}

.box-width-0{width:0%;}
.box-width-1{width:5%;}
.box-width-2{width:10%;}
.box-width-3{width:15%;}
.box-width-4{width:20%;}
.box-width-5{width:25%;}
.box-width-6{width:30%;}
.box-width-7{width:35%;}
.box-width-8{width:40%;}
.box-width-9{width:45%;}
.box-width-10{width:50%;}
.box-width-11{width:55%;}
.box-width-12{width:60%;}
.box-width-13{width:65%;}
.box-width-14{width:70%;}
.box-width-15{width:75%;}
.box-width-16{width:80%;}
.box-width-17{width:85%;}
.box-width-18{width:90%;}
.box-width-19{width:95%;}
.box-width-20{width:100%;}

.box-center{ text-align:center}
.box-left{ text-align:left}
.box-right{ text-align:right}
*/
}