body
{
    font-family: 'Microsoft JhengHei UI';
    font-size: 14px;
    line-height:0px;
    color: #fff;
  background-image:url(../images/2019_0617_bg.jpg);
	
    
}

.content-wrapper
{
    margin: 0 auto;
    max-width: 900px;
    background-color:#FFF;
	box-shadow:0px 2px 5px #666;  
	-webkit-box-shadow:0px 2px 5px #666;    
}

.top_banner
{
    margin: 0 auto;    
    text-align: center;
    background-color:#FFF;
}

.top_title 
{
    font-size:24px;
}

.txt-privacy{
    text-decoration:underline;
    color:red;
}

#img_line{display:none;}  /*line¤À¨É«ö¶s*/


/* ==========================================================================
   Top Banner ¹Ï¤ùÁY©ñ
  ========================================================================== */
picture img 
{
    width: 100%;
}


/* ==========================================================================
   Thankyou page
  ========================================================================== */
#intro_thankyou { 
    padding-top: 30px;
    padding-bottom:20px;
    color: #666;
    margin: 0 auto;    
    max-width:900px;	    
}

.footer img{ margin:0 auto;  width:100%; height:auto;}

/* ==========================================================================
   Landing Page INTRO
  ========================================================================== */
 
#intro {
	padding-top: 5px;
	padding-bottom: 30px;
	color: #333;
	margin: 0 auto;    
	max-width:900px;
} 

#intro_description h1 {
	font-size: 26px;
	margin-bottom: 20px;
}

#intro_form {
	padding-right: 0px;
	padding-bottom:20px;
}

.form_gift
{	
   	width: 100%;
    margin: 0 auto;
    padding: 10px 10px 10px 10px;    
}

.form_register {

	width: 95%;
	background: rgba(255, 255, 255, 1);
	margin: 0 auto;
    padding: 20px 15px -10px 10px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	/*box-shadow:0px 2px 5px #666;   */ 
}

.form_register h2 {
color: #e70044;
    text-align: center;
    line-height: 30px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 36px;
	    font-weight: bold;
   
}

.img-tab-gift{
    padding:0px;
    border:0px;
}

#Info1,#Info2,#Info3
{
    padding: 10px;
    min-height:388px;
}


/*------------------------------------------*/
/*	  Register Form Input
/*------------------------------------------*/
.form_register .form-group {
    margin-bottom: 5px; 
    margin-left: 25px; 
    margin-right: 25px; 
}

.form_register .form-control {
	height: 42px;
	padding:2px 6px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	font-family:Microsoft JhengHei,Arial, Helvetica, sans-serif;
}

.error {
	color: #fc0000;
	font-size: 13px;
	margin-bottom: 20px;
}

/*------------------------------------------*/
/*	 Headers
/*------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin-top: 0; 
	margin-bottom: 20px;
}

/*------------------------------------------*/
/*	 Link Setting
/*------------------------------------------*/

a {
	text-decoration: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
a:visited {
    color: #428bca;
}

a:hover {
	color: #444;
	text-decoration: none;
}

a:focus {
	color: #428bca;
	outline: none;
	border: none;
	text-decoration: none;
} 



/*------------------------------------------*/
/*	 Lists
/*------------------------------------------*/

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

/*------------------------------------------*/
/*	 tab
/*------------------------------------------*/
.nav-tabs {
	/*border-color: #e6400c;*/
	padding-bottom: 1px;
	border:none;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	/*background: #edeff1;*/
	background:rgba(30%,0%,0%,0);
	color: #647484;
	border-radius: 0;
	padding: 0px 0px;
	border: none !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background:rgba(30%,0%,0%,0);

	/*color: #333;*/
}
.product-page-content .tab-pane {
	padding: 15px;
	border:none;
}

.tab-content h2 {
	margin:0 0 10px 0;
	font-size:19px;
	font-weight:bold;
	font-style:normal;
	color:#2d6b9e;
	text-shadow: none;
}

.tab-content h3 {
	font-size: 18px;
	line-height: 32px;
	font-weight:bold;
	margin-bottom:0px !important;
}
.tab-content ul{
	font-size: 14px;
	background: #fff997;
	padding: 5px;
	border: 2px dotted #b3e2e8;
}
.tab-content ul li{
	font-size: 14px;
	padding: 7px 0 7px 0px;
	font-weight: normal;
}

.tab-content p img{
	padding-top:20px;	
}

.imp strong{
	color:#ff0000;	
}

/* 
  ------------------------------------------------------
					Responsive Styles
   ------------------------------------------------------
*/

@media (min-width: 992px) and (max-width: 1199px){

}


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

}


@media only screen and (max-width: 767px)
{
    #intro_left,#intro_right { 
        margin: 0 auto;    
        text-align: center;                          
    }
                               
	#intro_form,#intro_description { padding-left: 45px; padding-right: 45px;}
	.form_register,.form_gift {width: 80%; }	
	.form_gift
    {
        padding: 30px 0px 0px 0px;
    }
}


@media (max-width: 480px) 
{
    #intro_thankyou { padding-left: 5px; padding-right: 5px;}
	#intro_form,#intro_description { padding-left: 5px;
    padding-right: 5px;
    margin-top: 30px;}	
	.form_register,.form_gift {width: 85%; }		
    .form_register .form-group {
        margin-left: 10px; 
        margin-right: 10px; 
    }    	
	#img_line{display:inline;}
}


@media (max-width: 320px) 
{
    .form_register .form-group {
        margin-left: 5px; 
        margin-right: 5px; 
    }

}