@charset "utf-8";
body {
	font-family:Noto Sans TC, sans-serif, 微軟正黑體;
	background-color:#ffffff;
	margin:0px auto;
	font-size:15px;}
a:focus, a:hover {
	text-decoration:none;}
div, div:hover, img, a, a:hover, button, button:hover {
	transition:all .3s ease-in-out;}
:focus,.storage_use:focus {
	outline:none;}	
.gucbox {
	display:inline-block;}
.gucbox h2.title {
	margin-bottom:20px;
    border-bottom:1px dashed #7d7d7d;
    padding:5px 10px 5px 0px;}
.dtcard1,.dtcard2,.dtcard3,.dtcard4 {
	float:left;
    overflow:hidden;
    padding:0px 1%;
    margin:0px 0px 3% 0px;    
    border:0px;
    background-color:#ffffff00;}
.dtcard1 img,.dtcard2 img,.dtcard3 img,.dtcard4 img {
	width:100%;
	position:relative;
	z-index:999;}
.dtcard1 {
	width:100%;}
.dtcard1-left1,.dtcard1-right2 {
	width:49%;
	float:left;}
.dtcard1-right1,.dtcard1-left2 {
	width:49%;
	float:right;}
.dtcard2 {
	width:50%;}
.dtcard3 {
	width:33.3333%;}
.dtcard4 {
	width:25%;}
.dtcard1-images,.dtcard2-images,.dtcard3-images,.dtcard4-images {
    width:100%;
    height:auto;
    position:relative;
    overflow:hidden;
    margin:0px;
    border-radius:5px;
    border:0px dashed #636363;}
.dtcard1-images {
	min-height:320px;}
.dtcard2-images {
	min-height:320px;}
.dtcard3-images {
	min-height:220px;}
.dtcard4-images {
	min-height:160px;}
.divbox {
    width:100%;
    float:none;}
.dtcard1-movies {
	width:100%;
    height:500px;
	min-height:300px;
	margin:0px auto;}
.dtcard2-movies {
	width:49%;
    height:300px;
	min-height:200px;
	margin:0px 0.5%;
	float:left;}
.dtcard1:hover .dtcard1-images,.dtcard2:hover .dtcard2-images,.dtcard3:hover .dtcard3-images,.dtcard4:hover .dtcard4-images {
	background-color:#f0f0f0;}
.dtcard1:hover .dtcard1-images img,.dtcard1:hover .dtcard2-images img,.dtcard1:hover .dtcard3-images img,
.dtcard2:hover .dtcard2-images img,.dtcard2:hover .dtcard3-images img,.dtcard3:hover .dtcard3-images img,
.dtcard4:hover .dtcard3-images img,.dtcard4:hover .dtcard4-images img {
	transform:scale(1.05,1.05);}
.dtcard1-images:hover,.dtcard2-images:hover,.dtcard3-images:hover,.dtcard4-images:hover {
	cursor:cell;}
.dtcard1-title,.dtcard2-title,.dtcard3-title,.dtcard4-title {
	margin:0px 0px 0px 0px;}
.dtcard1-title .AutoHeight {	
	width:96%;}
.dtcard2-title .AutoHeight {
	width:94%;}
.dtcard3-title .AutoHeight,.dtcard4-title .AutoHeight {
	width:100%;}
.dtcard1-title .AutoHeight,.dtcard2-title .AutoHeight,.dtcard3-title .AutoHeight,.dtcard4-title .AutoHeight {
	width:100%;
	color:#2196f3;
	font-size:18px;
	line-height:24px;
	font-weight:600;
	border:0px;
	padding:4px 0px;
	margin:0px 0px;
	resize:none;
	word-wrap:break-word;
	/*display:-webkit-box;*/
    /*-webkit-line-clamp:2;*/
    /*-webkit-box-orient:vertical;*/
    overflow:hidden;
    text-align:justify;
	text-overflow:ellipsis;} 
.dtcard4-title,.dtcard4-title .AutoHeight {
	width:100%;
	text-align:center;}
.dtcard-content .AutoHeight {
	resize:none!important;
	width:100%;
	color:#636363;
	line-height:24px;
	font-weight:600;
	border:0px;
	padding:0px;
	margin-top:0px;
	overflow:hidden;
	text-align:justify;
    text-justify:inter-ideograph;}
    
@media screen and (max-width:1024px) and (min-width:801px) {
.dtcard1-movies {
	height:460px;}
.dtcard2-movies {
	height:260px;}
}

@media screen and (max-width:1024px) and (min-width:760px) {
.dtcard4 {
    width:33.33%;}
.dtcard3-images {
    min-height:160px;}
.dtcard2-images {
    min-height:220px;margin-bottom:30px;}
}

@media screen and (max-width:800px) and (min-width:641px) {
.dtcard1-movies,.dtcard2-movies {
	width:100%;
	height:380px;
	margin-bottom:2%;}
}

@media screen and (max-width:759px) and (min-width:641px) {
.dtcard4,.dtcard3 {
	width:50%;}
.dtcard2-images {
    min-height:220px;
	margin-bottom:30px;}
}

@media screen and (max-width:640px) and (min-width:300px) {
.dtcard1-title .AutoHeight,.dtcard2-title .AutoHeight,.dtcard3-title .AutoHeight,.dtcard4-title .AutoHeight {
	padding:3px 0px 0px 0px;}
.dtcard-content .AutoHeight {
	padding:3px 0px 20px 0px;}
.dtcard1,.dtcard2,.dtcard3,.dtcard4,.dtcard1-left1,.dtcard1-right2,.dtcard1-right1,.dtcard1-left2 {
	width:100%;}
.dtcard1-right1,.dtcard1-left2 {
	padding-right:0%;}
.dtcard1-movies,.dtcard2-movies {
	width:100%;
	height:300px;
	margin-bottom:2%;}	
.dtcard2-images {
	min-height:auto;
	margin-bottom:30px;}	
}