@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 */	
	}
input,textarea{outline:none} /*消除chrome黃色框*/
textarea{resize:none} /*不要縮放*/	
img, div {border:0px;}
a:link {color: #ff8400;text-decoration:none;}
a:visited {color:#ff5500;text-decoration:none;}
a:hover {color: #ff5500;text-decoration: none;}
a:active {color: #ff5500;text-decoration: none;}
html {font-size:75%;}
body{
	font-size:1rem;
	word-wrap:break-word;
	font-family: Arial,"微軟正黑體", Helvetica, sans-serif;
	font-size: 1.8rem;
	line-height: 2rem;
	}
/**/
.content{
	position:relative;
	width:1000px;
	margin:0 auto;
	}
/*分享按鈕*/
#shbox{
	position:absolute;
	width:355px;
	height:88px;
	top:0;
	right:0;
	text-align:right;
	}
#shbox > a{
	position: relative;
	height: 88px;
	display: block;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	float: right;
	z-index: 2;
	}
#shbox > div{
	position: relative;
	height: 88px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	float: right;
	z-index: 2;
	}
#shbox > a:hover{background-position: 50% 100%;}
.sh1{width:147px;background-image:url(../images/sh_01.png);}
.sh2{width:71px;background-image:url(../images/sh_02.png);}
.sh3{width:67px;background-image: url(../images/sh_03.png);}
.sh4{width:70px;background-image: url(../images/sh_04.png);display:none;/**/}
.sh4a{position:absolute; width:80%; height:40px;left:0;top:10%;overflow:hidden;z-index:1;}
.sh5{width:147px;background-image:url(../images/sh_05.png);}
.sh6{width:147px;background-image:url(../images/sh_06.png);}
/*版宣*/
#cy{
	position:relative;
	padding:52px 0 32px 0;
	font-size:1rem;
	line-height:1.5rem;
	color:#cccac6;
	background-color:#302a24;
	text-align:center;
	}
#cyh{
	position:relative;
	padding:40px 0 12px 0;
	font-size:1rem;
	line-height:1.5rem;
	color:#cccac6;
	background-color:#302a24;
	text-align:center;
	}
#cy > div , #cyh > div{
	width:950px;
	margin:0 auto;
	}
#cy div span,#cy div img,#cyh div span,#cyh div img{display:inline-block;}/*margin:-2px;*/
#cy div span,#cyh div span{text-align:left; padding:0 0 0 5px;height:44px;overflow:hidden;}
.ch{position:relative;margin-right:5px; top:-3px;width:195px;}
.grading{position:relative;float:right; width:40px;} 
/*box*/
#lightbox{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	background-image: url(../images/mbg.png);
	z-index:6;
	overflow:auto;
	/**/
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	display:none;/**/
}
.ppbox{
	position:relative;
	width:501px;
	display:block;
	margin:0 auto;
	display:none;
	}
.pp1,.pp2,.pp3{
	position:relative;
	width:100%;/*501*/
	/*height:285px;*/
	padding-bottom:56.886%;
	display:block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size:100% auto;
	}
.ppcd{
	position:relative;
	width:100%;
	display:block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-image: url(../images/pp_02.png);
	background-position: 50% 100%;
	background-size:100% auto;
	top:-1px;
	}
.pcc{
	position:relative;
	width:78%;
	min-height:100px;
	margin:0 auto;
	font-size:1.5rem;
	line-height:2.2rem;
	color:#382810;
	padding-top:10px;
	}
.pdd{
	width:100%;
	padding-bottom:9.5%;
	}	
.pp1{background-image: url(../images/pp1.png);}
.pp2{background-image: url(../images/pp2.png);}
.pp3{background-image: url(../images/pp3.png);}
/**/
.ct{text-align:center;}
.bt2,.bt3{
	position:relative;
	width:170px;
	height:85px;
	display:inline-block;
	cursor:pointer;
	margin:-4px;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:100% auto;
	}
.bt2:hover,.bt3:hover{background-position:50% 100%;}
.bcod{
	width:90%;
	margin:0 auto;
	margin-top:15px;
	}
.bcm{text-align:center;padding-top:15px;display:block;}
.bcm2{text-align:center; padding-top:5px;display:block;}
.button_c{background-image: url(../images/button_c.png);margin-right:3%;}
.button_m{background-image: url(../images/button_m.png);}
.button_ok{background-image: url(../images/button_ok.png);}
.button_a{background-image: url(../images/button_a.png);margin-right:2%;}
.button_ok2{background-image: url(../images/button_ok2.png);}
	
@media only screen and (max-width:800px){
/**/
.content{width:100%;height:auto;text-align:center;}	
/*分享按鈕*/
#shbox{
	position:absolute;
	width:270px;
	height: auto;
	}
#shbox > a,#shbox > div{
	height:auto;
	background-size:100% auto;
	}
#shbox > a > img,#shbox > div > img{width:100%;display:block;}
.sh1,.sh5,.sh6{width:41.4084%;}
.sh2{width:20%;}
.sh3{width:18.8732%;}
.sh4{width:19.7183%;display:block;}
/*版宣*/
#cy{padding:35px 10px 35px 10px ;}
#cyh{padding:15px 10px 15px 10px ;}
#cy > div,#cyh > div{width:100%;}
#cy div img,#cyh div img{margin:1%;/*-0.5%*/}
#cy div span,#cyh div span{text-align:center;padding:10px 0 0 0;height:auto;}
.ch{margin-right:.8%;width:29.84%;}/*29.84%*/
.grading{float:none;width:9.11%;}/*9.11%*/





}
@media only screen and (max-width:520px){
/*版宣*/
.ch{width:50%;}
.grading{width:15%;}
/**/
.ppbox{width:100%;}
.bt2{
	width:48%;
	height:0;
	padding-bottom:24%;/*50*/
	}
.bt3{
	width:50%;
	height:0;
	padding-bottom:25%;/*50*/
	}

}
@media only screen and (max-width:450px){
/*版宣*/
#cy div span,#cyh div span{text-align:left;padding:10px 5px 0 5px;}

}
@media only screen and (max-width:380px){

}
@media only screen and (max-width:360px){

}
@media only screen and (max-width:290px){

}