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

/*虎航動畫*/
@keyframes bgchange {from {background:darkorange;} to {background:#F60;}}

.cleardiv {clear:both;}
#back {position:fixed; right:40px; bottom:120px; cursor:pointer; display:none; z-index:10;}

header {height:471px; background:url(../images/header10.jpg) top center no-repeat; margin-top:30px;}
header img {
	display: none;
}

#layout {margin-top:30px; width:980px;}

nav {margin-top:-30px;}
nav a {display:inline-block; margin:0px -3px;}

#mbmenu, #goarticle {display:none;}

#con_lt {display:block; float:left; width:519px; padding:8px; margin-right:10px; margin-bottom:15px;}
#vdeo_block {width:510px; height:330px; padding-top:50px; margin:12px 0px 15px 10px; background:url(../images/video_bg2.png) top center no-repeat;}
#vdeo_block div {margin-left:15px;}

#con_rt {display:block; float:right; width:430px; margin-top:15px; margin-bottom:15px; }
#con-rt-gds {width:414px; padding:12px 8px !important; background:white; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}

#tbbk {background:url(../images/index_04.jpg) top right no-repeat, url(../images/index_06.jpg) bottom right no-repeat; background-color:white;}

#article p {font-size:12px; letter-spacing:1px; color:#003;}

.daytitle {background:#B9FFFF; color:#06F; font-weight:bold; font-family:微軟正黑體; height:30px; width:130px; font-size:18px; line-height:30px; display:inline-block; border:2px solid #06f; border-radius:50px;}
.daytitle:hover {background:#F36; color:white; border:2px solid white;}
.daytitle:active {background:#F36; color:white; border:2px solid white;}

#day{display:block; height:370px; visibility:hidden; position:relative; margin-top:15px;}
#day div {position:absolute; top:0px; left:0px; font-size:13px; letter-spacing:1px; color:#003;}

#day h2 {background:#F36; color:white; font-size:16px; padding:5px 10px; line-height:30px; display:inline; border-radius:5px;}
#day p {text-indent:-28px; padding-left:28px; margin-top:10px; margin-bottom:10px; background:url(../images/textline.jpg) repeat-y; background-origin:padding-box; padding-left:35px;}
#day p .mark1 {color:#603; font-weight:bold; padding:3px;}
#day p .mark2 {font-weight:bold;}
#day p .mark3 {margin-left:6px; color:#06C; font-weight:bold; padding:5px; border:2px solid #06c;}





#menu {position:relative; height:auto; box-sizing:border-box; padding:0px; top:0px}
#menu a {display:inline-block; width:auto; background:; margin:8px 4px; text-align:center; font-size:22px; line-height:30px; font-family:'cwTeXFangSong',微軟正黑體,sans-serif; text-decoration:none; letter-spacing:0px;}
#menu a:hover {font-family:'cwTeXFangSong',微軟正黑體,sans-serif; color:white; background:; font-size:22px; line-height:30px;}
#menu a.slec {color:white; cursor:default; background:;}
#menu i.menu_rt {position:absolute; right:0px; top:0px; padding:15px 10px;}
#menu i.menu_lt {position:absolute; left:0px; top:0px; padding:15px 10px;}


div.jn {background:#ef4e70;}
div.jn a {color:#ffd6df;}















@media screen and (max-width: 768px) {
	#back {right:10px; bottom:10px;}
	#back img {width:40px; height:auto;}
	header {width:100%; height:auto; background:none; margin-top:40px;}
	header img {
	display: inherit;
	width: 100%;
	height: auto;
}
	#layout {width:100%; position:relative;margin-top:-30px;}
	/*nav {width:100%; z-index:2; margin-top:-10%;}
	nav a {width:22%; margin:0px;}*/
	nav {display:none;}
	#mbmenu {display:block; width:100%; background:steelblue; margin-top:30px;}
	#mbmenu a {display:inline-block; width:24%; font-size:20px; font-family:微軟正黑體; line-height:36px; color:white;}
	#mbmenu a.slec {background:skyblue; color:black;}
	#goarticle {display:block; width:70%; padding:6px 0px; margin-top:10px; background:#398692; color:white; font-size:13.5pt; letter-spacing:0.75pt; font-family:微軟正黑體, 新細明體;}
	nav a img {width:100%; height:auto;}
	#con_lt, #con_rt {clear:both;}
	#con_lt {width:95%; margin:auto;}
	#vdeo_block {width:100%; height:auto; margin:auto; margin-top:-10%; margin-bottom:15px; padding:none; background:none;}
	#vdeo_block object, #vdeo_block #movie {width:100%; height:auto;}
	#day #1day img#1dayimg {display:none !important;}
	.awards img {display:block; width:90%; height:auto;}
	#con_rt {width:100%;}
	#con-rt-gds {width:90%; padding:2%; margin:0px auto;}
	#con-rt-gds .rtbtn img {width:30%; height:auto;}
	article {width:100%;}
	#article .mosaic-block {width:95%; height:300px;}
	#article .bar2 .mosaic-overlay {width:95%; height:300px;}
	#article .mosaic-backdrop img {width:100% !important; height:auto;}
	#article .artitle img {width:80%; height:auto; margin:auto !important;}
	#con-rt-gds table {background-image:none; border-bottom:1px solid gray;}
	
	#menu {position:relative; height:auto; box-sizing:border-box; padding:0px; top:0px;}

	#menu a {display:inline-block; width:auto; background:; margin:8px 8px; text-align:center; font-size:23px; line-height:26px; font-family:'cwTeXFangSong',微軟正黑體,sans-serif; text-decoration:none; letter-spacing:0px; white-space:nowrap;}
    #menu a:hover {font-family:'cwTeXFangSong',微軟正黑體,sans-serif; color:white; background:; font-size:23px; line-height:26px;white-space:nowrap;}
    #menu a.slec {color:white; cursor:default; white-space:nowrap;}
	iframe {width:100%; height:auto;}

}


@media screen and (max-width: 480px) {
	#goarticle {font-size:11.25pt;}
	#day {height:450px;}
	#article .mosaic-backdrop img {height:100% !important; width:auto;}
}