* {
    margin: 0;
    padding: 0;}

html,body {
	height:100%;
	font-family: 'Microsoft JhengHei','Roboto', sans-serif;}

ul,li {
	margin: 0;
    padding: 0;
	list-style-type:none;}

#wrap {
	min-height:100%;
	position:relative;}

#mainContainer {
	min-width:1024px;
	max-width:1920px;
	margin:auto;
	padding-top:50px;
	padding-bottom:80px;}

#header {
	width:100%;
	min-width:1300px;
	height:50px;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	background:rgba(0,0,0,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#8F000000,endcolorstr=#8F000000);}

.logo {
        border: 0;
	margin-top:10px;
	margin-left:30px;
	float:left;}

#nav {
	float: right;
	margin-right:20px;
	line-height:48px;}

#nav ul li {
	font-size:13px;
	padding:0px 15px;
    cursor: pointer;
	float:left;
	list-style-type:none;
	text-align: center;}

#nav ul li a,#footer li a {
	color:#999;
	text-decoration:none;
	display:inline-block;
	outline:medium none;}

#nav li a:hover,#nav li.active a {
	color:#FFF;
	border-bottom:2px solid #0DCFF5;
	transition-duration: 0.2s, 0.2s;
    transition-property: color, background;
    transition-timing-function: linear, ease-in;}

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	min-width:1300px;
	background:#111;
	color:#666;
	height:80px;}

#footer li {
	float:left;
	font-size:12px;}

#footer li a:hover {
	color:#FFF;
	transition-duration: 0.2s, 0.2s;
    transition-property: color, background;
    transition-timing-function: linear, ease-in;}

#footer select {
	margin-top:30px\9;
	*margin-top:0px;}

noindex:-o-prefocus, #footer select {
    margin-top:30px;}/*for Opera*/

.submenu {
	margin-left:20px;
	margin-right:50px;}

.submenu li {
	width:70px;
	line-height:80px;}

.iconmenu {
	float:left;
	margin-left:40px;
	display:inline-block;
	*display: inline;
	_display: inline;
	/*float:right;*/}

.iconmenu li {
	margin:28px 10px 0px 0px;}

.iconmenu li a {
	width:24px;
	height:24px;
	*height:23px;
	display:block;
    text-indent:-9999px;
	*text-indent:0px;
	*font-size:0px;
	*line-height:0;}

#footer small {
	line-height:80px;
	float:right;
	margin-right:20px;
	color:#444;}

#twitter {
	cursor:pointer;
	background:url(//k1.phootime.com/www/images/v4/landing_iconmenu.png) no-repeat 0px 0px;}

#twitter:hover {
	cursor:pointer;
	background:url(//k1.phootime.com/www/images/v4/landing_iconmenu.png) no-repeat 0px -24px;}

#facebook {
	cursor:pointer;
	background:url(//k1.phootime.com/www/images/v4/landing_iconmenu.png) no-repeat -24px 0px;}

#facebook:hover {
	cursor:pointer;
	background:url(//k1.phootime.com/www/images/v4/landing_iconmenu.png) no-repeat -24px -24px;}

#google {
	cursor:pointer;
	background:url(//k1.phootime.com/www/images/v4/landing_iconmenu.png) no-repeat -48px 0px;}

#google:hover {
	cursor:pointer;
	background:url(//k1.phootime.com/www/images/v4/landing_iconmenu.png) no-repeat -48px -24px;}

#pinterest {
	cursor:pointer;
	background:url(//k1.phootime.com/www/images/v4/landing_iconmenu.png) no-repeat -72px 0px;}

#pinterest:hover {
	cursor:pointer;
	background:url(//k1.phootime.com/www/images/v4/landing_iconmenu.png) no-repeat -72px -24px;}

h1 {
	font-size:54px;
	font-weight:500;
	font-family: 'LiHei Pro','Microsoft JhengHei';
	/*text-shadow:0px 0px 2px #FFFFFF,
				0px 0px 2px #FFFFFF,
				0px 0px 2px #FFFFFF,
				0px 0px 2px #FFFFFF;*/
	/*filter:glow(color="#FFFFFF",strength=2);*/}

h3 {
	font-size:32px;
	font-weight:lighter;
	margin-top:10px;
	font-family: 'Roboto','Microsoft JhengHei', sans-serif;
	/*text-shadow:0px 0px 2px #FFFFFF,
				0px 0px 2px #FFFFFF,
				0px 0px 2px #FFFFFF,
				0px 0px 2px #FFFFFF;*/
	/*filter:glow(color="#FFFFFF",strength=2);*/}

p {
	font-size:54px;
	font-weight:100;
	font-family: 'Roboto','Microsoft JhengHei', sans-serif;}

.F01 span a,.A01 span a,.P01 span a,.indexPic01 span a,.indexPic06 span a {
	margin-top:15px;
	padding:5px 40px;
	height:38px;
	background:#F00;
	display:inline-block;
	line-height:38px;
	text-align:center;
	font-size:20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#FFF;
	text-decoration:none;
	background:#EB0615;
	background: linear-gradient(180deg, rgba(255, 0, 0, 1.0) 20%, rgba(180, 0, 0, 1.0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFF0000,endcolorstr=#FF820000);
	behavior: url(ie-css3.htc);
	font-family: 'Roboto','Microsoft JhengHei', sans-serif;
	font-family: 'Roboto','LiHei Pro','Microsoft JhengHei', 'sans-serif'\9;}

.F01 span a:hover,.A01 span a:hover,.P01 span a:hover,.indexPic01 span a:hover,.indexPic06 span a:hover {
	background: linear-gradient(180deg, rgba(220, 0, 0, 1.0) 20%, rgba(142, 0, 0, 1.0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFD90000,endcolorstr=#FF8C0000);}

.F01 .Ltitle,.A01 .Ltitle,.P01 .Ltitle,.F01 .Rtitle,.A01 .Rtitle,.P01 .Rtitle {
	margin-top:190px;}

.Ltitle {
	display:inline-block;
	float:left;
	margin-top:220px;
	margin-left:100px;}

.Rtitle {
	display:inline-block;
	float:right;
	margin-top:220px;
	margin-right:100px;
	text-align:right;}

.white {
	color:#FFF;}

.indexPic01 {
	width:100%;
	height:720px;
	position:relative;
	background:url(//k1.phootime.com/www/images/v4/P2.jpg) no-repeat top left;}

.indexPic01 .Rtitle,.indexPic01 .Ltitle {
	margin-top:245px;}

.indexPic02 .Rtitle,.indexPic02 .Ltitle {
	margin-top:270px;}

.indexPic04 .Rtitle,.indexPic04 .Ltitle {
	width:100%;
	text-align:center;
	margin:420px auto 0px 0px;}

.indexPic06 .Rtitle,.indexPic06 .Ltitle {
	width:100%;
	text-align:center;
	margin:100px auto 50px 0px;}

.indexPic02 {
	background:url(//k1.phootime.com/www/images/v4/index02_new.jpg) no-repeat top right;}

.indexPic04 {
	background:url(//k1.phootime.com/www/images/v4/index04.jpg) no-repeat top center;}

.indexPic06 {
	overflow:hidden;
	padding:30px;
	background:#34363A;}

.indexPic06 ul {
	margin:auto;
	min-width:900px;
	max-width:1160px;
	overflow:hidden;}

.indexPic06 li {
	text-align:center;
	width:46%;
	float:left;
	margin:2%;
	font-size:18px;
	color:#CCC;}

.indexPic06 ul img {
	border: solid 16px #FFF;
	max-width:92%;
	height:auto;
	margin-bottom:10px;
	background:#FFF;}

.F01,.F02,.F03,.A01,.A02,.A03,.P01,.P02,.P03,.indexPic02,.indexPic03,.indexPic04,.indexPic05 {
	width:100%;
	height:600px;
	position:relative;}

.P01,.indexPic03 {
	background:url(//k1.phootime.com/www/images/v4/P1.jpg) no-repeat top center;}

.P02 {
	background:url(//k1.phootime.com/www/images/v4/P2.jpg) no-repeat top left;}

.P03 {
	background:url(//k1.phootime.com/www/images/v4/P3.jpg) no-repeat top left;}

.A01 {
	background:url(//k1.phootime.com/www/images/v4/A1.jpg) no-repeat top right;}

.A02 {
	background:url(//k1.phootime.com/www/images/v4/A2.jpg) no-repeat top center;}

.A03 {
	background:url(//k1.phootime.com/www/images/v4/A3.jpg) no-repeat top left;}

.F01 {
	background:url(//k1.phootime.com/www/images/v4/F1.jpg) no-repeat top left;}

.F02 {
	background:url(//k1.phootime.com/www/images/v4/F2.jpg) no-repeat top right;}

.F03,.indexPic05 {
	background:url(//k1.phootime.com/www/images/v4/F3.jpg) no-repeat top left;}

.aboutus {
	height:900px;
	overflow:hidden;
	background:url(//k1.phootime.com/www/images/aboutus.png) 0% 50% no-repeat rgb(24,24,24);}

.aboutus .text {
	width:550px;
	margin-top:80px;
	margin-left:50%;}

.aboutus .text h3 {
	margin:0px;
	padding:25px 0px;
	font-size:20px;
	color:#FFF;}

.aboutus .text p {
	font-size:16px;
	color:#888;
	line-height:25px;}

/************************************************************************************
smaller than 1200
*************************************************************************************/
@media screen and (max-width: 1200px) {

.indexPic06 li {
	font-size:16px;}

.aboutus {
	height:900px;
	overflow:hidden;
	background:url(//k1.phootime.com/www/images/aboutus.png) -15% 50% no-repeat rgb(24,24,24);}

.aboutus .text {
	width:450px;
	margin-left:52%;}

}
/************************************************************************************
smaller than 1120
*************************************************************************************/
@media screen and (max-width: 1120px) {

.indexPic06 li {
	font-size:14px;}

}

/************************************************************************************
smaller than 1000
*************************************************************************************/
@media screen and (max-width: 1024px) {

#mainContainer {
	padding-top:0px;}

#header {
	position:relative;}

.indexPic01 .Rtitle,.indexPic01 .Ltitle {
	margin-top:50px;}

.Ltitle {
	margin-left:50px;}

.Rtitle {
	margin-right:50px;}

}


.page_bottom_spacing{ clear: both; margin: 0px 0px 90px; height: 2px; }
.page_top_spacing{ clear: both; margin: 0px 0px 50px; height: 2px; }