﻿@charset "utf-8";
/* CSS Document */

body{ margin:0 auto; width:100%;font-family:"Arial";  font-size:14px; color:#555 }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,label,select,option,textarea,button,p,span,table,tr,td{margin: 0;padding: 0;}
img{ border:0; vertical-align:top; font-size:0; line-height:0; overflow:hidden;}
ul,li,ol,ul { list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:12px Arial; font-weight:normal;}
a{ text-decoration:none; color:#FFF}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:active{}/*這四個鏈接文字的設置順序不可以顛倒*/
.clear{ clear:both; line-height:0; overflow:hidden;} /*清除浮动*/
.left{ float:left}
.right{ float:right}


/******************login********************/
.wrap{ width:100% ; height:auto ; background:url(../images/hback.jpg) center top; min-height:1130px ; overflow:hidden}
.logintitle{ font-size:40px; text-align:center ; color: #fff ; padding:40px 0}
.login{ width:300px; height:auto ; margin:40px auto ; background:url(../images/back_05.png) ; padding:30px }
.login dt{ font-size:24px; color:#fff ; padding:15px 0}
.login dd{ overflow:hidden ; background:#fff ; line-height:30px; border:1px solid #fff; margin-top:18px}
.login dd span{ display:block; float:left ; }
.login dd input{ width:260px; line-height:30px; float:left ; border:none ; font-size:14px;font-family:"Arial"; color:#888; height:30px}
.login dd select{ width:260px; line-height:30px; float:left ; height:30px; border:none ; font-size:14px;font-family:"Arial" ; color:#888}
.loginbut{ display:block ; width:100% ; line-height:30px ; text-align:center ; font-size:16px ; color:#fff ; background:#109ee8; margin-top:18px}
.loginforget{ font-size:16px ; line-height:28px; color:#fff ; padding-top:30px}
.loginhere{ font-size:14px ; line-height:28px; padding-bottom:15px; color:#fff ; border-bottom:1px dashed #fff; margin-bottom:15px}
.loginhere a{ color:#109ee8}
.loginhere2{ font-size:14px ; line-height:28px; color:#fff}
.loginhere2 a{ color:#109ee8}
.loginback{ display:block ; text-align:center ; line-height:33px; width:100px ; float:left ; background:#d0d0d0 ; color:#888888}
.loginsub{ display:block ; text-align:center ; line-height:33px; width:100px ; float:right ; background:#109ee8; color:#fff ;}
.login div{ overflow:hidden ; margin-top:18px ; font-size:16px}
/******************login********************/


/******************memtop********************/
.memtop{ line-height:40px; background:#18a0ec ; padding:0 30px }
.memtopleft{ float:left}
.memtopright{ float:right}
.ling{ float:left ; position:relative}
.ling span{ display:block ; width:15px; height:15px; background:#fe6152 ; color:#fff ; text-align:center ; line-height:15px ; position:absolute ; left:15px; top:10px ; border-radius:50%}
.memtoptu{ float:left}
.memtoptu a{ display:block ; float:left} 
.memtoptu div{ width:30px; height:30px; float:left ; padding:5px 0 0 20px}
.memtoptu div img{ width:30px; height:30px}
.memtoptu span{ float:left ; color:#fff ; padding:0 10px}
/******************memtop********************/

/******************memleft********************/
.memleft{ width:245px; height:auto ; overflow:hidden ; font-size:14px}
.memleft ul{ width:100% ; height:auto}
.memleft ul li{ line-height:46px; background:url(../images/dashboard_58.png) no-repeat bottom }
.memleft ul li>a{ display:block ; background:url(../images/dashboard_21.png) no-repeat right ; color:#fff ; border-left:2px solid #333333}
.memleft ul li dl{ padding-left:35px ; border-top:1px solid #494949 ; display:none}
.memleft ul li dl dd{ line-height:30px}
.memleft ul li dl dd a{ display:block ; color:#cbcccd}
.memleft ul li dl dd:hover a{ color:#18a0ec}
.memleft ul li:hover>a{ background:url(../images/dashboard_21.png) no-repeat right #191919 ; border-left:2px solid #18a0ec}
.memleft ul li.memleftact>a{ background:url(../images/dashboard_21.png) no-repeat right #191919 ; border-left:2px solid #18a0ec}
.memleft ul li.memleftact>dl{ display:block}
.memleft ul li dl dd.memleftact2 a{color:#18a0ec}
/******************memleft********************/


/******************dashboard*******************/
.memright{ padding:0 30px 30px 30px ; background:#fff}
.memtitle{ font-size:30px; padding:30px 0}
.memnav{ background:#eeeeee ; line-height:40px ; color:#555}
.memnav a{ color:#555 ; padding:0 5px}
.dashtop{ width:100% ; overflow:hidden ; padding:0 0 30px 0}
.dashtop li{ width:23%;  float:left ; margin-right:2.5% ; height:155px ; margin-top:30px}
.dashtop li:last-child{ margin-right:0px}
.dashtop li a{ display:block}
.dashtopt{ overflow:hidden ; padding:25px 15px ; height:70px}
.dashtopt div{ margin-left:10px ; width:20% ; float:left}
.dashtopt img{ display:block }
.dashtopt p{ float:right ; text-align:right ; color:#fff}
.dashtopt p i{ display:block ; font-style:normal ; font-size:20px ; padding:10px 0 5px 0 }
.dashtopt p span{ display:block ; font-size:16px}
.d1{ background:#6da1ff}
.d2{ background:#9ed053}
.d3{ background:#fb7653}
.d4{ background:#ffcc01}
.dashtopb{ line-height:35px; background:url(../images/bot_03.png) ; font-size:12px ; padding-left:15px}
.dashtopb span{ float:right}
.membot{ width:100% ; height:auto ; overflow:hidden}
.membotl{ width:49% ; float:left}
.membottitle{ line-height:36px; overflow:hidden ; color:#fff}
.membottitle a{ float:right ; color:#fff ; padding-right:15px}
.m1{ background:#00acec}
.m2{ background:#9564e2}
.membotul{ border:1px solid #e7e7e7 ; border-top:none ; overflow:hidden ; padding:0 15px 15px 15px}
.membotul li{ background:url(../images/dashboard_71.png) #f8f8f8 no-repeat left ; line-height:32px; color:#bdbdbd ; overflow:hidden ; margin-top:15px ; height:32px}
.membotul li a{ display:block ; width:60% ; line-height:32px; color:#555 ; float:left ; padding-left:40px ; overflow:hidden ; white-space:nowrap ; text-overflow:ellipsis}
.membotul li span{ float:right ; padding-right:15px;}
.membotr{ width:49% ; float:right}
.membotul2{ border:1px solid #e7e7e7 ; border-top:none ; overflow:hidden ; padding:0 15px 15px 15px}
.membotul2 li{ background:url(../images/dashboard_74.png) #f8f8f8 no-repeat left ; line-height:32px; color:#bdbdbd ; overflow:hidden ; margin-top:15px ; height:32px}
.membotul2 li a{ display:block ; width:60% ; line-height:32px; color:#555 ; float:left ; padding-left:40px ; overflow:hidden ; white-space:nowrap ; text-overflow:ellipsis}
.membotul2 li span{ float:right ; padding-right:15px;}
.foot{ text-align:center ; padding:30px 0 20px 0 }
/******************dashboard*******************/

/******************Recent Notifications*******************/
.not{ width:100% ; margin:20px auto}
.not ul li{ overflow:hidden  ; padding:20px 0 ; border-bottom:1px solid #e7e7e7 ; width:100%}
.not ul li div{ float:left ; width:210px; height:130px}
.not ul li div img{ width:210px; height:130px}
.not ul li dl{ float:left  ; padding:0 0; width:65% ; padding:0 2%}
.not ul li dl dt{ font-size:16px ; line-height:24px; padding-bottom:10px}
.not ul li dl dt a{ display:block ; overflow:hidden ; width:100% ; white-space:nowrap ; text-overflow:ellipsis; color:#18a0ec}
.not ul li dl dd{ font-size:14px; line-height:24px}
.not ul li dl dd a{ color:#555}
.not ul li dl p{ line-height:24px; color:#999}
.notshu{ padding:40px 0 0 0 ; line-height:24px}
.notshu a{ padding:3px 7px ; border:1px solid #e7e7e7 ; color:#999}
.not2title{ font-size:20px; color:#18a0ec ; padding-bottom:5px}
.not2date{ font-size:14px; color:#888 ; display:block}
.not2con{ padding-top:20px}
.not2con p{ line-height:30px ; padding-bottom:20px}
.not2back{ display:block ; width:105px; text-align:center ; font-size:18px; line-height:35px; background:#18a0ec}
.not2bot{ padding-top:10px}
.not2bot a{ line-height:30px; color: #888 ; display:block}

.impor{ width:100% ; height:auto ; padding-top:20px}
.impor ul li{ overflow:hidden ; line-height:48px;  border-bottom:1px solid #e7e7e7}
.impor ul li a{ display:block ; width:330px; padding-left:10px ; float:left ; color:#555 }
.impor ul li span{ display:block ; float:left ; color:#18a0ec}
/******************Recent Notifications*******************/



/******************Abstract Submission > Instructions*******************/
.ins{ width:100% ; min-height:480px ; padding-top:30px}
.ins p{ line-height:27px; font-size:16px;}
.ins p span{ font-size:18px; color:#333}
.ins a{ display:block ; color:#18a0ec ; line-height:27px; padding-bottom:20px; font-size:16px}
/******************Abstract Submission > Instructions*******************/


/******************Abstract Submission > creat*******************/
.creat{ width:700px; height:auto ; margin:40px auto}
.creat li{ overflow:hidden ; margin-top:15px }
.creat li p{ width:160px; line-height:35px; float:left ; font-size:16px ; text-align:right ; padding-right:10px}
.creat li p span{ color:#f00 ; padding-right:3px}
.creat li>div{ width:530px; float:right}
.creat li>div div{overflow: hidden;}
.creat li>div>input{ width:435px ; height:33px; border:1px solid #e7e7e7 ; text-indent:1em}
.creat li div select{ width:435px ; height:33px; border:1px solid #e7e7e7 ; color:#888 ; text-indent:1em}
.creat li div textarea{ width:528px; height:100px; border:1px solid #e7e7e7 }
.save{ display:block ; width:120px; line-height:35px; text-align:center ; color:#fff ; font-size:14px ; float:left ; background:#333333}
.creatsub{ display:block ; width:120px; line-height:35px; text-align:center ; color:#fff ; font-size:14px ; float:left ; margin-left:15px; background:#18a0ec}  
/******************Abstract Submission > creat*******************/

/******************Abstract Submission > view*******************/
.viewsub{ display:block ; width:215px; line-height:43px; text-align:center ; font-size:16px; color:#fff ; background:#18a0ec ; border-radius:5px; margin:0px auto 30px auto }
.view{ width:100% ; height:auto ; overflow:hidden ; margin-top:30px; min-height:500px}
.viewtab{ border-left:1px solid #e7e7e7 ; border-bottom:1px solid #e7e7e7 ; text-align:center ; border-top:1px solid #e7e7e7 ; width:100%}
.viewtitle{ height:33px ; }
.viewtitle td{ background:#f3f3f3 ; padding:0px}
.viewtab p{ padding:0 10px ; line-height:24px ; text-align:left}
.viewtr td{ border-right:1px solid #e7e7e7 ; border-top:1px solid #e7e7e7 ; padding:20px 0}
.viewtr td a{ display:block ; margin-top:5px;color:red !important;text-decoration:none !important;}
/******************Abstract Submission > view*******************/




/******************Full*******************/
.fullins{ font-size:14px; margin:20px auto}
.fullins span{ display:block ; color:#18a0ec ; line-height:27px}
.fullins i{ display:block ; font-style:normal ; color:#555 ; line-height:27px; padding-bottom:20px}
.fullins p{ display:block ;color:#555 ; line-height:27px; }
.updown{ display:block ; width:100px; line-height:35px; background:#e1e1e1 ; text-align:center ; color:#555 ; font-size:16px; float:left}
.uplei{ display:block ; float:left ; padding-left:10px ; color:#888 ; line-height:35px}
.radiozi{ padding:0 5px ; float:left ; display:block ; line-height:35px ; font-size:14px}
.radiozi2s{ padding:0 5px ; display:block ; line-height:35px ; font-size:14px}
.viewa{ float:left ; margin:0px 5px}
.viewdown a{ color:#555 ; padding-left:5%}
.viewshu{ overflow:hidden ; margin-top:30px}
.viewshu a{ padding-right:20px}
/******************Full*******************/


/******************meeting*******************/
.meeting{ width:100% ; height:auto ; overflow:hidden ; margin:20px auto}
.meettab{ width:100%}
.meettab td{ border-left:1px solid #fff ; text-align:center ; padding:10px 0}
.meets td p{ text-align:left ; line-height:24px ; padding:0 20px}
.meettitle td{ background:#149cda ; color:#fff; border-bottom:1px solid #fff }
.meettitle td p{ line-height:24px ; padding-left:10px}
.meets td{ background:#dceef8}
.meetq td{ background:#f1f8ff}
.meetq td p{ text-align:left ; line-height:24px ; padding:0 20px}
.meetinsbot{ width:100%; padding-top:30px }
.meetinsbot p{ line-height:30px; color:#888}
.meetinsbot span{ color:#555}
.addauthor{ display:block ; background:url(../images/meeting_regist_03.jpg); width:202px; height:35px ; margin-top:10px}
.meetadd{ width:440px; padding:5px 0 ; background:#eff6fc ; margin-top:20px}
.meetadd div{ padding:0 20px ; line-height:30px}
.meetadd div a{ color:#18a0ec ; text-decoration:underline ; float:right}
.meercheck{ overflow:hidden ;}
.meercheck div{ width:15px; height:15px ; float:left ;  margin-top:10px}
.meercheck input{ width:15px; height:15px}
.meetaddtitle{ text-align:center ; padding:20px 0; border-bottom:1px solid #e7e7e7 ; font-size:20px; color:#333}

.meet{ width:380px; height:auto ; margin:40px auto}
.meet li{ overflow:hidden ; margin-top:15px }
.meet li p{ width:110px; line-height:35px; float:left ; font-size:14px ; text-align:right ; padding-right:10px}
.meet li p span{ color:#f00 ; padding-right:3px}
.meet li>div{ width:260px; float:right}
.meet li>div>input{ width:258px ; height:33px; border:1px solid #e7e7e7 ; text-indent:1em}
.save{ display:block ; width:120px; line-height:35px; text-align:center ; color:#fff ; font-size:14px ; float:left ; background:#333333}
.creatsub{ display:block ; width:120px; line-height:35px; text-align:center ; color:#fff ; font-size:14px ; float:left ; margin-left:15px; background:#18a0ec}  
.meetsub{ width:125px; line-height:30px; color:#fff ; float:left ; text-align:center ; background:#24a5ed ; display:block}
.meetcancel{ width:125px; line-height:30px; color:#fff ; float:left ; text-align:center ; background:#afafaf ; display:block ; margin-left:8px}
.checkall{ overflow:hidden}
.checkall div{ width:15px ; height:14px; float:left ; margin:5px 0 20px 0}
.checkall div input{ width:15px ; height:14px}
.checkall span{ display:block ; float:left ; line-height:24px ; padding-left:5px}
.meetprice{ color:#18a0ec}
.meetpay{ display:block ; width:180px; line-height:40px; background:#18a0ec ; text-align:center ; color:#fff ; font-size:16px ; margin:20px auto 0 auto}
.ordertab{ margin-bottom:20px}
.ordertab td{ border-bottom:1px solid #fff ; border-left:1px solid #fff ; padding:15px 0 ; font-size:14px}
.ordertr1{ background:#dcecf6}
.ordertr2{ background:#eff6fc}
.ordertab td p{ text-align:right; padding-right:10px}
.ordertab td>span{ padding-left:20px}
.ordercheck{ width:15px; height:15px ; margin:0 10px 0 20px ;}
.orderblue{ color:#18a0ec ; font-size:16px}
.orderjie{ border:1px solid #e7e7e7 ; text-align:right;  background:#fcfcfc ; line-height:45px ; font-size:24px}
.orderjie span{ color:#18a0ec ; padding-right:20%}
.orderbot{ width:310px; line-height:40px ; overflow:hidden ; margin:30px auto 0 auto}
.orderbot a{ display:block ; color:#fff ; font-size:18px; line-height:40px ; text-align:center}
.orderback{ width:125px; background:#333333 ; float:left}
.orderpay{ width:170px; background:#18a0ec ; float:right}
.orderpay2{ width:100% ; height:auto ; margin:20px auto}
.orderpayt{ border:1px solid #e7e7e7}
.paytop{ overflow:hidden ; padding:45px 0 ; background:#eef5fb}
.paytoptu{ width:50px; height:50px; float:left ; margin-left:15%}
.paytop p{ float:left ; font-size:18px ; line-height:30px ; padding-left:20px}
.paytop p span{ color:#18a0ec ; font-size:18px}
.paytop p a{ font-size:14px; color:#fb861d ; padding-left:10px}
.paybot{ width:100% ; overflow:hidden ; padding:45px 0}
.paybot span{ display:block ; float:left ; line-height:50px  ; padding-left:20% ; font-size:16px}
.paybot>div{ float:left ; overflow:hidden}
.paybot>div input{ width:15px; height:15px ; float:left ; margin:20px 10px 0 0}
.paybot>div div{ width:120px; height:50px; float:left}
.paybot>div div img{ width:120px; height:50px;}
/******************meeting*******************/


/******************Hotel Registration*******************/
.hotel{ width:100% ; height:auto;  padding-top:30px}
.hoinfo span{ display:block ; line-height:27px ; color:#18a0ec ; font-size:18px}
.hoinfo p{ line-height:27px ; font-size:14px}
.hoinfoul{ width:100% ; height:auto ; overflow:hidden}
.hoinfoul li{ overflow:hidden ; margin-top:25px}
.hoinfoul li div{ width:335px; height:238px ; float:left}
.hoinfoul li div img{ width:335px; height:238px }
.hoinfoul li dl{ width:540px; float:left ; padding-left:15px}
.hoinfoul li dl dt{ font-size:16px ; line-height:30px}
.hoinfoul li dl dt a{ color:#18a0ec }
.hoinfoul li dl dd{ line-height:30px ; overflow:hidden}
.hoinfoul li dl dd>span{ display:block ; line-height:30px ; float:left ; text-align:right ; width:65px}
.hoinfoul li dl dd p{ width:460px; float:right }
.hoinfoul li dl dd span{ font-family:"微软雅黑" ; display:block}
.hotelsub{ display:block ; width:120px; line-height:35px; text-align:center ; color:#fff ; font-size:14px ; float:left ; background:#18a0ec} 
.hodiv{ float:left ; } 
.hodiv span{ display:block ; float:left ; line-height:35px; font-size:12px; padding:0 5px 0 25px}
.hodiv input{ width:150px; height:33px; border:1px solid #e7e7e7 ; float:left ; text-indent:1em}
.hod{ position:relative}
.hoteldate{ position:absolute ; right:97px; top:1px}
/******************Hotel Registration*******************/



.pass{ width:100% ; min-height:500px; overflow:hidden ; padding:30px 0}
.tab{ width:184px; height:auto ; float:left}
.tab li{ background:url(../images/password_07.jpg) no-repeat ; line-height:38px; color:#555 ; width:100% ; cursor:pointer}
.tab li span{ padding-left:10px}
.tab li.curr{ background:url(../images/password_03.jpg) no-repeat ;  color:#fff}
.tab_contact{ width:75%; background-color:#Fff; display:none;float:left}
.tab_contact1{ display:block;}
.passul{ width:100%}
.passul li{ overflow:hidden ; padding-bottom:15px ; width:100%}
.passul li p{ width:17% ; text-align:right ; padding-right:2% ; color:#999 ; float:left ; line-height:35px}
.passul li>div{ width:80% ; float:left}
.passul li>div input{ width:98% ; height:35px; border:1px solid #e7e7e7 ; text-indent:1em}
.sevechange{ display:block ; color:#fff ; text-align:center ; line-height:35px; background:#109ee8 ; width:150px ; margin-left:24%}
.passtu{ width:84px; height:84px; float:left}
.passtu tu{ width:84px; height:84px }
.passadd{ background:url(../images/personal_06.jpg) ; width:125px; height:33px; float:left ; display:block ; margin:25px 0 0 20px}











