@charset "utf-8";

@import url("banner.css");

/*
#wrapper === z-index:;
.moble_menu_box === z-index:;
*/

/*宣告自訂名字 載入字型-------------------------start-*/
@font-face
{
	font-family: t_1;
	src: url('../font/mego.ttf');
	/*src: url('../font/AdobeMingStd-Light.otf');*/
}


/*宣告自訂名字 載入字型-------------------------end-*/	



/*手機版優先*/
*{-webkit-box-sizing:border-box; 
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	/*-webkit-appearance:none;解決 submit 原角的問題*/
	/*appearance:none;*/
	/*-moz-appearance:none;  Firefox */
	 /*-webkit-appearance:none; Safari and Chrome */
}

/*fancybox的邊界修正-不然會偏一邊*/
/*.fancybox-wrap, .fancybox-inner, .fancybox-inner img{
	-webkit-box-sizing:content-box; 
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box; 
	box-sizing:content-box;}*/
	
/*fancybox樣式*/

.fancybox-overlay{ background-color:rgba(255,255,255, 0.5);}
.fancybox-title{ }
.fancybox-title .child{ background:none; padding-top:5em; }
.fancybox-title h6{ font-weight:bold; margin-bottom:1em;}
#fancybox-close{ margin-right:-15px; margin-top:-15px;}


h1, h2, h3, h4, h5, h6 { font-weight:100;}
html{width:100%; -webkit-text-size-adjust:none;}
body{ font-size:18px; color:#333; font-weight: normal; font-family:"微軟正黑體", Arial, Helvetica, sans-serif ; display:block;
overflow-x:hidden; min-width:320px;}


/*---手機版優先-------------------------------------------------------------------------*/


/*行動版選單*/
.moble_menu_btn{ position:absolute; right:1em; top:1.5em; z-index:1000; display:block; 
background:url(../images/icon_ctrl_btn.png) no-repeat center top; width:40px; height:40px;
background-size:40px auto; cursor:pointer;
-webkit-transition : all 200ms;
-moz-transition : all 200ms;
-o-transition : all 200ms;
transition : all 200ms;}
body .open{ background-position:center -40px; opacity:1;}
.moble_menu_btn:hover{ opacity:0.7;}


/*MB_版下拉選單 ------------------------------------------------------------------start-*/

nav.menu_bar{ display:none;}
.moble_menu_box{ display:none; position:absolute; z-index:500; left:0px; top:80px; width:100%; height:auto;}
.moble_menu_box nav.menu_bar{ display:block; background-color:rgba(0,0,0, 0.9);}
.moble_menu_box nav.menu_bar ul{ width:100%; margin:0 auto; padding:2em 0;}/*第一層*/
.moble_menu_box nav.menu_bar ul li{ float:none; width:80%; margin:0 auto;}

.moble_menu_box nav.menu_bar ul li a{display:block; text-align:left; line-height:3em; color:#fff;
width:100%; border:none; padding:0.4em 1em;
border-bottom:rgba(255,255,255,0.3) solid 1px;
-webkit-border-radius: 0%;
-moz-border-radius:0%;
border-radius:0%;
opacity:0.8;
-webkit-transition : all 200ms;
-moz-transition : all 200ms;
-o-transition : all 200ms;
transition : all 200ms;
}
.moble_menu_box nav.menu_bar ul li a:hover{ color:#ECD782; background-color:none; border-bottom:rgba(255,255,255,1) solid 1px;
opacity:1;}

.moble_menu_box nav.menu_bar ul li.last a{ border:none; }
.moble_menu_box nav.menu_bar ul li.last a:hover{ border:none;}
.moble_menu_box nav.menu_bar ul li.on a{ background-color:#DA6506; color:#FFF;}

/*MB_版下拉選單 --------------------------------------------------------------------end-*/

#wrapper{ position:relative; min-width:320px; width:100%; left:auto; top:auto;}
header{ width:100%; height:0px; margin:0 auto; background-color:#000;} 
article{ width:100%; margin:0 auto 0 auto; }

/*MB_article --------------------------------------------------------------------start-*/



/*mb_about--------------start--*/

section.about{width:100%; margin:-8em auto 0 auto; background:url(../images/about_bg.jpg) center bottom; background-size:cover; z-index:-1; }
section.about .box{width:90%; margin:0 auto; padding:13em 0 2em 0;}
section.about .box .left{ float:none; width:100%; margin:0 auto 2em auto; color:#E8CF74 ; position:relative; text-align:center; }
section.about .box .left h5{font-family:t_1; font-size:1.2em; margin:0 0 0.3em 0;}
section.about .box .left h2{font-size:2em; font-style:italic; line-height:1.6em;}
section.about .box .left span.top{ display:none; width:2px; height:2em; background-color:#fff; position:absolute; left:3px; top:-3em;}
section.about .box .left span.bottom{ display:none; width:2px; height:2em; background-color:#fff; position:absolute; left:3px; bottom:-6em;}
section.about .box .right{ float:none; width:100%; margin:0 auto 2em auto;}
section.about .box .block{ clear:both; margin:0 0 2em 0;}
section.about .box .block p{ color:#FFF; line-height:1.7em; text-align:center;}
section.about .box .block p br.sp_br{ display:none;}

/*mb_about--------------end--*/

/*mb_agenda--------------start--*/
section.agenda{width:100%; margin:0 auto; background:url(../images/agenda_bg.jpg) no-repeat center center; background-size:cover;}
section.agenda .box{ width:100%; margin:0 auto; padding:3em 0; text-align:left;}
section.agenda .box .title{ width:100% ; color:#000 ; position:relative; text-align:center ; padding-top:0em; margin-bottom:2em;}
section.agenda .box .title h5{font-family:t_1; font-size:1.2em; margin:0 0 0.3em 0; display:inline;}
section.agenda .box .title h2{font-size:2em; font-style:italic; text-align:left; display:inline; line-height:1.7em;}
section.agenda .box .title span.top{ display:none; width:2px; height:2em; 
background-color:#000; position:absolute; left:3px; top:1.7em;}

section.agenda .box div.pc{ display:none;}
section.agenda .agenda_table_mb{ display:block; width:90%; max-width:500px; min-width:300px; margin:0 auto; background-color:#FFF; }
section.agenda .agenda_table_mb .block{}
section.agenda .agenda_table_mb .block h5{ font-weight:bold; padding:0.3em 1em; margin-bottom:0em;}
section.agenda .agenda_table_mb .block h5 img{ vertical-align:middle;}
section.agenda .agenda_table_mb .block p{ padding:0.5em 1em ; line-height:1.7em;}
section.agenda .agenda_table_mb .block p.bbb{ margin-bottom:1em; border-bottom:#CCC solid 1px;}
section.agenda .agenda_table_mb .block p.no_border{ border:none;}
section.agenda .agenda_table_mb .block p.ttime{ background-color:#333; color:#FFF;padding:0.5em 1em; margin:1em 0 1em 0;}
section.agenda .agenda_table_mb .block p span{color:#684920; font-weight:bold; margin-bottom:0.5em; display:block;}
section.agenda .agenda_table_mb .block .sp_ppp{ text-indent:-3.3em; padding-left:4.3em; padding-top:0px; margin-top:-1em; line-height:1.7em;}

section.agenda p.sp_ppppp{ font-size:1em; font-weight:bold; line-height:1.7em; margin:1em auto 0 auto; width:90%; max-width:500px; min-width:300px; text-align:left;}

/*mb_agenda--------------end--*/

/*speakers--------------end--*/

section.speakers{width:100%; margin:0 auto; background-color:#444;}
section.speakers .title{ width:90%; position:relative; color:#FFFFFF; padding:0em; margin:0 auto 0 auto;}
section.speakers .title h2{font-size:1.5em; font-style:italic; text-align:left; display:inline;  line-height:1.2em;}
section.speakers .title h5{font-family:t_1; font-size:1em; margin:0 0 0em 0; display:inline;}
section.speakers .title .box{ padding:2em 0;}
section.speakers .title .speakers_icon{ position:absolute; right:0px; top:1.3em;}
section.speakers .title .icon_sss{ position:absolute; left:50%; bottom:-16px; margin-left:-33px; display:block;}

section.speakers .intro{width:100%; margin:0em auto 0 auto; padding:3em 0 ;background-color:#FFFFFF;}
section.speakers .intro .box{width:100%; margin:0 auto;}
section.speakers .intro .block{width:90%; margin:2em auto;}
section.speakers .intro .block .photo{ float:none; width:210px; margin:0 auto; height:210px; display:block; padding-top:0px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-box-shadow: 15px 15px 16px rgba(0,0,0,0.2);
-moz-box-shadow: 15px 15px 16px rgba(0,0,0,0.2);
box-shadow: 15px 15px 16px rgba(0,0,0,0.2);}
section.speakers .intro .block .text{ float:none; width:90%; margin:0 auto; font-size:1.2em; line-height:1.6em; padding:1.5em 0 0 0; }
section.speakers .intro .block .text h3{ font-weight:bold; margin:0 0 1em 0; text-align:center;}
section.speakers .intro .block .text h3 span{ color:#916F20; font-size:1.3em;}
section.speakers .intro .block .text p{ font-size:0.8em; text-align:left;}

section.speakers .intro .block:nth-child(even) .photo{ float:none; margin:0 auto;}
section.speakers .intro .block:nth-child(even) .text{ float:none; margin:0 auto;}
section.speakers .intro .box span.line{ display:none; margin:0 auto; text-indent:-9999px; height:4px; width:40px; background-color:#D6AC4A;}

.ttitle{ width:90%; text-align:center; font-size:2em; background:url(../images/line_img.jpg) repeat-x center center; margin:0 auto 0.5em auto;}
.ttitle h6{ font-size:0.6em; display:inline-block;}
.ttitle span{ margin:0 0.5em;}
.ttitle .box_bbb{ background-color:#fff; padding:1em 0.1em; width:210px; margin:0 auto;}

/*speakers--------------end--*/


/*mb_sign--------------start--*/

section.sign{width:100%; margin:0 auto; background:url(../images/sign_bg.jpg) center center; background-size:cover; }
section.sign .box{width:100%; margin:0 auto; padding:4em 0 1em 0;}

section.sign .box .left{ float:none; text-align:center; width:90%; margin:0 auto 2em auto; color:#E8CF74; position:relative; }
section.sign .box .left h5{font-family:t_1; font-size:1.2em; margin:0 0 0em 0;}
section.sign .box .left h2{font-size:2em;font-style:italic; line-height:1.6em; }
section.sign .box .left span.top{ display:none; width:2px; height:2em; background-color:#E8CF74; position:absolute; left:3px; top:-3em;}
section.sign .box .left span.bottom{ display:none;  width:2px; height:2em; background-color:#E8CF74; position:absolute; left:3px; bottom:-6em;}

section.sign .box .right{ float:none; width:90%; margin:0 auto; }
section.sign .box .block{ clear:both; margin:0 0 2em 0; text-align:center;}
section.sign .box .block img{ float:none; width:64px; height:auto; vertical-align:middle; margin:0 0 1em 0;}
section.sign .box .block h3{ color:#D6AC49; padding:0.3em 0; font-size:1.2em;}
section.sign .box .block p{ color:#FFF; line-height:1.6em;}

section.sign .box .block a.sign_btn{ display:block; font-size:1.3em; margin:1em auto 1em auto; 
background: url(../images/icon_sing.png) no-repeat 90% center #FFF; padding:0.5em 1em; width:200px; color:#333; font-weight:bold;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;
-webkit-transition : all 200ms;
-moz-transition : all 200ms;
-o-transition : all 200ms;
transition : all 200ms;}
section.sign .box .block a:hover.sign_btn{color:#D6AC49;}
section.sign .box .block p.contact{}
section.sign .box .block p.contact span{ color:#D6AC49; margin:0 0.5em; }

/*mb_sign--------------end--*/


/*mb_news-----start--*/

section.news{width:100%; margin:0 auto; background:url(../images/news_bg.jpg) center center; }
section.news .box .title{ width:100% ; color:#000 ; position:relative; text-align:center ; padding-top:1em; margin-bottom:2em;}
section.news .box .title h5{font-family:t_1; font-size:1.2em; display:inline;}
section.news .box .title h2{font-size:2em; font-style:italic; text-align:left; display:inline; line-height:1.5em;}
section.news .box .title span.top{ display:none; width:2px; height:2em; 
background-color:#D6AC49; position:absolute; left:3px; top:1em;}
section.news .box{width:80%; margin:0 auto; padding:3em 0;}
section.news .box a{ float:none; width:100%; height:auto; max-height:auto; text-align:left; opacity:1; display:block; margin:0 0 2.5em 0;}
section.news .box a .photo{ position:relative; width:100%; height:0; padding-bottom:67.85%; margin-bottom:1em; text-indent:-9999px; opacity:1;
background-color:#666;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;
overflow:hidden;
/*-webkit-transition : all 200ms;
-moz-transition : all 200ms;
-o-transition : all 200ms;
transition : all 200ms;*/}
section.news .box a h3{ color:#666; line-height:1.5em;}
section.news .box a:hover h3{ color:#000;}

section.news .box a .photo .mask{ position:absolute; left:0px; top:0px; opacity:0; 
width:100%; height:100%; background:url(../images/read_icon.png) center center no-repeat rgba(0,0,0,0.8);
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;
-webkit-transition : all 200ms;
-moz-transition : all 200ms;
-o-transition : all 200ms;
transition : all 200ms;}
section.news .box a:hover .photo .mask{ opacity:1;}

/*news-----end--*/

/*mb_article --------------------------------------------------------------------end-*/

/*mb_news_page ----------------------------------------------------------------start-*/

.banner_page{ position:relative; width:100%; height:200px; margin:0 auto 0 auto;
background:url(../images/news_page_banner_bg.jpg) center center no-repeat;}
.banner_page .box{ position:relative; width:100%; margin:0 auto; padding-left:1em;}
.banner_page .box h5{font-family:t_1; font-size:1em;  line-height:1.5em; display:inline-block; vertical-align:middle; }
.banner_page .box h2{margin:3em 0.5em 0 0; font-weight:bold; font-size:1.5em; line-height:1.5em; font-style:italic; display:inline-block; vertical-align:middle; }

.banner_page .box br.sp_br{ display:block;}

.banner_page .box span.top{ display:none; width:1px; height:1em; 
background-color:#000; position:absolute; left:5em; top:2.5em;}
.banner_page .box span.bottom{ display:none; width:1px; height:1em; 
background-color:#000; position:absolute; left:5em; bottom:2.5em;}

.banner_page .box a.back_prev{ position:absolute; right:1em; bottom:-120px;
display:block; font-size:0.8em; margin:1em auto 1em auto; padding:0.8em 1em; text-align:right;
background:url(../images/icon_prev.png) no-repeat 10% center #FFF; border: #927B41 solid 1px;
 width:110px; color:#927B41; font-weight:bold;
-webkit-border-radius:1.7em;
-moz-border-radius:1.7em;
border-radius:1.7em;
-webkit-transition : all 200ms;
-moz-transition : all 200ms;
-o-transition : all 200ms;
transition : all 200ms;}

.banner_page .box a:hover.back_prev{color:#D6AC49;}

section.news_page{position:relative; width:100%; margin:0 auto;}
section.news_page .box{width:90%; margin:6em auto 4em auto;}
section.news_page .box h1{ font-size:1.7em; line-height:1.3em; font-weight:bold; margin:0 0 0.5em 0; padding:0 0 0.3em 0; border-bottom:#927B41 solid 1px;}
section.news_page .box h1 span{ color:#927B41; margin-left:0.4em;}
section.news_page .box h6{ line-height:1.5em; margin-bottom:3em; color:#666666;}

section.news_page .box .block{ line-height:1.7em;}
section.news_page .box .block h2{ font-size:1.3em; margin:0 0 1em 0; font-weight:bold; line-height:1.7em; color:#746138;}
section.news_page .box .block img{ width:100%}
section.news_page .box .block p{ margin:0 0 2em 0;}
section.news_page .box .block p span{ color:#900;}
section.news_page .box .block p.ps{font-size:0.85em; line-height:1.6em;}
section.news_page .box .block p.ps span{ font-size:2em; margin-right:0.2em;}
section.news_page .box .block p img.icon_item{ width:auto; height:auto; margin-right:0.2em;}
section.news_page .box .block .img_style_1{ width:100%; margin:0 auto;}

/*mb_news_page ------------------------------------------------------------------end-*/

/*--MB_footer---------------------------------------------------------------start--*/

footer{ width:100%; margin:0 auto; padding:1em 0 0em 0; background-color:#F1F1F1; position:relative;
-webkit-box-shadow: 0px -2px 6px rgba(0,0,0,0.2);
-moz-box-shadow: 0px -2px 6px rgba(0,0,0,0.2);
box-shadow: 0px -2px 6px rgba(0,0,0,0.2); color:#FFF;}

footer .box{ width:100%; margin:0 auto; padding:3em 0em}
footer .box .organizer{width:100%; margin:0 auto; color:#000; text-align:center;}
footer .box .organizer h6{ text-align:center; border-right:none; line-height:2em; padding:0 0em 0 0; margin:0 0em 0 0; display:inline-block;}
footer .box .organizer h6 img{ display:none;}
footer .box .organizer .left{ float:none; width:100%; margin:0.5em 0 2em 0;}
footer .box .organizer .right{ float:none; width:100%; }
footer .box .organizer .left br.sp_br{ display:block;}
footer .box .organizer .right br.sp_br{ display:block;}
footer .box .organizer .logo{ display:inline-block; text-align:center;}
footer .box .organizer .logo img{ vertical-align:middle; margin:1em 0em 1em 0;}
footer .box .organizer .logo img.sp_logo{ margin: 0.5em 0 0 0;}
footer .box .organizer .logo br.sp_br{ display:block;}

footer .box_bottom{ width:100%; margin:0 auto; background-color:#000; }
footer .box_bottom div{width:90%; margin:0 auto; font-size:0.7em; padding:2em 0; text-align:center; } 
footer .box_bottom div .cr{ float:none; margin:0 0 1em 0; line-height:1.7em;}
footer .box_bottom div .txt{ float:none; margin:0 0 1em 0; line-height:1.7em;}
footer .box_bottom div .txt span{ color:#999999; margin:0 0.5em 0 0.5em;}

/*--MB_footer---------------------------------------------------------------end--*/


@media only screen and (min-width: 1023px){

.moble_menu_btn{ display:none;}
.moble_menu_box{ display:none;}

#wrapper{ position:relative;  min-width:100%; width:100%; left:0px; top:0px;}
header{ position:fixed; left:0px; top:0px; z-index:300; border-bottom:#444 solid 1px; 
width:100%; height:60px; margin:0 auto; background-color:#000;
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
box-shadow: 0px 1px 4px rgba(0,0,0,0.3);} 
header .top_section{ width:1000px; margin: 0 auto; position:relative;} 

article{ width:100%; margin:0 auto 0 auto; padding-top:0px;}

/*PC_版選單 ------------------------------------------------------------------start-*/

nav.menu_bar{ display:block;}
nav.menu_bar ul{ width:auto; padding-top:0.7em;}/*第一層*/
nav.menu_bar ul li{ display:inline-block;}
nav.menu_bar ul li a{ display:block; color:#FFF; padding:0.5em 1em; 
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;}
nav.menu_bar ul li a:hover{ background:url(../images/btn_bg.jpg) no-repeat center center; color:#000;}
nav.menu_bar ul li.on a{ }

/*PC_版選單 --------------------------------------------------------------------end-*/


/*PC_article --------------------------------------------------------------------start-*/


/*pc_about--------------start--*/

section.about{width:100%; margin:-8em auto 0 auto; background:url(../images/about_bg.jpg) center bottom; background-size:cover; z-index:-1; }
section.about .box{width:1000px; margin:0 auto; padding:13em 0 6em 0;}
section.about .box .left{ float:left; color:#E8CF74 ; position:relative; text-align:left;}
section.about .box .left h5{font-family:t_1; font-size:1.2em; margin:0 0 0.3em 0; }
section.about .box .left h2{font-size:2em; font-style:italic; }
section.about .box .left span.top{ display:block; width:2px; height:2em; background-color:#fff; position:absolute; left:3px; top:-3em;}
section.about .box .left span.bottom{ display:block; width:2px; height:2em; background-color:#fff; position:absolute; left:3px; bottom:-6em;}
section.about .box .right{ float:right; width:750px; margin:-6em 0 0 0; }
section.about .box .block{ clear:both; margin:0 0 2em 0;}
section.about .box .block p{ color:#FFF; font-size:1.3em; line-height:1.7em; text-align:left;}

/*pc_about--------------end--*/

/*agenda--------------start--*/
section.agenda{width:100%; margin:0 auto; background:url(../images/agenda_bg.jpg) no-repeat center center; background-size:cover;}
section.agenda .box{ width:1000px; margin:0 auto; padding:3em 0; text-align:left;}
section.agenda .box .title{ width:100% ; color:#000 ; position:relative; text-align:left ; padding-top:5em; margin-bottom:2em;}
section.agenda .box .title h5{font-family:t_1; font-size:1.2em; margin:0 0 0.3em 0; display:inline;}
section.agenda .box .title h2{font-size:2em; font-style:italic; text-align:left; display:inline;}
section.agenda .box .title span.top{ display:block; width:2px; height:2em; 
background-color:#000; position:absolute; left:3px; top:1.7em;}

section.agenda .box div.pc{ display:block;}
section.agenda .box .agenda_table{ width:100%; margin:0 auto; background-color:#FFF; border-collapse:collapse; }
section.agenda .box .agenda_table th, section.agenda .agenda_table td{ padding:0.7em; line-height:1.7em; border:#CCCCCC solid 1px;}
section.agenda .box .agenda_table th{ border-bottom:#666666 solid 2px;}
section.agenda .box .agenda_table td{ line-height:1.7em; }
section.agenda .box .agenda_table td h5{ color:#990000; font-weight:bold; margin-bottom:0.3em;}
section.agenda .box .agenda_table td.sp_border{ border-bottom:#666 solid 2px;}
section.agenda .box .agenda_table_mb{ display:none;}

section.agenda .box .agenda_table p.sp_ppp{ text-indent:-3.3em; padding-left:3.3em;}
section.agenda p.sp_ppppp{ font-size:1em; font-weight:bold; line-height:1.7em; margin:1em auto 0 auto; width:100%; max-width:none; min-width:300px; text-align:left;}

/*agenda--------------end--*/

/*speakers--------------end--*/

section.speakers{width:100%; margin:0 auto; background-color:#444;}
section.speakers .title{ width:1000px; position:relative; color:#FFFFFF; padding:0em; margin:0 auto 0 auto;}
section.speakers .title h2{font-size:2em; font-style:italic; text-align:left; display:inline; line-height:1.5em;}
section.speakers .title h5{font-family:t_1; font-size:1.2em; margin:0 0 0em 0; display:inline;}
section.speakers .title .box{ padding:2em 0;}
section.speakers .title .speakers_icon{ position:absolute; right:0px; top:1.3em;}
section.speakers .title .icon_sss{ position:absolute; left:50%; bottom:-16px; margin-left:-33px; display:block;}

section.speakers .intro{width:100%; margin:0em auto 0 auto; padding:3em 0 ;background-color:#FFFFFF;}
section.speakers .intro .box{width:1000px; margin:0 auto;}
section.speakers .intro .block{width:90%; margin:2em auto;}
section.speakers .intro .block .photo{ float:left; width:210px; height:210px; display:block; margin-top:0px; padding-top:0px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-box-shadow: 15px 15px 16px rgba(0,0,0,0.2);
-moz-box-shadow: 15px 15px 16px rgba(0,0,0,0.2);
box-shadow: 15px 15px 16px rgba(0,0,0,0.2);}
section.speakers .intro .block .text{ float:right; width:640px; font-size:1.2em; line-height:1.6em; padding:0.8em 0 0 0; }
section.speakers .intro .block .text h3{ font-weight:bold; margin:0 0 0.6em 0; text-align:left;}
section.speakers .intro .block .text h3 span{ color:#916F20; font-size:1.5em;}
section.speakers .intro .block .text p{ font-size:0.8em; text-align:left;}

section.speakers .intro .block:nth-child(even) .photo{ float:right;}
section.speakers .intro .block:nth-child(even) .text{ float:left;}
section.speakers .intro .box span.line{ margin:3em auto 1em auto; text-indent:-9999px; height:4px; width:40px; background-color:#D6AC4A; display:block;}

.ttitle{ width:100%; text-align:center; font-size:2.5em; background:url(../images/line_img.jpg) repeat-x center center; 
margin:0 auto -0.5em auto;}
.ttitle h6{ font-size:0.7em; display:inline-block;}
.ttitle span{ margin:0 0.5em;}
.ttitle .box_bbb{ background-color:#fff; padding:1em 0.2em; width:300px; margin:0 auto;}

/*speakers--------------end--*/

/*pc_sign--------------start--*/

section.sign{width:100%; margin:0 auto; background:url(../images/sign_bg.jpg) center center; background-size:cover; }
section.sign .box{width:1000px; margin:0 auto; padding:6em 0;}

section.sign .box .left{ float:left; width:28% ; color:#E8CF74 ; position:relative; text-align:left }
section.sign .box .left h5{font-family:t_1; font-size:1.2em; margin:0 0 0.3em 0; display:inline;}
section.sign .box .left h2{font-size:2em; font-style:italic; text-align:left; display:inline;}
section.sign .box .left span.top{ display:block; width:2px; height:2em; background-color:#E8CF74; position:absolute; left:3px; top:-3em;}
section.sign .box .left span.bottom{ display:block; width:2px; height:2em; background-color:#E8CF74; position:absolute; left:3px; bottom:-6em;}

section.sign .box .right{ float:right; width:70%; text-align:left; margin-top:0em;}

section.sign .box .block{ clear:both; margin:0 0 2em 0; text-align:left;}
section.sign .box .block img{ float:left; width:64px; height:auto; vertical-align:middle; margin:0 2em 0 0;}
section.sign .box .block h3{ color:#D6AC49; padding:0.3em 0; font-size:1.2em;}
section.sign .box .block p{ color:#FFF; }

section.sign .box .block a.sign_btn{ display:block; font-size:1.3em; margin:1em 0 1em 0; 
background: url(../images/icon_sing.png) no-repeat 90% center #FFF; padding:0.5em 1em; width:200px; color:#333; font-weight:bold;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;
-webkit-transition : all 200ms;
-moz-transition : all 200ms;
-o-transition : all 200ms;
transition : all 200ms;}
section.sign .box .block a:hover.sign_btn{color:#D6AC49;}
section.sign .box .block p.contact{}
section.sign .box .block p.contact span{ color:#D6AC49; margin:0 0.5em; }

/*pc_sign--------------end--*/


/*pc_news--------------start--*/

section.news .box .title{ width:100% ; color:#000 ; position:relative; text-align:left ; padding-top:5em; margin-bottom:2em;}
section.news .box .title h5{font-family:t_1; font-size:1.2em; margin:0 0 0.3em 0; display:inline;}
section.news .box .title h2{font-size:2em; font-style:italic; text-align:left; display:inline;}
section.news .box .title span.top{ display:block; width:2px; height:2em; 
background-color:#D6AC49; position:absolute; left:3px; top:2em;}

section.news{width:100%; margin:0 auto; background:url(../images/news_bg.jpg) center center; }
section.news .box{width:1000px; margin:0 auto; padding:3em 0 6em 0;}
section.news .box a{ float:left;  width:23%; height:13em; max-height:15em; margin:0 0.5em 3em 0.5em; text-align:left; opacity:1;
}

section.news .box a .photo{position:relative; width:100%; height:0; padding-bottom:67.85%; margin-bottom:1em; text-indent:-9999px; opacity:1;
background-color:#666;
/*-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;*/
overflow:hidden;
/*-webkit-transition : all 200ms;
-moz-transition : all 200ms;
-o-transition : all 200ms;
transition : all 200ms;*/
}

section.news .box a h3{ color:#666; line-height:1.5em;}
section.news .box a:hover h3{ color:#000;}

section.news .box a .photo .mask{ position:absolute; left:0px; top:0px; opacity:0;
width:100%; height:100%; background:url(../images/read_icon.png) center center no-repeat rgba(0,0,0,0.8);}
section.news .box a:hover .photo .mask{ opacity:1;}

/*pc_news--------------end--*/

/*PC_article --------------------------------------------------------------------end-*/

/*PC_news_page ----------------------------------------------------------------start-*/

.banner_page{ position:relative; width:100%; height:200px; margin:60px auto 0 auto;
background:url(../images/news_page_banner_bg.jpg) center center no-repeat;}
.banner_page .box{ position:relative; width:1000px; margin:0 auto; padding-left:5em;}
.banner_page .box h5{font-family:t_1; font-size:1em;  line-height:200px; display:inline-block; vertical-align:middle; }
.banner_page .box h2{margin:0 0.5em 0 0; font-weight:bold; font-size:1.5em; font-style:italic; line-height:200px;display:inline-block; vertical-align:middle; }
.banner_page .box br.sp_br{ display:none;}

.banner_page .box span.top{ display:block; width:1px; height:1em; 
background-color:#000; position:absolute; left:5em; top:2.5em;}
.banner_page .box span.bottom{ display:block; width:1px; height:1em; 
background-color:#000; position:absolute; left:5em; bottom:2.5em;}

.banner_page .box a.back_prev{ position:absolute; right:90px; bottom:-70px;
display:block; font-size:0.8em; margin:1em auto 1em auto; padding:0.8em 1em; text-align:right;
background:url(../images/icon_prev.png) no-repeat 10% center #FFF; border: #927B41 solid 1px;
 width:110px; color:#927B41; font-weight:bold;
-webkit-border-radius:1.7em;
-moz-border-radius:1.7em;
border-radius:1.7em;
-webkit-transition : all 200ms;
-moz-transition : all 200ms;
-o-transition : all 200ms;
transition : all 200ms;}

.banner_page .box a:hover.back_prev{color:#D6AC49;}

section.news_page{position:relative; width:100%; margin:0 auto;}
section.news_page .box{width:815px; margin:6em auto 4em auto;}
section.news_page .box h1{ font-size:2em; font-weight:bold; margin:0 0 0.5em 0; padding:0 0 0.3em 0; border-bottom:#927B41 solid 1px;}
section.news_page .box h1 span{ color:#927B41; margin-left:0.4em;}
section.news_page .box h6{ line-height:1.5em; margin-bottom:3em; color:#666666;}

section.news_page .box .block{ line-height:1.7em;}
section.news_page .box .block h2{ font-size:1.3em; margin:0 0 1em 0; font-weight:bold; line-height:1.7em; color:#746138;}
section.news_page .box .block p{ margin:0 0 2em 0;}
section.news_page .box .block p.ps{font-size:0.85em; line-height:1.6em;}
section.news_page .box .block p.ps span{ font-size:2em; margin-right:0.2em;}

section.news_page .box .block p img.icon_item{ width:auto; height:auto; margin-right:0.2em;}
section.news_page .box .block .img_style_1{ width:60%; margin:0 auto;}

/*PC_news_page ------------------------------------------------------------------end-*/

/*--PC_footer---------------------------------------------------------------start--*/

footer{ width:100%; margin:0 auto; padding:1em 0 0em 0; background-color:#F1F1F1; position:relative;
-webkit-box-shadow: 0px -2px 6px rgba(0,0,0,0.2);
-moz-box-shadow: 0px -2px 6px rgba(0,0,0,0.2);
box-shadow: 0px -2px 6px rgba(0,0,0,0.2); color:#FFF;}

footer .box{ width:100%; margin:0 auto; padding:3em 1em}
footer .box .organizer{width:1000px; margin:0 auto; color:#000;}
footer .box .organizer h6{ border-right:#CCC solid 1px; line-height:2em; padding:0 1.2em 0 0; margin:0 1em 0 0; display:inline-block;}
footer .box .organizer h6 img{ display:inline-block; vertical-align:middle;}
footer .box .organizer .left{ float:left; width:55%; margin:0.5em 0 0 0;}
footer .box .organizer .right{ float:right; width:45%; }
footer .box .organizer .left br.sp_br{ display:none;}
footer .box .organizer .right br.sp_br{ display:none;}
footer .box .organizer .logo{ display:inline-block;}
footer .box .organizer .logo img{ vertical-align:middle; margin:0 0.6em 0 0;}
footer .box .organizer .logo img.sp_logo{ margin: -2em 0 0 0;}
footer .box .organizer .logo br.sp_br{ display:none;}

footer .box_bottom{ width:100%; margin:0 auto; background-color:#000; }
footer .box_bottom div{width:1000px; margin:0 auto; font-size:0.7em; padding:1em 0; } 
footer .box_bottom div .cr{ float:left; margin:0 0 0em 0; line-height:1.7em;}
footer .box_bottom div .txt{ float:right; margin:0 0 0em 0; line-height:1.7em;}
footer .box_bottom div .txt span{ color:#999999; margin:0 0.3em 0 0.3em;}

/*--PC_footer---------------------------------------------------------------end--*/


}


@media only screen and (min-width: 639px) and (max-width: 1022px){
	
/*pad_news--------------start--*/

section.news{width:100%; margin:0 auto; background:url(../images/news_bg.jpg) center center; }
section.news .box{width:90%; margin:0 auto; padding:6em 0;}
section.news .box a{ float:left; width:45%; height:13em; max-height:15em; margin:0 2% 15% 2%; text-align:left; opacity:1;}
section.news .box a .photo{ position:relative; width:100%; height:0; padding-bottom:67.85%; margin-bottom:1em; text-indent:-9999px; opacity:1;
background-color:#666;
/*-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;*/
overflow:hidden;
/*-webkit-transition : all 200ms;
-moz-transition : all 200ms;
-o-transition : all 200ms;
transition : all 200ms;*/}
section.news .box a h3{ color:#666; line-height:1.5em;}
section.news .box a:hover h3{ color:#000;}

section.news .box a .photo .mask{ position:absolute; left:0px; top:0px; opacity:0; 
width:100%; height:100%; background:url(../images/read_icon.png) center center no-repeat rgba(0,0,0,0.8);}
section.news .box a:hover .photo .mask{ opacity:1;}

/*pad_news--------------end--*/

/*--PC_footer---------------------------------------------------------------start--*/

footer{ width:100%; margin:0 auto; padding:1em 0 0em 0; background-color:#F1F1F1; position:relative;
-webkit-box-shadow: 0px -2px 6px rgba(0,0,0,0.2);
-moz-box-shadow: 0px -2px 6px rgba(0,0,0,0.2);
box-shadow: 0px -2px 6px rgba(0,0,0,0.2); color:#FFF;}

footer .box{ width:100%; margin:0 auto; padding:3em 1em}
footer .box .organizer{width:100%; margin:0 auto; color:#000;}
footer .box .organizer h6{ border-right:#CCC solid 1px; line-height:2em; padding:0 1.2em 0 0; margin:0 1em 0 0; display:inline-block;}
footer .box .organizer h6 img{ display:inline-block; vertical-align:middle;}
footer .box .organizer .left{ float:none; width:70%; margin:0.5em auto 3em auto; text-align:left;}
footer .box .organizer .right{ float:none; width:70%; margin:0.5em auto; text-align:left;}
footer .box .organizer .left br.sp_br{ display:none;}
footer .box .organizer .right br.sp_br{ display:none;}
footer .box .organizer .logo{ display:inline-block;}
footer .box .organizer .logo img{ vertical-align:middle; margin:0 0.6em 0 0;}
footer .box .organizer .logo img.sp_logo{ margin: -2em 0 0 0;}
footer .box .organizer .logo br.sp_br{ display:none;}

footer .box_bottom{ width:100%; margin:0 auto; background-color:#000; }
footer .box_bottom div{width:100%; margin:0 auto; font-size:0.7em; padding:1em 0; } 
footer .box_bottom div .cr{ float:none; margin:0 0 0em 0; line-height:1.7em;}
footer .box_bottom div .txt{ float:none; margin:0 0 0em 0; line-height:1.7em;}
footer .box_bottom div .txt span{ color:#999999; margin:0 0.3em 0 0.3em;}

/*--PC_footer---------------------------------------------------------------end--*/

}

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

}





/*---- hack ----*/
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}