/* CSS Document */
html{overflow-y:scroll;}
html, body, div, h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
body{font:14px/22px "Hiragino Sans GB", "Microsoft Yahei", "SimHei";background:#fff;}
img{vertical-align:middle;}
a:link, a:visited{outline:none;text-decoration:none;color:#053297;}
a:hover, a:focus{text-decoration:none;color:#e74c3c;}
a img, :link img, :visited img{border:0;}
/* clearfix */
.clearfix{margin-bottom:10px;padding-left:0px;}
#line-top, #share, #header-width, #menu, #content, #layout, .footer-middle{clear:both;margin:0 auto;width:1200px;}
#header .nav ul, #header .nav li,
#menu dl, #menu dt, #menu dd, #menu ul, #menu li,
#banner ul, #bannerli,
#info dl, #info dt, #info dd,
#download dl, #download dt, #download dd,
#scroll dl, #scroll dt, #scroll dd,
.left dl, .left dt, .left dd,
.left ul, .left li,
.login ul, .login li,
.user dl, .user dt, .user dd,
.subfield ul,.subfield li,
.activity-photo dl,.activity-photo dt,.activity-photo dd,
.footer dl,.footer dt,.footer dd{list-style:none;margin:0;padding:0;}
/* top */
#top{min-width:1200px;background:#ecf0f1;border-bottom:1px solid #ccc;}
#line-top{height:36px;line-height:36px;}
#line-top .top-left{float:left;color:#ddd;}
#line-top .top-right{float:right;}
#line-top .help{color:#ddd;margin-right:140px;}
#line-top .shared{color:#333;margin-left:30px;}
#line-top .share{float:right;margin-top:-26px;}
#line-top em{float:left;width:3px;height:16px;}
#line-top .red{color:#ce000f;}
#line-top .grey{color:#333;}
#line-top .split-line {font-size:12px;margin:0 10px;}

/* header */
#header{clear:both;margin:0 auto;width:1200px;height:420px;background:#fff url(/themes/images/en_header.jpg) no-repeat top center;-webkit-background-size:cover;
-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;-webkit-background-size:100% auto;-moz-background-size:100% auto;background-size:100% auto;}

#header-width{width:1200px;height:366px;}
#header .logo{float:left;width:100%;height:100%;}
#header .logo a{display:block;width:100%;height:100%;}
.header-right{float:right;width:27%;padding-top:65px;opacity:0.5;visibility:hidden;}
.search{position:relative;background:#fff;padding:7px;width:100%;float:right;margin:14px 0px 0px 0em;border:2px solid #666;}
.search input[type="text"]{outline:none;color:#000;font-size:14px;border:none;width:92%;float:left;}
.search input[type="submit"]{background:url(/themes/images/img-sprite.png) no-repeat -90px -1px;width:30px;height:30px;border:none;cursor:pointer;position:absolute;outline:none;top:3px;}

/* menu */
#menu{clear:both;position:relative;height:44px;line-height:44px;background:#053297;}
#menu dl{float:left;display:block;font-size:13px;}
#menu dl dd{display:inline;float:left;padding-left:8px;padding-right:8px;border-right:1px solid #000;}
#menu dl dd a{color:#fff;text-align:center;white-space:nowrap;display:block;}
#menu dl dd.selected{color:#fff;background:#dd870c;}
#menu .box:hover{background:#0d6ae3;}
#menu .box:hover ul{display:block;z-index:1;}
#menu .box ul{display:none;position:absolute;margin-left:-8px;font-size:14px;background:#0d6ae3;}
#menu .box ul li{padding:0 8px;line-height:32px;}
#menu .box ul li a{color:#fff;}
#menu .box ul li a:hover{color:#dd870c;}

/* wrapper */
#wrapper{margin:10px auto;width:1200px;}

/* content */
#content{clear:both;}
#content a:link, #content a:visited{color:#053297;}
#content a:hover, #content a:focus{color:#d94335;}

/* banner */
#banner{position:relative;overflow:hidden;float:left;width:798px;height:400px;border:1px solid #ddd;background:#fff;}
#banner li{list-style:none;}
#banner ul li{float:left;width:800px;height:400px;}
#banner ul li img{border-style:none;width:800px;height:400px;}
#banner ul li span {position:absolute;margin-left:-800px;margin-top:340px;padding:20px;width:760px;color:#fff;font-size:18px;background:transparent url(themes/images/banner_bg.png) repeat-y top;}
#banner .arrows{display:none;}
#banner:hover .arrows, #banner.hover .arrows{display:block;}
@media only screen{
	#banner .arrows{-webkit-transition:opacity 0.4s;transition:opacity 0.4s;opacity:0;display:block;}
	#banner:hover .arrows, #banner.hover .arrows{opacity:1;}
}
#banner .arrows{position:absolute;z-index:20;top:180px;}
#banner .arrows .prev, #banner .arrows .next{position:absolute;width:40px;height:40px;font:0/0 a;color:transparent;cursor:pointer;}
#banner .arrows .prev{left:10px;background:url(/themes/images/prev_arrow_default.png) no-repeat;}
#banner .arrows .next{left:750px;background:url(/themes/images/next_arrow_hover.png) no-repeat;}

#banner .dots{position:absolute;height:20px;top:350px;right:20px;font-size:12px;opacity:0.8;}
#banner .dot{float:left;line-height:20px;width:20px;margin-right:1px;color:#fff;background:#acc6d5;text-align:center;cursor:pointer;}
#banner .dot:hover{color:#ff7300;}
#banner .dot.active{background:#094e89;}

/* sidebar */
#info{float:right;width:386px;height:400px;border:1px solid #ddd;background:#fff;}
#info dl dt{position:relative;height:30px;line-height:30px;}
#info dl h3{padding-left:15px;border-bottom:1px solid #ddd;background:#dcebf1;font-weight:100;}
#info dl em{position:absolute;right:10px;top:0px;font-size:14px;font-style:normal;}
#info dl dd{display:block;padding:10px 15px;border-top:1px solid #eceff6;background:#fff;}
#info dl dd a{line-height:24px; font-weight:bold;}

/* subject */
#subject{overflow:hidden;float:left;width:800px;height:350px;border:1px solid #ddd;background:#fff;}
#subject .business{position:relative;height:30px;line-height:30px;}
#subject h3{padding-left:15px;height:30px;line-height:30px;border-bottom:1px solid #ddd;background:#dcebf1;font-weight:100;}
#subject .business em{position:absolute;right:10px;top:0px;font-size:14px;font-style:normal;}
#subject .sortable{margin:10px;width:780px;border:0;border-collapse:collapse;border-spacing:0;}
#subject .sortable tr:nth-child(2n+1){background:#f8f8f8;}
#subject .sortable th{padding:5px 6px;background:#f4f4f4;text-align:left;}
#subject .sortable td{padding:5px 6px; color:#666;}
#subject .sortable th, #subject .sortable td{border:1px solid #f4f4f4;border-left:none;border-right:none;}

/* download */
#download{position:relative;float:right;width:386px;height:350px;border:1px solid #ddd;background:#fff;}
#download dt{position:relative;padding-bottom:5px;height:30px;line-height:30px;}
#download dl h3{padding-left:15px;border-bottom:1px solid #ddd;background:#dcebf1;font-weight:100;}
#download dl em{position:absolute;right:10px;top:0px;font-size:14px;font-style:normal;}
#download dl dd{display:block;padding:0 15px;height:29px;line-height:29px;border-bottom:1px solid #eceff6;background:#fff;color:#999;}
#download dl dd span{position:absolute;float:right;width:80px;height:29px;right:15px;line-height:29px;text-align:right;}

/* scroll */
#scroll{height:180px;border:1px solid #ddd;background:#fff;}
#scroll dt.left,#scroll dt.right a{width:24px;line-height:18px;text-align:center;}
#scroll dt.left{float:left;margin-right:15px;padding:55px 10px 0px 10px;height:125px;border-right:1px solid #eee;font-size:16px;background:#dcebf1;}
#scroll dt.right a{float:right;padding:60px 10px 0px 10px;height:120px;border-left:1px solid #eee;background:#f8f8f8 url(/themes/images/default.png) no-repeat center;}
#scroll dt.right a:hover{background:#f8f8f8 url(/themes/images/next.png) no-repeat center;}
#scroll em{float:left;width:180px;margin:15px 17px;background:#f4f4f4; font-style:normal;}
#scroll em img{width:180px;height:120px;}
#scroll em h3{font-size:13px;font-weight:normal;height:18px;line-height:18px;text-align:center;margin-top:7px;margin-bottom:7px;overflow:hidden;}

#demo{overflow:hidden;width:1070px;}
#indemo{float:left;width:800%;}
#demo1,#demo2{float:left;}
	
/* photo */
.activity-photo dt{clear:both;}
.activity-photo dd{float:left;width:216px;height:232px;margin-right:40px;margin-left:40px;margin-top:10px;}
.activity-photo dd h4{background:#f2f2f2;text-align:center;font-weight:100;width:196px;height:46px;line-height:18px; padding-left:10px;padding-right:10px;display:table-cell;vertical-align:middle;}

.photo{clear:both;padding:0px 6px 30px;min-height:300px;text-align:center;}
.photo img{min-width:600px;max-width:800px;margin:10px;}

/* pageNav */
.pageNav{margin:5px;text-align:center;}
.pageNav strong{margin-right:5px;padding:1px 5px;color:#fff;font-weight:normal;background:#dd870c;}
.pageNav a{margin-right:5px;padding:1px 5px;color:#fff;background:#ddd;}
.pageNav a:hover{color:#fff;background:#053297;}
/* LOGIN & REG */
.breadcrumbs{padding:10px;color:#999;}
.breadcrumbs a:link,
.breadcrumbs a:visited{color:#999;}

.login,.user{border:1px solid #eee;}
.main-head{padding:25px;border-bottom:1px solid #eee;background:#f8f8f8;}
.main-head h1.title{font-size:30px;font-weight:100;color:#666;text-align:center;}

.form-control{padding:50px;}

.login-left{padding-right:120px;border-right:1px dotted #ccc;}
.input-group{clear:both;margin-bottom:15px;}
.input-control{padding:6px 8px; width:280px; border:2px solid #ddd; font-family:Microsoft YaHei, Arial;}
.login label{margin-left:10px; color:#f60;}

.login-right{padding-left:50px;text-align:center;}
.input-group a{color:#f60; text-decoration:underline;}
.login-right p{color:#666;}

#province, #city, #paynum{padding:6px;width:200px;border:2px solid #ddd;font-family:Microsoft YaHei, Arial;}
.skill-box{padding-bottom:5px;color:#f60;font-weight:bold;}
.skill{padding-bottom:5px;font-size:13px;}
#class01,#class02,#class03,#class04,#memo,.ke-container{padding:8px; border:2px solid #ddd; font-size:13px; color:#333;}
#about{padding:7px;width:560px;}
#memo{width:560px;}


.login input[type="text"]:hover,
.login input[name="username"]:hover,
.login input[name="password"]:hover,
.login input[name="password2"]:hover,
.login select[name="province"]:hover
.login select[name="city"]:hover,
.user input[type="text"]:hover,
.user textarea[name="memo"]:hover,#memo:hover,
.user input[type="password"]:hover{border:2px solid #f60;}

.login .submit, .user-right .submit, #insertfile{display:inline-block;height:34px;line-height:34px;border:0;box-shadow:0px 1px 0px rgba(120, 200, 230, 0.5) inset;border-style:solid;border-radius:1px;white-space:nowrap;-moz-box-sizing:border-box;background-color:#4787ed;background-image:linear-gradient(to bottom, #4D90FE, #4787ED);border-color:rgb(33, 117, 155) rgb(33, 117, 155) rgb(30, 106, 141);color:#ffffff;text-shadow:0px 1px 0px rgba(0, 0, 0, 0.1);cursor:pointer;}
.login .submit, .user-right .submit{width:300px;}

/* forget */
/*.shared{padding:50px;}*/
.input-group ul{float:left;margin-bottom:15px; width:99%;}
.input-group ul li{float:left; padding-left:1%; width:32%; height:36px; line-height:36px; background:#eaf4fe; color:#418dda;}
.form_one .one,
.form_two .two{background:#7ab7f3 url(/themes/images/forget_nav.png) no-repeat right -36px; color:#fff;}
.form_one .two,
.form_three .one{background:#eaf4fe url(/themes/images/forget_nav.png) no-repeat right 0;}
.form_two .one{background:#eaf4fe url(/themes/images/forget_nav.png) no-repeat right -72px;}
.form_two label{color:#f60;}
.form_three .two{background:#eaf4fe url(themes/images/forget_nav.png) no-repeat right -72px;}
.form_three .three{background:#7ab7f3; color:#fff;}

/* user */
.user-left{border-right:1px solid #eee;background:#f8f8f8;}
.user-nav{text-align:center;}
.user-nav dl dt{display:block;padding:12px 0;}
.user-nav dl dd{display:block;padding:12px 0;border-top:1px solid #eee;}
.user-nav .home{padding-left:25px;background:transparent url(/themes/images/user_nav_bg.png) no-repeat scroll 0 0;}
.user-nav .signup{padding-left:25px;background:transparent url(/themes/images/user_nav_bg.png) no-repeat scroll 0 -20px;}
.user-nav .download{padding-left:25px;background:transparent url(/themes/images/user_nav_bg.png) no-repeat scroll 0 -40px;}
.user-nav .donation{padding-left:25px;background:transparent url(/themes/images/user_nav_bg.png) no-repeat scroll 0 -60px;}
.user-nav .company{padding-left:25px;background:transparent url(/themes/images/user_nav_bg.png) no-repeat scroll 0 -80px;}
.user-nav .information{padding-left:25px;background:transparent url(/themes/images/user_nav_bg.png) no-repeat scroll 0 -140px;}
.user-nav .modify{padding-left:25px;background:transparent url(/themes/images/user_nav_bg.png) no-repeat scroll 0 -120px;}
.user-nav .exit{padding-left:25px;background:transparent url(/themes/images/user_nav_bg.png) no-repeat scroll 0 -180px;}

.user-head{padding:10px 20px;border-bottom:1px solid #eee;background:#f8f8f8;}
.user-head h1.title{font-size:20px;font-weight:100;color:#444;}

.user-right{margin:2%;width:96%;border:0;border-collapse:collapse;border-spacing:0;color:#666;}
.user-right th{padding:6px;background:#f4f4f4;text-align:left;}
.user-right td{padding:6px;}
.user-right tr:nth-child(2n+1){background:#f8f8f8;}
.user-right td,.user-right th{border:1px solid #f4f4f4;border-left:none;border-right:none;}
.user-right label{margin-left:10px; color:#f60;}
.user-right a:link, .user-right a:visited{color:#f60;}
.user-right a:hover, .user-right a:focus{color:#d94335;}

/* about */
#layout{border:1px solid #ddd;}
.sidebar{border-right:1px solid #eee;width:22%;background:#f8f8f8;}
.left{padding:20px;}
.left dl dt{display:block;padding-bottom:12px;border-bottom:1px solid #ddd;}
.left h2{font-size:18px;font-weight:normal;}
.left dl dd{display:block;padding:12px 0;border-bottom:1px solid #ddd;}
.left a:link, .left a:visited{color:#06c;}
.left a:hover, .left a:focus{color:#d94335;}
.sidebar .hover{font-weight:bold;}

.left .left-title{padding:8px 6px;border-bottom:0px solid #eee;background:#e6eef4;}
.left ul{padding:0 0 20px 0;}
.left ul li{padding:5px 0;border-bottom:1px solid #eee;}

.container{width:78%;}
.right{padding:20px;}
.right .title h1{font-size:24px;font-weight:normal;height:32px;text-align:center;}

.right .vital{margin-bottom:5px;padding:8px 6px;background:#e6eef4;}
.right .vital h1{font-size:18px;font-weight:normal;}
.frame{width:100%;border:0;border-collapse:collapse;border-spacing:0;color:#666;}
.main th{padding:6px;background:#f4f4f4;text-align:left;}
.main td{padding:6px;}
.main tr:nth-child(2n+1){background:#f8f8f8;}
.main td,.main th{border:1px solid #f4f4f4;border-left:none;border-right:none;}

.right .vital h2{font-size:18px;font-weight:normal;}
.main h1{padding:20px 0px 5px;font-size:24px;text-align:center;}
.main .minor{margin-bottom:8px;padding:8px;font-size:12px;text-align:center;color:#999;}
.main .minor span{padding:0 10px;color:#fff;}
.main .current{clear:both;padding:0px 6px 30px;font-size:16px;line-height: 1.6;text-align:justify;}
.current{min-height:300px;}
.current .download{float:left;margin-top:50px;}
.right .back{clear:both;float:right;width:80px;text-align:center;background:#dcebf1;}

.main a:link, .main a:visited{color:#06c;}
.main a:hover, .main a:focus{color:#d94335;}

/* message */
.message{margin-bottom:20px;}
.respond{margin:15px 0px 0px 0px;min-height:240px;}
.respond h4{font-size:14px;}
.respond dl{margin:15px 0px 0px;}
.respond dt{float:left;width:50%;margin:0px 0px 10px;}
.respond dd{float:left;width:100%;margin:0px 0px 10px;}
.respond input,.respond textarea{font-size:14px;font-family:"Hiragino Sans GB", "Microsoft Yahei", "SimHei";;}
.respond .input{padding:5px;width:90%;border:2px solid #dce6ee;color:#666;}
.respond .email{float:right;}
.respond .textarea{padding:5px;width:98.5%;height:72px;border:2px solid #dce6ee;color:#666;background:#fff;display:block;overflow-y:auto;resize:none;}
.respond .submit{width:100%;line-height:32px;border:none;background:#dce6ee;text-align:center;color:#666;cursor:pointer;}
.respond .input:hover,
.respond .textarea:hover{border:2px solid #d4dae8;}
.respond .submit:hover{background:#cedfed;}

/* footer */
.footer{background:#f8f8f8;min-width:1200px;border-top:1px solid #ddd;margin-top:2em;}
/* footer-middle */
.footer-middle{padding:20px 0;height:160px;border-bottom:1px solid #ddd;}
.footer-middle h4{color:#444;font-size:1.2em;font-weight:100;}

.subfield{float:left;width:100%;border-left:1px solid #ddd;}
.subfield ul li{float:left;width:33.333%;}
.subfield dl{padding-left:20px;padding-right:20px;height:150px;border-right:1px solid #ddd;}
.subfield dl dt{margin-bottom:15px;}
.subfield dl.site dd{float:left;width:50%;}
.subfield dl dd span{margin-left:4.4em;}
.subfield dl.club{padding-right:20px;}
.subfield ul li{line-height:1.5em;}


.about-text h4{margin-top:-1px;}
.about-text p{line-height:1.5em;margin-top:15px;}

.footer-middle a,.subfield dd{color:#666;}
.footer-middle a:hover{color:#333;}

/* copyright */
.copyright{padding:1em 0;text-align:center;}
.copyright p a{color:#053297;}