@charset "utf-8";
.s_title{
	color: #FFFFFF;
	font-family: "微軟正黑體";
	font-size: 12px !important;
	line-height: 30px;
}
	
.m123{
	vertical-align: middle;
	color: #FFFFFF;
	width: 15px;
	height: auto;
	}
#navigation img {
	float: left;

}
#prevslide {
	opacity:0.5;
	}
#nextslide {
	opacity:0.5;
	}
	
	
#prevslide img{
	opacity:0.9;
	}
#nextslide img{
	opacity:0.9;
	}	
	
	
	
.close{
opacity:1;
			}
			
@media screen and (-webkit-min-device-pixel-ratio:0) { 
   .close{
		opacity:0.5;
			}
}
@-moz-document url-prefix() { 
 .close{
		opacity:0.5;
			}
}




	
.hide{
	display: none;
	}
.seo{
	display: none;
	}
.white{
	color: #FFFFFF;	
	
	}
.wy12 img{
	max-width: 100%;
	height: auto;
	}
a{
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
a{    text-decoration: none;}
body{
	font-family: "微軟正黑體";	
	}
.map{
	width: 100%;		
		}
.nol:hover{
	text-decoration: none !important}
.Sorting{
	position: absolute;
	right: 20px;
	top: 0px;
	z-index: 999999;
	}
.info a{
	display: inline-block !important;
	margin-left: 5px !important;
	font-size: 12px;
	}
.info2 {
	display: inline-block !important;
	margin-left: 10px !important;
	margin-top: 14px;font-size: 12px;
	}	
.c1{
	margin-bottom: 47px;
	border-bottom: 1px solid #939393;
	padding-bottom: 23px;
	font-family: "微軟正黑體";
	font-size: 12px;
	}
.con_inf{
	margin-bottom: 14px;	
	}
.po1 ul li{
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	}
.po1_w12{
	color: #FFFFFF;
	font-family: "微軟正黑體";
	font-size: 12px !important;
	line-height: 30px;
	}
	
	.po1 ul li {
    color: #FFFFFF;
    font-family: "微軟正黑體";
    font-size: 12px !important;
    line-height: 30px;
}
	
	
	
.po1_w12:hover{
	color: #FFFFFF;
	font-family: "微軟正黑體";
	font-size: 12px !important;
	line-height: 30px;
	text-decoration: underline;
	}	
.mm{
	vertical-align: middle;	
	}
.arealink{
	color: #FF0004;
	font-family: "微軟正黑體";
	font-size: 12px;
	margin-bottom: 6px;
	margin-top: 6px;
	}
.area1_1{
	color: #FFFFFF;
	font-family: "微軟正黑體";
	font-size: 14px;
	margin-bottom: 6px;
	}
.area1_2{
	color: #B4B4B4;
	font-family: "微軟正黑體";
	font-size: 12px;
	}	
.area0{
	margin-bottom: 8px;
	border-bottom: 1px solid #676767;
	}
.area{
	color: #FF0004;
	font-family: "微軟正黑體";
	font-size: 14px;
	margin-bottom: 22px;
	}
.area1{
	color: #FFFFFF;
	font-family: "微軟正黑體";
	font-size: 12px;
	margin-bottom: 20px;
	}	
.back img{
	    vertical-align:middle;
	
	}
.back{
	color: #FFFFFF;
	font-family: "微軟正黑體";
	font-size: 12px;
	margin-top: 18px;
	display: inline-block;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	margin-bottom: 80px;
	
	}
.back:hover{
		color: #FFFFFF;
	font-family: "微軟正黑體";
	font-size: 12px;
	margin-top: 18px;
	display: inline-block;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	margin-bottom: 80px;
	text-decoration: underline;
	}	
.title1{
	color: #FFFFFF;
	font-family: "微軟正黑體";
	font-size: 16px;
	margin-bottom: 30px;
	font-weight: bold;
	/*margin-top: 123px;*/
	}
.wy12{
	color: #FFFFFF;

	}
.demo {
	width: 980px;
	margin: 0px auto;
}
.demo h1 {
	margin: 33px 0 25px;
}
.demo h3 {
	margin: 10px 0;
}
pre {
	background: #fff;
}
@media only screen and (max-width: 768px) {
.demo {
	margin: 5%;
	width: 90%;
}
.how-use {
	float: left;
	width: 300px;
	display: none;
}
}
#tabInfo {
	display: none;
}
#loading {
	position: absolute;
	top: 49.5%;
	left: 49.5%;
	z-index: 3;
	width: 24px;
	height: 24px;
	text-indent: -999em;
	background-image: url(../images/progress.gif);
		}
a:hover {
	cursor: url(../images/c.png) 4 4, auto!important
}
body
{
 cursor:url(../images/c.png) !important
 } 

 
/*body{

        cursor: url(http://demo.atteipo-tpi.com/neil/14/images/c.cur),auto \9 ;
	
	}*/



 
.mt {
	
}
.logo_desk a {
	z-index: 9999;
	position: absolute;
}
.clear {
	clear: both;
}
/*背輪播*/
.menu1 a {
	font-family: "微軟正黑體";
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 12px;
	width: 100%;
	display: block;

	
}
ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.tp-dottedoverlay.twoxtwo {
	/*background-image: url(../images/gridtile_3x3_white.png);
	z-index: 9999;
	position: absolute;*/
	
	
	background-image: url(../images/bb.png);
	z-index: 9999;
	position: absolute;
	background-position: center center;
	background-size: 100% 100%;
}
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#supersize {
	position: fixed;
	z-index: -9999;
}
#supersize img, #supersize a {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -9999;
}
#supersize .prevslide, #supersize .prevslide img {
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img {
	z-index: 2;
}
/*十字滑鼠*/


#x_div, #y_div {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #C0C0C0;
	width: 100%;
	height: 1px;
	
}
#y_div {
	height: 100%;
	width: 1px;
	

	
}
html {
	cursor : url(../images/c.png) 4 4, auto;
	
}







@media screen and (max-width: 480px) {
body {
	margin: 0;
	padding: 0;
	background-color: #000000;	
}
#x_div, #y_div {
	position: absolute !important;
	top: 0;
	left: 0;
	background-color: #BCBCBC !important;
	width: 100%;
	height: 1px;
	display: none;
	z-index: 9999 !important;
}
#y_div {
	height: 100%;
	width: 1px;
	z-index: 9999 !important;
}
#Mouse {
	position: absolute;
	display: none;
	color: blue;
	z-index: 9999 !important;
}
#Mouse strong {
	color: #f00;
	z-index: 9999 !important;
}
}

@media  screen and (min-width: 481px) and (max-width: 768px) {
body {
	margin: 0;
	padding: 0;
	
}
#x_div, #y_div {
	position: absolute !important;
	top: 0;
	left: 0;
	background-color: #BCBCBC !important;
	width: 100%;
	height: 1px;
	display: none;
	z-index: 9999 !important;
}
#y_div {
	height: 100%;
	width: 1px;
	z-index: 9999 !important;
}
#Mouse {
	position: absolute;
	display: none;
	color: blue;
	z-index: 9999 !important;
}
#Mouse strong {
	color: #f00;
	z-index: 9999 !important;
}
}

@media  screen and (min-width: 769px) and (max-width: 1400px){
	#x_div, #y_div {
	position: absolute !important;
	top: 0;
	left: 0;
	background-color: #BCBCBC !important;
	width: 100%;
	height: 1px;
	display: none;
	z-index: 9999 !important;
}
}