@charset "utf-8";
	
#big {
	width: 100%;
	min-height: 950px;
	margin:0;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/index_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}
#big2 {
	width: 100%;
	min-height: 1280px;
	margin:0;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/whole_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}
/*------------------------------ HEADER ------------------------------*/
#header {
	background-color: #1C3062;
	height: 43px;
	width: 100%;
	margin:0 auto;
	position: relative;
	text-align: center;
}
#header > div, #footer > div {
	margin: 0 auto;
	text-align: right;
}


/*------------------------------ index------------------------------*/

#contents {
	width: 1050px;
	z-index:3;
	margin: 0 auto;
	position:relative;
}
#index_pt {
	z-index:2;
	position:absolute;
	top: 100px;
	left: 10px;
}
#index_t1 {
	z-index:2;
	position:absolute;
	top: 140px;
	left: 684px;
}
#index_t2 {
	z-index:2;
	position:absolute;
	top: 212px;
	left: 843px;
}
#index_t3 {
	z-index:2;
	position:absolute;
	top: 233px;
	left: 663px;
}
#index_t4 {
	z-index:2;
	position:absolute;
	top: 357px;
	left: 730px;
}
#index_t5 {
	z-index:2;
	position:absolute;
	top: 412px;
	left: 676px;
}
#index_btn {
	z-index:10;
	position:absolute;
	top: 465px;
	left: 681px;
}
#index_btn2 {
	z-index:10;
	position:absolute;
	top: 500px;
	left: 681px;
}
/*------------------------------loading------------------------------*/
#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 1;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

#loading-image {
	width: 32px;
	height: 32px;
	
	position:absolute;
	left:50%;
	top:50%;
	
	margin-top:-16px;
	margin-left:-16px;
	z-index: 100;
}

/*------------------------------試用大隊------------------------------*/
.t12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #CCCCCC;
}
.t12 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #CCCCCC;
}
.form_t {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	background-color: #1b2c50;
	border-color: #4f71af;
}
.t48 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	line-height: 50px;
	color: #ff7600;
}

#rmk_board{
	position:absolute;
	left:100px;
	top:135px;
	background-image:url(../images/tril/line.png);
	width:816px;
	height:386px;
}
#form{
	position:absolute;
	left:300px;
	top:275px;
}
#message{
	position:absolute;
	left:560px;
	top:215px;
}
#msg_title{
	position:absolute;
	left:250px;
	top:70px;
}
#msg_t2{
	position:absolute;
	left:140px;
	top:155px;
	z-index:10;
}
#free{
	position:absolute;
	left:772px;
	top:41px;
	z-index:10;
}
#sent_btn{
	position:absolute;
	left:342px;
	top:499px;
	z-index:99;
}
/*------------------------------choose------------------------------*/
#love_t1{
	position:absolute;
	left:150px;
	top:80px;
}
#love_t2{
	position:absolute;
	left:150px;
	top:120px;
}
#love_t3{
	position:absolute;
	left:150px;
	top:175px;
}
#love_t4{
	position:absolute;
	left:350px;
	top:90px;
}
#love_rib{
	position:absolute;
	left:204px;
	top:35px;
}
#board{
	position:absolute;
	left:50px;
	top:250px;
	background-color: #FFF;
	width: 935px;
	height: 5px;
}
#love_all{
	position:absolute;
	left:100px;
	top:280px;
	z-index: 99;
}
#love_s1{
	position:absolute;
	left:200px;
	top:5px;
}
#love_s2{
	position:absolute;
	left:25px;
	top:650px;
}
#love_logo{
	position:absolute;
	left:25px;
	top:70px;
}
#love_pt1{
	position:absolute;
	left:25px;
	top:295px;
}
#love_pt2{
	position:absolute;
	left:320px;
	top:60px;
}
#love_pt3{
	position:absolute;
	left:320px;
	top:350px;
}
#love_pt4{
	position:absolute;
	left:620px;
	top:60px;
}
#love_pt5{
	position:absolute;
	left:620px;
	top:300px;
}
#submit{
	width:100%;
	position: absolute;
	z-index:5;
	top: 50px;
	left:0px;
}
.form_t2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	background-color: #f3f3f3;
	border-color: #CCCCCC;
}
.form_t2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}
.t15 {
	font-family: "微軟正黑",Arial, Helvetica;
	font-size: 15px;
	line-height: 20px;
	color: #666666;
	letter-spacing: 5px;
}
.agree{
	line-height:1.5em;
	font-size:15px;
	color:#666666;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 100px;
}
.agree input{
	width:25px;
	height:25px;
	line-height:25px;
	font-size:16px;
	margin-bottom:-10px;
	color:#666666;
}

#fill_table input[type="radio"] { width: 25px;margin-top: -15px;}

input[type="radio"] {
	position: relative;
}


/*  check box 樣式    */
.agree input[type=checkbox].css-checkbox { 
	position: absolute;
	overflow: hidden;  
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:5px;
	padding:0;
	border:0;
	
}  
.agree input[type=checkbox].css-checkbox + label.css-label { 
	padding-left:36px;
	display:inline-block;
	line-height:30px;
	background-repeat:no-repeat;
	background-position: 0 -30px;
	vertical-align:middle;
	cursor:pointer;
}  
.agree input[type=checkbox].css-checkbox:checked + label.css-label { 
    background-position: 0 0;	
}  
.css-label{
	background-position: 0 -10px;
}

/*------------------------------pt------------------------------*/
/*2014輕夏新品*/
#pd_center{ width:1000px; margin:0 auto ;  position:absolute; height:650px; }
#pd1,#pd2,#pd3,#pd4,#pd5{position:absolute; z-index:10; cursor:pointer; -webkit-transition:1s ease-out; transition:1s; }
#pd1:hover,#pd2:hover,#pd3:hover,#pd4:hover,#pd5:hover{ 
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);
}
#pd1{  background:url(../images/pd1.png) no-repeat; top:345px; left:90px;}
#pd2{  background:url(../images/pd2.png) no-repeat; top:121px; left:430px;}
#pd3{  background:url(../images/pd3.png) no-repeat; top:400px; left:450px;}
#pd4{  background:url(../images/pd4.png) no-repeat; top:120px; left:800px;}
#pd5{  background:url(../images/pd5.png) no-repeat; top:355px; left:770px;}
#pt_logo{  	
	position:absolute;
	left:130px;
	top:120px;
}
#board2{
	position:absolute;
	left:10px;
	top:50px;
	background-color: #FFF;
	width: 1050px;
	height: 650px;
}
#pt_detail{
	position:absolute;
	left:50px;
	top:100px;
	background-color: #FFF;
	width: 980px;
}
#pt_menu{
	position:absolute;
	left:59px;
	top:570px;
	background-color: #FFF;
}

/*------------------------------film------------------------------*/
#film_title{
	position:absolute;
	left:90px;
	top:70px;
}
#film_bg{
	position:absolute;
	left:220px;
	top:190px;
}
#film_btn{
	position:absolute;
	left:290px;
	top:600px;
}
/*------------------------------event-----------------------------*/
#event_title{
	position:absolute;
	left:80px;
	top:200px;
}
