@CHARSET "UTF-8";

#layer_photoContest {position:absolute; left:20px; top:100px; background:#fff; z-index:3000; border:1px solid #e8e8e8;}
#layer_photoContest .cont2 {margin-top:-20px;}
#layer_photoContest .btnClose {position:absolute; right:5px; top:5px;}

.main #container {max-width:none;}	
	.main .visualArea {position:relative; max-width:100%; height:590px;}	
	.main .visualArea .visualImgList {position:relative; max-width:1680px; width:100%; height:590px; margin:0 auto; overflow:hidden;}	
	.main .visualArea .cont {position:absolute; left:0; top:0; width:100%;}	
	.main .visualArea .cont img {max-width:none;width:100%;}
	.main .visualArea .description {position:absolute; min-width:250px; padding:20px 25px 0; background:#800039; background:rgba(128,0,57,.9); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; z-index:20;}
	.main .visualArea .description .section {position:relative; border-top:1px solid #a7597b; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
	.main .visualArea .description .section2,
	.main .visualArea .description .section2 {border-top:0;}
	.main .visualArea .description .section h2 {position:relative; display:block;} 
	.main .visualArea .description .section h2:after {content:"―"; position:absolute; right:2px; top:15px; color:#fff; font-size:12px; font-weight:500;}
	.main .visualArea .description .section h2 a {display:block; padding-left:5px; color:#fff; font-weight:300; font-size:19px; line-height:50px;}
	.main .visualArea .description .section h2 a:hover {text-decoration:none;}
	.main .visualArea .description .section strong {display:none; padding-left:5px; padding-bottom:10px; font-size:45px; letter-spacing:-2px; line-height:50px; color:#fff; font-weight:300;}
	.main .visualArea .description .section strong.small {font-size:40px;}
	.main .visualArea .description .section p.subTit {padding-bottom:15px; font-size:23px; font-weight:300; line-height:25px;}
	.main .visualArea .description .section p.topSubTit {padding-bottom:0px; font-size:23px; font-weight:300; line-height:25px;}
	.main .visualArea .description .section p {display:none; padding-left:10px; color:#cda0b3; line-height:20px; font-size:13px;}
	.main .visualArea .description .section .dotArea {display:none; position:absolute; bottom:15px; right:0px;}
	.main .visualArea .description .section .dotArea a {margin:0 2px;}
	.main .visualArea .description .section.on {padding:40px 0 35px;}
	.main .visualArea .description .section.on h2 {display:none;}
	.main .visualArea .description .section.on strong {display:block;}
	.main .visualArea .description .section.on p {display:block;}
	.main .visualArea .description .section.on  .dotArea {display:block;}
	.main .visualArea .description .section.section4 {display:none;}
	.main .visualArea .description .section.section4 p.subTit {padding-bottom:3px; font-size:23px; font-weight:300; line-height:25px;}
	.main .visualArea .description .section.section4.on {display:block;}
	.main .visualArea .description.section1 {left:50%; top:283px; width:420px; margin-left:180px; padding-top:0;}
	.main .visualArea .description.section4 {left:50%; top:283px; width:310px; margin-left:290px; padding-top:0;}
	.main .visualArea .description.section2 {left:50%; top:-20px; width:330px; margin-left:270px;}
	.main .visualArea .description.section3 {left:50%; top:162px; width:330px; margin-left:200px;} 
	.main .visualArea .description.section5 {left:50%; top:162px; width:330px; margin-left:200px;} 
	.main .mainCont {max-width:1680px; padding:90px 0px 0; margin:0 auto;}
	.main .mainCont:after {content:""; display:block; clear:both;}
	.main .mainCont .acticle {float:left; width:25%;position: relative;padding-left: 15px;padding-right: 15px;}
	.main .mainCont .acticle h2 {height:62px; padding-top:45px; text-align:center; font-size:15px; color:#2e2c2c; position: absolute;top: 25%;left: 10%;width: 80%;}
	.main .mainCont .acticle.acticle2 h2 {border-left:none;} 
	.main .mainCont .acticle1 h2 {background:url(../images/icon1.gif) no-repeat 50% -6px;}
	.main .mainCont .acticle2 h2 {background:url(../images/icon2.gif) no-repeat 50% -6px;}
	.main .mainCont .acticle3 h2 {background:url(../images/icon3.gif) no-repeat 50% -6px;}
	.main .mainCont .acticle4 h2 {background:url(../images/icon4.gif) no-repeat 50% -6px;}
	.main .mainCont .acticle5 h2 {background:url(../images/icon4.gif) no-repeat 50% -6px;}
	.main .mainCont .acticle .thum {padding:0; margin-top:45px; border-left:1px solid #fff; text-align:center;}
	.main .mainCont .acticle .thum img {max-width:100%;width: 100%;}
	.main .mainCont .acticle.acticle2 .thum{boder-left:none;}
	.main .mainCont .acticle ul {padding:25px 8px 0;}
	.main .mainCont .acticle ul li {padding:10px 0 10px 13px; border-bottom:1px solid #e6e4e1;}
	.main .mainCont .acticle ul li:first-child {boder-top:none;}
	.main .mainCont .acticle ul li a {color:#707070; font-size:12px; line-height:20px;}
	.main .mainCont .acticle ul li sup {line-height:12px; vertical-align:top;}

@media all and (min-width:1001px) and (max-width:1220px){ 
	.main .visualArea .description.section1 {left:auto; right:10px; top:283px; width:420px; margin-left:0;}
	.main .visualArea .description.section4 {left:auto; right:10px; top:283px; width:290px; margin-left:0;}
	.main .visualArea .description.section2 {left:auto; right:10px; top:-20px; width:330px; margin-left:0;}
	.main .visualArea .description.section3 {left:auto; right:110px; top:162px; width:330px; margin-left:0;} 
	.main .visualArea .description.section5 {left:auto; right:110px; top:162px; width:330px; margin-left:0;} 
}

@media all and (max-width:1000px){
	.main .visualArea {height:450px;}	
	.main .visualArea .visualImgList {height:450px;}	
	.main .visualArea .cont img {height:100%;}
	.main .visualArea .description.section1 {left:auto; right:10px; top:143px; width:420px; margin-left:0;} 
	.main .visualArea .description.section4 {left:auto; right:10px; top:143px; width:290px; margin-left:0;}
	.main .visualArea .description.section2 {left:auto; right:10px; top:-20px; width:330px; margin-left:0;}
	.main .visualArea .description.section3 {left:auto; right:110px; top:162px; width:330px; margin-left:0;} 
	.main .visualArea .description.section5 {left:auto; right:110px; top:162px; width:330px; margin-left:0;} 
	.main .mainCont {padding:45px 35px 0; margin-bottom:-70px;}
	.main .mainCont:after {content:""; display:block; clear:both;}
	.main .mainCont .acticle {position:relative; float:none; width:auto; padding-left:215px; border-top:1px solid #d8d8d8;}
	.main .mainCont .acticle:first-child {border-top:none;}
	.main .mainCont .acticle h2 {position:absolute; left:0; top:50%; height:62px; width:190px; margin-top:-31px; padding-top:45px; text-align:center; font-size:15px; color:#2e2c2c; border-left:none;}
	.main .mainCont .acticle .thum {display:none;}
	.main .mainCont .acticle.acticle1 .thum{boder-left:none;}
	.main .mainCont .acticle ul {padding:35px 0px; *zoom:1;}
	.main .mainCont .acticle ul:after {content:""; display:block; clear:both;}
	.main .mainCont .acticle ul li {float:left; width:50%; padding:3px 0 3px 30px; border-bottom:none;}
	.main .mainCont .acticle ul li:first-child {boder-top:none;}
	.main .mainCont .acticle ul li a {position:relative; color:#707070; font-size:12px; line-height:18px; font-family:Tahoma, sans-serif;}
	.main .mainCont .acticle ul li a:before {position:absolute; left:-8px; top:0px; content:"·"; color:#800039;}
}