@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
	list-style-type:none;
	}
a,img {
	outline: none;/* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */	
	}
img, div {border:0px;}
a:link {
	color: #ff8400;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
	color: #ff5500;
}
a:hover {
	text-decoration: none;
	color: #ff5500;
}
a:active {
	text-decoration: none;
	color: #ff5500;
}
html {font-size:75%;}
body{
	font-size:1rem;
	word-wrap:break-word;
	font-family: Arial,"微軟正黑體", Helvetica, sans-serif;
	}
/**/
.bg{
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 50% 0%;
	}
#content{
	position:relative;
	width:750px;
	margin: 0px auto;
	padding-bottom:0px;
	}
.tbox{
	position:relative;
	text-align:center;
	}
.tbox > img{width:80%;display:inline-block;}
.but > img{width:100%;display:block;}
.but{}
.timebox{
	position:relative;
	width:556px;
	height:62px;
	margin:0 auto;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.timebox > div{
	display:inline-block;
	height:62px;
	margin:-2px;
	overflow:hidden;
	}
.timebox > div > img{display:inline-block;}
.timebox > .nb1{
	width:62px;
	font-size:3.75rem;
	line-height:62px;
	color:#9900ff;
	background-color:#fffcd0;
	text-align:center;
	}
.timebox > .tx1{width:159px;}
.timebox > .tx2{width:78px;}
.timebox > .tx3{width:78px;}
.timebox > .tx4{width:54px;}
/*版宣*/
#cy{
	position:relative;
	width:100%;
	padding:20px 0 20px 0;
	font-size:1rem;/*0.916r*/
	line-height:1.25rem;/*1.25*/
	color:#fff;
	background-color:#000;
	text-align:center;/**/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
#cy > div{
	width:850px;/*940px*/
	margin:0 auto;
	}
#cy div span,#cy div img{display:inline-block;}
#cy div span{ position:relative;text-align:left;padding:0 15px 0 10px;width:488px;height:44px;overflow:hidden;left:-3px;}
.dragon{margin-right:5px;}
.grading{float:right;width:40px;height:auto;}  
/**/
.im{
	position:absolute;
	width:73px;
	height:36px;
	display:block;
	top:0;
	left:0;
	z-index:2;
	}
.im > img{display:block;}
.lovebox{
	position:fixed;
	width:131px;
	top:50%;/*35*/
	right:1px;
	z-index:5;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.lovebox > a{display:block;}
.lovebox > a > img{
	width:100%;
	display:block;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.ffb{
	position:absolute;
	width:50%;
	top:0;
	right:5px;
	text-align:right;
	z-index:1;
	}
.ffb > a,.ffb > div{
	cursor: pointer;
	border-radius:99px;
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari and Chrome */
	-o-transition: all .5s; /* Opera */
	margin:-2px;
	margin-top:5px;
	margin-left:5px;
	overflow:hidden;
	}
.ffb > a > img,.ffb > div > img{
	width: 100%;
	display:block;	
	}
.ffb2{width:50px;height:50px;background-color:#3b5998;display:inline-block;}
.ffb2:hover{ background-color:#4c75c9;}
.ffb3{width:50px;height:50px;background-color:#00b737;/*display:none;*/display:inline-block;}		

@media only screen and (max-width:1000px){
/**/

}
@media only screen and (max-width:750px){
/**/
.bg{
	background-image: url(../images/bg-m.jpg);
	background-size:100% auto;
	}
#content{width:100%;}
.tbox > img{width:100%;margin-top:10px;}
/*版宣*/
#cy{
	position:relative;
	width:auto;
	padding:20px 5px 20px 5px;
	line-height:1.6rem;}
#cy > div{width:100%;}
#cy div img{margin:1%;}
#cy div span{text-align:center;padding:10px 0 0 0;height:auto;width:auto;}
.grading{float:none;}
.lovebox{/*top:65%;*/}
.ffb{
	width:90%;
	right:8px;
	}
.ffb > a,.ffb > div{
	margin-left:3px;
	}
.ffb2{width:40px;height:40px;}
.ffb3{width:40px;height:40px;display:inline-block;}
}
@media only screen and (max-width:560px){
/**/
.timebox{width:100%;}
.timebox > div{
	height:62px;
	margin:0;
	}
.timebox > .nb1{width:11%;}
.tx1,.tx2,.tx3,.tx4{text-align:center;}
.timebox > .tx1{width:29.5%;}
.timebox > .tx2{width:9%;}/*14*/
.timebox > .tx3{width:9%;}/*14*/
.timebox > .tx4{width:9%;}/*9.7*/
/**/
.lovebox{/*top:60%;*/}
}
@media only screen and (max-width:450px){
/**/
.timebox{height:43px;}
.timebox > div{height:43px;}
.timebox > .nb1{
	font-size:2.8rem;
	line-height:43px;
	}
.timebox > div > img{width:100%;}
.timebox > .nb1{width:15%;}
.timebox > .tx1{width:23.7%;}/*28.5*/
.timebox > .tx2{width:6.4%;}
.timebox > .tx3{width:6.4%;}
.timebox > .tx4{width:6.4%;}/*9.7*/
/*版宣*/
#cy div span{padding:10px 3px 10px 3px;}
.dragon{margin-right:.8%;width:35.84%;/*29.84*/}
.dragon2{width:35.76%;}
.grading{float:none;width:10.5%;/*9.11%*/}
/**/
.lovebox{
	width:30%;
	top:42%;
	}
}
@media only screen and (max-width:370px){
/**/
.lovebox{
	width:28%;
	top:36%;
	}
}