@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Questrial);

body{ height:100%; font-size:100%; 

font-family: 'Questrial',Arial,'微軟正黑體','新細明體', sans-serif !important;
 letter-spacing:0.5px;
/*
font-family:Arial, 'LiHei Pro', '新細明體', serif;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;*/
}

* {
	/*
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
}

/*=======================================================*/
/* Fonts 
/*=======================================================*/



h1 {color:#e71096; font-size:18px; margin:0px; font-weight:bold; text-transform:uppercase;}
h2{ font-size:16px !important; color:#464646;font-weight:bold;}

/*=======================================================*/
/* Button 
/*=======================================================*/

/*=======================================================*/
/* Table 
/*=======================================================*/

/*
input:focus,select:focus,textarea:focus,button:focus { outline: none;}
input:focus{ border: solid 1px #a20667;}
input,textarea{ border: solid 1px #e71096; padding:5px 5px; width:100%; }
select{margin:0px 10px;background:none; border:#e71096 1px solid; color:#e71096;}
*/ 
select{ color:#000 !important;}

/*=======================================================*/
/* Color 
/*=======================================================*/
.color-red{color:#ff3333 !important;}
.color-black{color:#000 !important;}
.color-white{color:#fff !important;}

.opacity-none{opacity:0;-moz-opacity:0;-khtml-opacity: 0; filter:alpha(opacity=0);}

/*=======================================================*/
/* List ul 
/*=======================================================*/
.ul-tri{list-style-image:url(../image/main_bullet.png) !important; list-style-position:outside; margin-left:15px; }

.ul-tri p{ line-height:20px;}

p{ font-size:14px; line-height:1.4em;}

/*=======================================================*/
/* Animation
/*=======================================================*/
.a5{-webkit-transition: background 0.5s,color 0.5s ;-moz-transition: background 0.5s,color 0.5s ;-ms-transition: background 0.5s,color 0.5s;-o-transition: background 0.5s,color 0.5s ;transition: background 0.5s,color 0.5s ;}
.a3{-webkit-transition: background 0.3s,color 0.3s ;-moz-transition: background 0.3s,color 0.3s ;-ms-transition: background 0.3s,color 0.3s;-o-transition: background 0.3s,color 0.3s ;transition: background 0.3s,color 0.3s ;}

.loading{ background:url(../image/loading.gif) left top no-repeat ; }
.loading-bottom{ background:url(../image/loading.gif) center bottom no-repeat ; }
.loading-box{ background:url(../image/loading.gif) center center no-repeat ; height:30px; padding:10px 0px; width:100%; }


/*=======================================================*/
/* Layout / Structure 
/*=======================================================*/

.text-button-red{color:#ff3333; cursor:pointer !important; font-size:12px; padding:0px 10px; }
.text-button-red:hover{color:#000;  text-decoration:none;}

.text-button-white{color:#fff; cursor:pointer !important; text-decoration:none !important; }
.text-button-white:hover,.text-button-white.active{ background:#FFF; color:#000; }

#main{ width:100%; margin:0px auto;}

#header{ width:1024px; margin:0px auto; height:105px; padding-top:25px; position:relative;}
#logo{ position:absolute;  left:50px; }
#logo img{width:600px;}
#sub-menu{ position:absolute; right:150px; width:250px; line-height:30px; text-align:right;}
#lang-menu{position:absolute; right:50px; width:80px; line-height:30px; }

#btn-checkin{position:absolute; top:70px;  right:50px; }

#content{ width:100%;  background:#ff3333; color:#FFF; line-height:1.2em;}
#content-inner{ width:924px; margin:0px auto; height:586px; padding-top:16px;}
#menu{ width:120%; height:30px; }
#menu  .btn-menu-link{ text-transform:uppercase; font-size:16px; padding:5px 10px;}

#content-container{ height:500px; width:100%;position:relative; }
#register{ width:160px; height:189px; position:absolute; right:20px; top:70px; cursor:pointer !important; overflow:hidden;}
#register .register{position:absolute; width:160px;}
#register .register.hide{  }

#register p{ font-size:18px; color:#FFF; text-align:center; margin-top:5px; text-transform:uppercase;}


#footer{width:1024px; margin:0px auto;height:120px; position:relative; }
#footer .footer-text1{ font-size:12px; text-transform:uppercase; margin:10px 0px; position:absolute;}
#footer .footer-text2{  left:310px;}
#footer .footer-text3{  left:477px;}
#footer .footer-text4{  right:0px;}
#footer .footer-text5{  right:0px;}
#footer-logo-list{ width:100%;  position:absolute; top:35px;}
#footer-logo-list .footer-logo{ margin-right:20px;}
.footer-logo{ height:60px;}

h1.head-title{position:absolute; top:0px;}
h1.head-title,h1.head-title-noeffect{color:#fff !important; font-size:20px; line-height:44px; text-transform:uppercase; }

input,textarea{ color:#000 !important;}

/*
.icon-agenda{ padding-left:40px; background:url(../image/agenda_logo.png) left center no-repeat;}
.icon-acknowledgement{ padding-left:40px; background:url(../image/acknowledgement_icon.png) left center no-repeat;}
.icon-forum{ padding-left:40px; background:url(../image/forum_icon.png) left center no-repeat;}
.icon-location{ padding-left:40px; background:url(../image/icon_location.png) left center no-repeat;}
.icon-transport{ padding-left:40px; background:url(../image/icon_transport.png) left center no-repeat;}
.icon-organizer{ padding-left:40px; background:url(../image/icon_organizer.png) left center no-repeat;}
.icon-partners{ padding-left:70px; background:url(../image/icon_partners.png) left center no-repeat;}
.icon-purpose{ padding-left:60px; background:url(../image/icon_purpose.png) left center no-repeat;}
.icon-news{ padding-left:50px; background:url(../image/icon_news.png) left center no-repeat;}

*/

.btn-before{ width:91px; height:22px; cursor:pointer; background:url(../image/forum_before.png) center center no-repeat;}
.btn-next{ width:75px; height:22px; cursor:pointer; background:url(../image/forum_next.png) center center no-repeat;}

.btn-organizer{ width:81px; height:76px; cursor:pointer; background:url(../image/btn_organizer.png) center center no-repeat;}
.btn-organizer:hover,.btn-organizer.active{ background:url(../image/btn_organizer_over.png) center center no-repeat;}

.btn-partners{ width:72px; height:76px; cursor:pointer; background:url(../image/btn_partners.png) center center no-repeat;}
.btn-partners:hover,.btn-partners.active{ background:url(../image/btn_partners_over.png) center center no-repeat;}

.btn-purpose{ width:72px; height:76px; cursor:pointer; background:url(../image/btn_purpose.png) center center no-repeat;}
.btn-purpose:hover,.btn-purpose.active{ background:url(../image/btn_purpose_over.png) center center no-repeat;}

.btn-more{ cursor:pointer; margin-top:5px;color:#000; line-height:14px; padding-right:13px; background:url(../image/icon_more.png?12) right center no-repeat;}

.tool-box{ width:600px; position:absolute; top:85px; left:0px !important;}
.text-button-white3{ padding-right:20px; font-size:16px !important;}
.text-button-white3:hover,.text-button-white3.active{ color:#000 !important; cursor:pointer; }

.text-button-white2{ padding:5px 20px; font-size:16px !important;  color:#ffffff;cursor:pointer; 
-webkit-transition: background 0.3s,color 0.3s ;-moz-transition: background 0.3s,color 0.3s ;-ms-transition: background 0.3s,color 0.3s;-o-transition: background 0.3s,color 0.3s ;transition: background 0.3s,color 0.3s ;
}
.text-button-white2:hover,.text-button-white2.active{ color:#ff3333 !important; background:#FFF;  }