/* Getting the new tags to behave */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}

mark, rp, rt, ruby, summary, time{display:inline }

/* Left & Right alignment */

.left {float:left}

.right {float:right}

.wrapper {width:100%;overflow:hidden}

/* Global properties ======================================================== */

body{background:#fff;border:0;font-family:Microsoft YaHei,微软雅黑, 华文细黑,STHeiti,MingLiu; color:#555;line-height:22px;}

.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}

.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}

.body1 {background:url(../images/header.gif) top center repeat-x}

.body2{background:url(../images/bg_top2.gif) bottom repeat-x}

.body3{background:#fff}

.body4{ }

.body4{ background-color:#333;}

.body5{background:url(../images/bg_top_img.jpg) center bottom no-repeat}

/* Global Structure ============================================================= */

.main {margin:0 auto;width:960px}

/* ============================= main layout ====================== */

a{color:#60B000; text-decoration:none; outline:none}

a:hover{text-decoration:none}

h1{font-size:25px; }

h2{font-size:40px;font-style:normal;font-weight:400;line-height:1.2em;padding:38px 0 11px 0;color:#000;letter-spacing:-1px}

h2.under{border-bottom:1px solid #e5e5e5;margin-bottom:25px}

h3{font-size:19px;color:#333;line-height:1.2em;letter-spacing:-0px;padding-bottom:10px;font-weight:600;font-style:normal;}

h3 span{display:block;margin-top:-7px}

* + html h3 span{margin-top:-25px}

h3 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.gif) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}

h4{font-size:22px;line-height:1.2em;color:#fff;font-weight:400;padding:43px 0 15px 0}

h5{font-size:33px;color:#000;line-height:1.7em;padding:0 0 16px 0;font-weight:400;font-style:normal}

h5 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.gif) 0 0 no-repeat;color:#fff;text-align:center}

h5 .dropcap strong{font-weight:700;font-size:34px;line-height:1.2em;display:block;padding-top:3px;letter-spacing:-2px}

h5 .dropcap span{font-weight:400;font-size:14px;line-height:1.2em;display:block;margin-top:-8px}

h6{font-size:20px;line-height:1.2em;color:#000;padding:0 0 5px 0;font-style:normal;font-weight:400}

p{padding-bottom:20px; line-height:25px; font-size:15px;}

/* ============================= header ====================== */

header{padding-top:4px;height:98px}

#logo{display:block; width:288px;height:94px; float:left;}

header .wrapper { overflow:visible;}

header .wrapper .menu {float:left; margin-top:27px; font-size:18px;}

header .wrapper .menu .on{background: none repeat scroll 0 0 #0087c1; border-radius: 3px 3px 0 0;  box-shadow: 0 2px 13px #456E26 inset;color: #FFF; text-shadow: 0 0 0;}

header .wrapper .menu .on a { color:#FFF;}

header .wrapper .menu .on a:hover { color:#FFF;}

header .wrapper .menu li { float: left;  margin-left:10px; height: 42px;  position: relative; text-align: center;  z-index: 20;  }

header .wrapper .menu li a { color: #333; padding-left:12px; padding-right:12px; display: block;  font-size: 15px; line-height: 42px; text-decoration:none;}

header .wrapper .menu li a:hover{ background: none repeat scroll 0 0 #0087c1; border-radius: 3px 3px 0 0; box-shadow: 0 2px 13px #456E26 inset; color: #FFF;  text-shadow: 0 0 0;}

header .wrapper .menu li a:hover, header .wrapper .menu li.curr a { text-decoration: none;}

header .wrapper .menu li:hover .subNav { display: block; }

header .wrapper .menu li .subNav { background: none repeat scroll 0 0 #FFF; border: 1px solid #DFDFDF;  display: none; left: -1px;  padding: 15px 0;  position: absolute; text-align: left; top: 42px; width: 200px; z-index: 20;}

header .wrapper .menu li .win { background: #fff url(../images/icon/OS_Windows_8.png) right bottom no-repeat;}  

header .wrapper .menu li .mac { background: #fff url(../images/icon/Mac_Finder.png) right bottom no-repeat; width:340px;}  

header .wrapper .menu li .subNav dl { float: left; padding: 0px; width:300px; } 

header .wrapper .menu li .subNav dd { display:block; padding:0; margin:0; background:none;}

header .wrapper .menu li .subNav dd a{ line-height:30px; font-size:13px; display: block; color: #666;}

header .wrapper .menu li .subNav dd a:hover{ background:none; border-radius:0; box-shadow: none; color: #0087c1; text-decoration:none;}

header .wrapper .menu li .subNav dd img { display:inline; margin-right:10px;}

 

header .wrapper #sea { float:right; margin-top:25px;}

header .search{

    background: url(../images/header-pic.png) no-repeat scroll 0 0 transparent;

    display: block; 

    float: right;

    height: 27px;

    margin: 18px 0 0;

    position: relative;

    width: 150px;

}



header .search input[type="text"] {

    background: none repeat scroll 0 0 transparent !important;

    border: medium none;

    display: block;

    float: left;

    font-size: 12px;

    height: 25px;

    line-height: 25px; text-indent:12px;

    margin-top: 1px; 

    width: 105px; 

	background:none; padding:0;

}

 

header .search input[type="submit"] {

    background: none repeat scroll 0 0 transparent;

    border: medium none;

    cursor: pointer;

    display: block;

    float: left;

    height: 25px;

    width: 25px;

}

input, textarea, select {

    color: #666666; 

    outline: medium none; background:none; padding:5px;

}



.slider{top:75px;position:absolute;z-index:1}

.slider .items{display:none}

.slider .pagination{position:absolute;z-index:2;bottom:47px;left:432px}

.slider .pagination li{float:left;padding-right:4px}

.slider .pagination a{display:block;width:16px;height:16px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}

.slider .pagination a:hover, .slider .pagination .current a{background-position:left}

/* ============================= content ====================== */

#content{padding-top:30px;padding-bottom:36px}







#content .wrapper a{ color:#333; text-decoration:none;}

#content .wrapper a:hover { text-decoration:none; color:#60B000;}

#content2{padding-bottom:20px;  }

.pad_left1{padding-left:40px; padding-bottom:5px;}

.pad_left2{padding-left:40px}

.pad_bot1{padding-bottom:8px; text-indent:25px; font-size:13px;}

#content .wrapper .pad_bot1 a { color:#0087c1; }

.pad_bot2{padding-bottom:40px}

.marg_right1{margin-right:20px}

.link1{ font-style:normal; background:url(../images/btn_bg1.png) top no-repeat; padding:6px 14px 10px 32px; line-height:30px;}

.link2{ font-style:normal; background:url(../images/btn_bg1.png) bottom left no-repeat; padding:6px 14px 11px 32px; line-height:30px;}

.testimonials{width:100%;position:relative;z-index:1;height:200px;overflow:hidden}

#testimonials div{background:url(../images/bg_testimonials.gif) 0 bottom no-repeat #f5f5f5;padding:25px 27px 53px 29px}

#testimonials span{display:block;padding:0 0 0 11px;font-style:normal}

#content .wrapper #testimonials a { color:#0087c1;}

#content .wrapper #testimonials a:hover { text-decoration:none; color: #F60;}
.testimonials li{height:210px}

.up, .down{position:absolute;z-index:2;bottom:8px;right:0;width:32px;height:32px;display:block}

.up{right:33px;background:url(../images/marker_up.gif) 0 0 no-repeat}

.down{background:url(../images/marker_down.gif) 0 0 no-repeat}

.up:hover, .down:hover{background-position:bottom}

.color1{color:#000}

.color2{color:#60b000}

.list1{background:url(../images/line_hor1.png) 10px 0 no-repeat;padding-top:1px}

.list1 li{background:url(../images/line_hor1.png) 10px bottom no-repeat;line-height:29px}

.list1 a{color:#696969;text-decoration:none;font-style:normal;padding-left:14px;background:url(../images/marker_1.gif) 0 6px no-repeat}

.list1 a:hover{color:#fff}

.address{background:url(../images/line_hor1.png) 0px 0 no-repeat;padding-top:1px}

.address li{background:url(../images/line_hor1.png) 0px bottom no-repeat;line-height:29px;font-style:normal}

.address span{padding-left:4px;float:left;width:62px}

 

#icons{background:url(../images/line_hor1.png) 23px 0 no-repeat;padding-top:1px}

#icons li{background:url(../images/line_hor1.png) 23px bottom no-repeat;line-height:29px}

#icons a{color:#696969;text-decoration:none;font-style:normal;display:inline-block}

#icons img{float:left;margin-right:9px;margin-top:5px}

#icons a:hover{color:#fff}

/*--- tabs begin ---*/

 

/*--- tabs end ---*/

#address span{float:left;width:80px}

/* ============================= footer ====================== */

footer { padding:34px 0 38px 0;font-style:normal;color:#696969;text-align:center}

footer a{color:#fff}

footer a:hover{}

/* ============================= forms ============================= */

 

.main .product{}

.main .product h1{ font-size:20px; float:left; font-style: normal; font-weight:700; padding-left:5px;}

.main .product .pic { float:left; width:460px; }

.main .product .int { float:left; width:490px; margin-left:10px;}

.main .product .int p { padding-bottom:12px;}

.main .product .int li { background:url(../images/icon/star.png) left top no-repeat; padding-left:20px; list-style:none;}

.main .product .int li img { vertical-align:middle;}

.main .product .int .buy { margin-top:15px;}

.main .product .int .buy li { float:left; width:190px; background:none; list-style:none;}

.main .product .int .buy li.freedownload { background: url(../images/icon/btn-tr.png) left top no-repeat; font-size:16px; padding:5 25px; color:#fff; padding-bottom:23px;}

.main .product .int .buy li.freedownload a { color:#FFF;}

.main .product .int .buy li.freedownload span { float:left; width:50px; padding-top:15px; margin-left:5px;}

.main .product .int .buy li.freedownload font { float:left; width:120px; padding-top:9px; padding-bottom:9px; font-size:12px;}

.main .product .int .buy li.freedownload font strong { font-size:18px;}

.main .product .int .buy li.buynow { background: url(../images/icon/btn-bu.png) left top no-repeat; font-size:16px; padding:5 25px; color:#fff; padding-bottom:23px;}

.main .product .int .buy li.buynow a { color:#FFF; text-decoration:none;}

.main .product .int .buy li.buynow span { float:left; width:58px; padding-top:15px; margin-left:5px;}

.main .product .int .buy li.buynow font { float:left; width:120px; padding-top:9px; padding-bottom:9px; font-size:12px;}

.main .product .int .buy li.buynow font strong { font-size:18px; display:block;}

.main .product .int .buy li.buynow .new { display:inline; text-decoration:line-through; margin-right:10px;}

 

.main .product .topinfor { height:45px;}

.main .product .topinfor span { float:right; margin-left:10px;}

.main .product .topinfor span a { color:#fff; background:#70B33C; font-size:13px; text-decoration:none; padding:4px 13px; border-radius:12px; }

.main .product .topinfor span a:hover { background:#66CC66;}



.maina { margin:35PX auto; padding:0; background: #fff url("../images/icon/amain.png") repeat-x;}

.maina a:hover{ color:#60B000; text-decoration:underline;}

.amenu{ width:960px; height:34px; background:url(../images/icon/tab-bg.png) bottom repeat-x; margin:0 auto; padding:0;}

.amenu ul{list-style:none;width:720px;height:34px;margin:0 auto;}

.amenu li{ background:url(../images/icon/tabli.png) repeat-x; background-position:249px 0; display:block; float:left; width:180px; height:34px; cursor:pointer;}

.amenu li.current{background-position:0 0; }

.amenu span{ font-size:14px;color:#666;display:block;line-height:34px;text-align:center;}

.content { background:#fff url(../images/icon/con-bg.png) top repeat-x;}

.current span{ color:#333; text-shadow:2px 2px 2px #FFF;}

.content ul{width:960px;height: auto;list-style:none; margin:0 auto; padding:0; }

.content li{ display:block; padding:15px; background:url(../images/icon/con-bg.png) top left repeat-x; font-size:14px;}

.content li .step { margin:15px 0 15px 0; text-align: center;}

.content li .step span { width:164px; height:160px; text-align:center; line-height:none; float:left; vertical-align:middle;}

.content li .step .lit { width:27px; margin-top:35px; height:55px;}

.content img{ max-width:600px;}

.content li table { border:0; font-size:13px;}

.content li table td { border:1px solid #ddd; padding: 10px 13px; vertical-align:middle}

.content li table th { border:1px solid #ddd; padding: 10px 13px; vertical-align:middle; font-style:normal; font-weight:700; text-align:left; background:#E5E5E5; color:#555;}

.content ul li .inta { width:510px; float:left; margin-bottom:20px; }

.content ul li .inta p { padding-bottom:15px;}

.content ul li .pica { width:390px; float: left; text-align:center; margin-bottom:20px; }

.ainfo{ float:left; width:300px; margin:20px 0; height:auto;}

.ainfo p{ font:bold 24px Verdana, Geneva, sans-serif; color:#999; display:block; line-height:34px; text-align:center;}

.clear { clear:both;}

.review {}

.review p { border-radius:5px; border:solid 1px #F3F3F3; padding:15px; background:#F3F3F3 url(../images/icon/five-stars.png) no-repeat top  right; margin-bottom:35px;}

.review .four {background:#F3F3F3 url(../images/icon/four-stars.png) no-repeat top right;}

.review p strong, .review p span { display:block; font-size:16px;}

.review p span { font-size:12px; color:#999;}

 

 





.bread { font-size:13px; color:#666; }

.bread a { color:#666;}

.bread a:hover { text-decoration:underline;}

.bread img, .bread img a { vertical-align:middle; bordr:0;}

.bread h1 { font-size:12px; font-weight:400; text-align:left; display:inline; }

.tutorial { margin:25px 0;}

.tutorial h4{ color:#333; padding:0 0 8px 0;}

.tutorial .left{ float:left; width:655px; border: 1px solid #E7E7E7;  box-shadow: 0 0 3px #E7E7E7; border-radius: 10px; padding:30px 25px;}

.tutorial .left h1 {font-size: 16px;

background: #0087c1;

padding: 10px; 

color: #FFF;

border: 1px solid #0087c1;

font-weight: 700; margin-top:0; margin-bottom:10px;}

.tutorial .left p { text-indent:28px;}

.tutorial .left img { max-width:100%;}

.tutorial .left h3 { padding-bottom:8px; font-size:19px;}

.tutorial .left h4 { font-size:16px; background:#0087c1; padding:10px; color: #FFF; border:1px solid #0087c1; border-radius:8px 8px 0 0; font-weight:700;}

.tutorial .left h4 span { float:right; font-weight:400;}

.tutorial .left h4 a { color:#FFF;}

.tutorial .left h4 span a:hover{ color:#fff; text-decoration:underline;}

.tutorial .left .sd { margin:15px 0;}

.tutorial .left .sd .win, .tutorial .left .sd .mac { width:250px; height:250px; float:left; text-align:center;}

.tutorial .left .sd .mac { margin-left:30px;}

.tutorial .left .sd img { margin-bottom:5px;}

.tutorial .left .total { margin:0 auto; padding:0;}

.tutorial .left .total img{ max-width:450px;}

.tutorial .left .total table { margin-bottom:30PX;}

.tutorial .left .total td { padding:0; border:0; font-size:13px; text-align:center;}

.tutorial .left .total img { border:1px solid #0CF; margin-right:12px; margin-top:5px;}


.tutorial .left .pics { margin-top:15px;}

.tutorial .left .pics img{ max-width:450px;}

.tutorial .left .gps img { max-width:320px;}


.tutorial .news {float:left; width:705px;}
 

.tutorial .right{ width:230px; float:right; }

.tutorial .right ul{ padding: 0px 8px 25px 8px; margin:0; }

.tutorial .right .non { border:0;}

.tutorial .right ul li {display: block;  padding: 8px 0; border-bottom: 1px solid #E6E6E6; margin: 0 15px; font-size:13px;}

.tutorial .right ul li a { color:#0087c1; }

.tutorial .right ul li a:hover { color: #F60;}

.tutorial .right h4 {background: none repeat scroll 0 0 #EBEBEB; border-radius: 10px 10px 0 0; font-size: 16px; font-weight: bold; margin: 0px; padding: 10px 18px; }

.tutorial .right .rev, .tutorial .right .tips {border: 1px solid #E7E7E7;  box-shadow: 0 0 3px #E7E7E7; border-radius: 10px; margin-bottom:20px;}

.tutorial .right .rev, .tutorial .right .tips .no { border:0;}

.tutorial .right .letimg { margin-bottom:20px;}

.tutorial .right .rev img { margin:10px 15px 5px 15px;}

.tutorial .right .rev p { padding:5px 15px 25px 15px; font-size:13px;}

.tutorial h2{font-size:20px;font-style:normal;font-weight:400;line-height:1.2em;padding:0px 0 11px 0;color:#000;letter-spacing:-1px}

.tutorial .left .switch-nav {border-top: 1px solid #DFDFDF; overflow: hidden; padding-top: 20px; width: 100%;}

.tutorial .left .pic { padding:0; margin:0 auto;}

.tutorial .left .pic img { margin-bottom:0;}

.tutorial .left img { margin-bottom:20px;}

.tutorial .left ul { margin-bottom:5px; margin-top:10px;}

.tutorial .left ul li { margin-bottom: 12px; overflow: hidden; width:300px;}

.tutorial .left ul li a { color:#666; line-height:32px;}

.tutorial .left ul li a:hover { color: #60B000;}

.tutorial .left ul li .num {background: url("../images/icon/num-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);  color: #78AD1F;  float: left;  font-size: 20px;  font-weight: bold; height: 32px; line-height: 32px; margin-right: 13px;  text-align: center; width: 32px;}



.tutorial .left .switch-nav .pic { float:left;}

.tutorial .left .switch-nav em { float:left; margin-right:15px; margin-left:10px;  font-size:12px; width:150px;}

.number {background: none repeat scroll 0 0 #60B000;

    border-radius: 3px;

    color: #FFFFFF;

    display: inline-block;

    float: left;

    font-size: 20px;

    font-style: italic;

    height: 28px;

    line-height: 28px;

    margin-right: 10px;

    padding: 0 8px 0 6px;}

.downl table { float:left;}

.mr-10{ margin-right:15px;}

.downl table img { vertical-align:middle;}	

.downl table td { border-bottom:1px solid #DFDFDF; padding:10px 5px 10px 5px;}

.d-hot { }	

.d-hot ul {} 

.tutorial .left .d-hot ul li{ height:170px; width:50%; }

.tutorial .left .d-hot ul li a { line-height:18px;}

.tutorial .left .d-hot ul li .pic { float:left; width:130px;}

.tutorial .left .d-hot ul li .pic img { width:125px;}

.tutorial .left .d-hot ul li .int { float:left; width:165px;}

.cen { text-align:center; margin-top:8px;}	

.purchase { margin:25px 0;}	

.purchase .left { float:left; width:705px; }

.purchase .right  { width:230px; float:right; border: 1px solid #E7E7E7;  box-shadow: 0 0 3px #E7E7E7; border-radius: 10px; text-align:center; }

.purchase .left h2 { padding:0; margin:0 0 15px 0; font-size: 27px;}

.purchase .left .box { float:left; width:200px; }

 

.purchase .left .box img { border:1px solid #EAEAEA;}

.purchase .left .pur { float:left; width:440px;}

.purchase .left .pur img { margin:20px 0;}

.purchase .left .pur ul { }

.purchase .left .pur ul li { background:url(../images/marker_1.gif) left center no-repeat; padding-left:15px;}

.purchase .left .pur .buynow {background: #FAFAFA url("../images/icon/btn-bu.png") no-repeat scroll left top; color: #FFF; font-size: 16px; padding-bottom: 0px; width:230px; float:left;}

.purchase .left .bac {border: 1px solid #E7E7E7; background: #FAFAFA;  box-shadow: 0 0 3px #E7E7E7; border-radius: 10px; padding:30px 25px;}

.purchase .left .pur .buynow a { color:#FFF; text-decoration:none;}

.purchase .left .pur .buynow span { float:left; width:58px; padding-top:0px; padding-left:25px;}

.purchase .left .pur .buynow span img { margin:15px 0 0 0;}

.purchase .left .pur .buynow font { float:left; width:120px; padding-top:19px; padding-bottom:18px; }

.purchase .left .pur .buynow font strong { font-size:20px;}

.purchase .left .pur .price { color:#F6772C;  font-size:18px; margin-top:10px; width:180px; float:left;}

.purchase .left .pur .price span{text-decoration:line-through; color:#666;}

.purchase .left .note { margin:25px 0 15px 0; font-size:13px;}

.purchase .left .note p { padding-bottom:12px;}

.purchase .left .note ol { line-height:1.6em; list-style:decimal outside none; margin-left:18px;}

.purchase .left .note ol li { margin-bottom:8px;}

.cols h3 { padding-bottom:5px; font-size:20px;}

.main #content .wrapper .cols h3 a {color:#333;}

.main #content .wrapper .cols h3 a:hover {color:#60B000;}

h4 { color:#333; padding:10px 0 5px 0;}

#content2 { color:#9D9D9D;}

#content2 a { color:#9D9D9D;}

#content2 a:hover { color:#fff;}



.tutorial .left .reva { width:645px; font-size:12px;}

.tutorial .left .reva ul { float:left; border-top:1px solid #DFDFDF; padding-top:10px;}

.tutorial .left .reva ul li { width:200px; float:left; text-align:center; margin-right:15px;}

.tutorial .left .reva ul li em { text-align:left;}

.tutorial .left .reva ul li img { max-width:130px; vertical-align:middle;}

.nividia { margin-top:10px;}

.nividia table { background:#CCC;}

.nividia table td { padding:5px; background:#FFF; border-left:1px #ddd solid; border-right:1px #ddd solid; }

.nividia table th { background:#60B000; color:#fff;}

.guidelist { width:auto; padding:0; margin:0;}

.guidelist li { background:url(../images/spec-a.png) no-repeat left top 12px; list-style:none; padding-left:15px; border-top:1px dashed #ddd; padding-top:5px;}

.guidelist p {padding-left:15px; padding-bottom:15px;}







#donate { background:url(../images/page/2014.png) repeat-x top; margin:0 auto; padding:0;}

#donate .don { width:960px; margin:0 auto; padding:15px 0 ;}

#donate .don h1 { font-size:60px; color:#FFF; line-height:57px; padding: 20px 0; }

#donate .don h3 { color:#F30; padding-bottom:20px;}

#donate .don .poem { color:#F90; font-size:20px; margin-bottom:25px; display:block; margin-top:10px; text-align:center;}

#donate .don .numbers { text-align:center;}

#donate .don .product { color:#60b000;}

#donate .don .product a:hover { text-decoration:underline;}

#donate .don .present { text-align:center;}

#donate .don .present img { margin-left:10px;}

#donate table { text-align:center; margin: 0 auto;}

#donate  select { border:1px solid #F00; background:#FFF;}

.tutorial .left .red { color:#FF3300;}



.preview { width:960px; margin:20px auto 20px auto; padding:0; border: 1px solid #e7e7e7;

    border-radius: 10px;

    box-shadow: 0 0 3px #e7e7e7;}

.preview .con { padding:10px 15px 10px 15px;    }

.preview .con h2 { padding: 15px 0 11px; }

.preview .con img { margin-right:25px; max-width:890px;}

.preview .con font { color:#F60; font-weight:700; font-size:18px;}

.preview .con .pic { text-align:center; margin:15px 0;}

.black { margin:15px auto 25px auto; padding:25px; font-size:28px; background:#000; color:#F60; text-align:center; line-height:35px; margin-top:15px; border:2px dashed #F60; border-radius:10px 10px 10px 10px;}

.black font { color:#FF0000;}

.christmas { margin:15px auto; padding:0; text-align:center; line-height:35px; font-size:28px; color:#F00; border:2px dashed #F60; border-radius:10px 10px 10px 10px; background:url(../images/christmas-2016.jpg) no-repeat left top; height:188px;}

.christmas .code { height:50px; margin:145px auto 0 auto; font-weight:700;}

.christmas img { border:2px dashed #F60; border-radius:10px 10px 10px 10px;}

.christmas font { font-weight:700;}

.pchristmas { text-align:center; color:#FF0000;  margin:15px auto; padding:0; line-height:35px; font-size:28px; border:2px dashed #F60; border-radius:10px 10px 10px 10px; } 

.pchristmas font {font-weight:700;}

.guidesale{ text-align:center; font-size:40px; font-weight:700; color:#FF0000; border:2px dashed #F60; border-radius:10px 10px 10px 10px; margin-bottom:15px; overflow:hidden;}

.homeunder {border-bottom: 1px solid #e5e5e5;

    margin-bottom: 25px; color: #000;

    font-size: 25px;

    font-style: normal;

    font-weight: 400;

    letter-spacing: -1px;

    line-height: 1.2em;

    padding: 38px 0 11px;}
 .links,  .links a  { color:#666; font-size:12px; text-align:center;}
 .demo { margin:0 auto 10px; padding:10px; text-align:center; color:#FFF; font-size:16px;}
 
 .demo a { color:#FFF; background:#090;  padding:12px 25px 12px; border-radius:5px 5px 5px 5px; font-size:16px;} 
 .demo a:hover {background-color: #FF6600;}