﻿@charset "utf-8";
/* CSS Document */
div#clear { 
    clear:both;
	}
p, h1, h2, h3, h4, h5, ol, ul, li { margin:0; padding:0;}
body { font:11px/20px Verdana, Arial, sans-serif; margin:0 auto; padding:0; color:#333; min-width:1080px;}
img { border:0;}

.main_01 { background:url(../img/banner.jpg) center no-repeat;}
.main_01 .one { width:1080px; margin:0 auto;  height:333px; padding:20px 0 0;}
.main_01 .one .box { width:388px; float:left; padding:30px 0 0 40px;}
.main_01 .one .txt { width:600px; float:left; padding:60px 0 0 30px;}
.main_01 .one .txt h1 { color:#c4ff71; font-size:17px; padding:0 0 20px 0;}
.main_01 .one .txt h1 span { font-size:13px; color:#FFF;}
.main_01 .one .txt ul { list-style:none;}
.main_01 .one .txt ul li { background:url(../img/q.png) left center no-repeat; padding:2px 0 2px 23px;}
/*-----------------*/
.main_02 { height:466px; background:url(../img/banner01.jpg) center no-repeat;}
.main_02 .one { width:1080px; margin:0 auto;  height:446px; padding:20px 0 0;}
.main_02 .one h2 { font-size:15px; padding:5px 0 0 25px;}
.main_02 .one h3 { font-size:26px; padding:25px 10px 10px 25px;}
.main_02 .one h3 b { font-size:13px; color:#666;}
.main_02 .one .conter { padding:15px 25px; position:relative; height:300px;}
.main_02 .one .conter .left01 { width:293px; height:200px; background:url(../img/g1.png) no-repeat; position:absolute; left:25px; top:25px;}
.main_02 .one .conter .left01 h1 { font-size:17px; padding:20px 0 0 55px;}
.main_02 .one .conter .left01 h1 b { color:#0c7dc4;}
.main_02 .one .conter .left01 p { padding:20px 20px 0 20px;}

.main_02 .one .conter .left02 { width:355px; height:200px; background:url(../img/g2.png) no-repeat; position:absolute; left:325px; top:25px;}
.main_02 .one .conter .left02 h1 { font-size:17px; padding:20px 0 0 55px;}
.main_02 .one .conter .left02 h1 b { color:#0c7dc4;}
.main_02 .one .conter .left02 p { padding:20px 20px 0 20px;}

.main_02 .one .conter .left03 { width:339px; height:289px; background:url(../img/g3.png) no-repeat; position:absolute; left:700px; top:25px;}
.main_02 .one .conter .left03 h1 { font-size:17px; padding:20px 0 15px 55px;}
.main_02 .one .conter .left03 h1 b { color:#0c7dc4;}
.main_02 .one .conter .left03 p { padding:5px 20px 0 20px;}

.main_02 .one .conter .left04 { width:600px; height:100px; position:absolute; top:230px; left:25px;}
.main_02 .one .conter .left04 h4 { color:#ff8a00; font-size:17px;}

.left05 { width:139px; height:101px;  background:url(../img/2.png) no-repeat; position:absolute; z-index:1; cursor:pointer;}
.left05 p { color:#FFF; font-size:14px; font-weight:bold; padding:25px 0 0; text-align:center;}

.left06 { width:326px; height:260px;  background:url(../img/3.png) no-repeat; position:absolute; z-index:10;display:none;}
.left06 .closePopup {height:25px;width:20px;margin-left:275px;cursor:pointer;}
.left06 p { color:#333; font-size:11px;  padding:5px 0 0; padding:0 30px 0 35px;}
.left06 h5 { color:#333; font-size:11px;  padding:5px 0 0; text-align:center;}
.left06 h4 { color:#2b85c0; font-size:14px; font-weight:bold; padding:20px 0 0px; text-align:center;}
.left06 .down { text-align:center; padding:10px 0 0;}

.left07 { width:326px; height:260px;  background:url(../img/4.png) no-repeat; position:absolute; z-index:20;display:none;}
.left07 .closePopup {height:25px;width:20px;margin-left:275px;cursor:pointer;}
.left07 p { color:#333; font-size:11px;  padding:5px 0 0; padding:0 30px 0 35px;}
.left07 h5 { color:#333; font-size:11px;  padding:5px 0 0; text-align:center;}
.left07 h4 { color:#2b85c0; font-size:14px; font-weight:bold; padding:20px 0 0px; text-align:center;}
.left07 .down { text-align:center; padding:10px 0 0;}

.left08 { width:326px; height:260px;  background:url(../img/5.png) no-repeat; position:absolute; z-index:20;display:none;}
.left08 .closePopup {height:25px;width:20px;margin-left:275px;cursor:pointer;}
.left08 h4 { color:#8fbd49; font-size:14px; font-weight:bold; padding:20px 50px 0 50px; }
.left08 ol { padding:10px 0 0 70px;}
.left08 ol a { color:#3366FF; text-decoration:underline;}
.left08 ol li { }

a { color:#0062DF; text-decoration:none;}
a:hover { color:#0062DF; text-decoration:underline;}

#footer { height:81px; background:url(../../pic_style/foot.jpg) repeat-x; width:100%; min-width:1130px;}
#footer .logo { width:1100px; margin:0 auto; position:relative;}
#footer .logo img { float:left; margin:15px 40px 0 20px;}
#footer .logo p { color:#7A7A7A; line-height:81px; }
/*------------------*/
.pop {z-index:99;display:none; position:absolute;top:0;left:0;}
.pop .info3 {position:relative;}
.pop .info3 .bg{ background:url(../img/g4.png) no-repeat; width:662px; height:294px;}
.pop .info3 .bg .content #timer{ font-size:40px; line-height:48px; color:#d2ff00; font-weight:bold; padding:15px 0 15px 150px; height:55px;}
.pop .info3 .bg .content #timer ul{ list-style:none;}
.pop .info3 .bg .content #timer ul li{ float:left; }
.pop .info3 .bg .content #timer ul #timer_day{ width:109px;}
.pop .info3 .bg .content #timer ul #timer_hour{ width:105px;}
.pop .info3 .bg .content #timer ul #timer_minutes{ width:120px;}
.pop .info3 .bg .content h3{ font-size:21px; color:#07479d; padding:0 10px 5px 25px;}
.pop .info3 .bg .content h4{ font-size:21px;  padding:8px; color:#c1ff68; padding:10px 10px 5px 25px;}
.pop .info3 .bg .content p{ text-align:center; padding:20px 0 0;}
.pop .info3 .bg .content h5{ font-size:15px;  padding:8px; color:#c1ff68; text-align:center; color:#19b1c3; padding:25px 0 0; }


/*------------JohnNy EVEN------------*/
/* 20130408 17:12
/*-----------------------------------*/
.fieldRow {height: 35px;padding-left:30px;}
.fieldRow .marginRight10 {margin-right:10px;}
.fieldRow .col2 {width:131px; float:left; background:url(../img/22_03.png) no-repeat;}
.fieldRow .clear {clear:both;}
.fieldRow .col2 input {width:131px;line-height:28px;height:28px;border:none;background:none;font:11px/20px Verdana, Arial, sans-serif;padding:0 5px;}
.fieldRow .col1 {width:270px; background:url(../img/22_06.png) no-repeat;}
.fieldRow .col1 input {width:270px;line-height:28px;height:28px;border:none;background:none;font:11px/20px Verdana, Arial, sans-serif;padding:0 5px;}
.fieldRow .btnCenter {width:270px;text-align:center;}
.fieldRow .btnCenter input {width:142px;height:37px;border:none;background:url(../img/22_05.png) no-repeat;}
#closeFreeDownload {width:50px;height:50px;position:absolute;right:0; bottom:0;cursor:pointer;}
.slideContainer {margin-top:10px;overflow:hidden;height:70px;position:relative;}
.slideContainer ol {position:absolute;top:0;left:0;display:block;}