@charset "utf-8";

/*==banner===================*/

.container {POSITION: relative; MARGIN-BOTTOM: 24px;}
.container .frame {POSITION: relative; WIDTH: 745px; FLOAT: left}
.container .rightcontent {POSITION: relative; PADDING-BOTTOM: 20px; MIN-HEIGHT: 172px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; MARGIN-LEFT: 376px; PADDING-TOP: 20px}
.container .rightcontent H2 {MARGIN-BOTTOM: 13px; COLOR: #333; FONT-SIZE: 18px; FONT-WEIGHT: 700}
.container .rightcontent P {MARGIN-BOTTOM: 10px; COLOR: #333}
.container .leftcontent {POSITION: absolute; WIDTH: 376px; HEIGHT: 212px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px}
.container .video-link {TEXT-ALIGN: right; MARGIN: 10px 0px 0px}
.container .vid {FONT-SIZE: 14px}
.container .vid B {FONT-SIZE: 14px}
.container #thumbs {FONT-SIZE: 14px}
.container .vid {OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; BACKGROUND-POSITION: right 0px}
.container .vid {LINE-HEIGHT: 26px; DISPLAY: inline-block; HEIGHT: 26px; CURSOR: pointer; TEXT-DECORATION: none}
.container .vid B {LINE-HEIGHT: 26px; DISPLAY: inline-block; HEIGHT: 26px; CURSOR: pointer; TEXT-DECORATION: none}
.container .vid B {PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; PADDING-LEFT: 17px; PADDING-RIGHT: 2px; BACKGROUND-POSITION: 0px 0px; FONT-WEIGHT: 400; PADDING-TOP: 0px}
.container A:link {COLOR: #fff}
.container A:hover {COLOR: #fff}
.container A:visited {COLOR: #fff}
.container A:active {COLOR: #fff}
.container A.vid:hover {BACKGROUND-POSITION: 100% -26px; HEIGHT: 32px}
.container A.vid:hover B {BACKGROUND-POSITION: 0px -26px; HEIGHT: 32px}
.container #thumbs {POSITION: relative; WIDTH: 100%; DISPLAY: none; BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: 0px -92px; HEIGHT: 53px; CLEAR: both}
.container #thumbs .mygallery {POSITION: absolute; DISPLAY: inline-block; RIGHT: 0px}
.container #thumbs .mygallery .overclear {WHITE-SPACE: nowrap}
.container #thumbs A {BORDER-BOTTOM: #aaa 2px solid; BORDER-LEFT: #aaa 2px solid; BACKGROUND-COLOR: #000; MARGIN-TOP: 12px; WIDTH: 84px; DISPLAY: inline-block; HEIGHT: 26px; OVERFLOW: hidden; BORDER-TOP: #aaa 2px solid; MARGIN-RIGHT: 5px; BORDER-RIGHT: #aaa 2px solid}
.container #thumbs A IMG {MARGIN-TOP: -30px}
.container #thumbs A:hover {BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid}
.container #thumbs A.highlight {BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid}
.container #thumbs A.prev {BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN-TOP: 12px; WIDTH: 26px; DISPLAY: none; HEIGHT: 26px; BORDER-TOP: medium none; MARGIN-RIGHT: 5px; BORDER-RIGHT: medium none}
.container #thumbs A.next {BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN-TOP: 12px; WIDTH: 26px; DISPLAY: none; HEIGHT: 26px; BORDER-TOP: medium none; MARGIN-RIGHT: 5px; BORDER-RIGHT: medium none}
.container #thumbs A.prev {POSITION: absolute; BACKGROUND-POSITION: -71px -63px; TOP: 4px; LEFT: 10px}
.container #thumbs A.next {POSITION: absolute; BACKGROUND-POSITION: -106px -63px; TOP: 4px; RIGHT: 0px}
#thumbs_tool_tip {POSITION: absolute; DISPLAY: none}
.container #thumbs A.prev:hover {BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none}
.container #thumbs A.next:hover {BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none}

#index-banner {POSITION: relative; MIN-WIDTH: 1000px; WIDTH: auto; HEIGHT: 360px; OVERFLOW: hidden}
#index-banner .slides {MIN-WIDTH: 1000px; WIDTH: auto; HEIGHT: 360px}
#index-banner .slide {POSITION: relative; MIN-WIDTH: 1000px; FLOAT: left; HEIGHT: 360px}
#index-banner .image {Z-INDEX: 1; POSITION: absolute}
#index-banner .text {Z-INDEX: 2; POSITION: absolute; TOP: -500px; display:none;}
#index-banner .button {Z-INDEX: 2; POSITION: absolute; TOP: -500px}
#index-banner .button {WIDTH: 138px; DISPLAY: none}
#index-banner .control {Z-INDEX: 40; POSITION: absolute; TEXT-ALIGN: center; WIDTH: 100%; BOTTOM: 0px; HEIGHT: 19px; CURSOR: pointer}
#index-banner .control A {BACKGROUND-IMAGE: url("../images/ilikemall_000505.gif"); FILTER: alpha(opacity=60); WIDTH: 11px; DISPLAY: inline-block; BACKGROUND-REPEAT: no-repeat; HEIGHT: 11px; CURSOR: pointer; MARGIN-RIGHT: 6px; opacity: 0.6}
#index-banner .control A:hover {BACKGROUND-IMAGE: url("../images/ilikemall_000506.gif"); FILTER: alpha(opacity=100); opacity: 1}
#index-banner .control A.active {BACKGROUND-IMAGE: url("../images/ilikemall_000506.gif"); FILTER: alpha(opacity=100); opacity: 1}
.bannerwidth {POSITION: relative; HEIGHT: 232px; OVERFLOW: hidden}

strong {color: #444444;}
html,body{-webkit-text-size-adjust:none;}

/*==wrap===================*/

.wrap{ height: auto; margin: 0 auto; width: 1000px; width: 1000px !important;}
.breakout {margin: 0 auto;padding: 29px 0 20px;text-align: center;width: 910px;}
.breakout h1 {color: #333;font-family:Helvetica,Arial,sans-serif;font-size: 30px;font-weight: bold;}
.breakout p {color: #555;font-family:Helvetica,Arial,sans-serif;font-size: 16px; line-height:30px; padding-top: 15px;}


/*==promotion===================*/

#promotion{width:980px;margin:0 auto;border-left:1px solid #FCF8F8;border-right:1px solid #FCF8F8; font-family:Tahoma;}
#promotion .line{height:10px;font-size:0px;}
#promotion .zone{padding:15px 0 0 0;}

#promotion .zone .left{width:450px;padding-left:30px; display: inline; float: left;}
#promotion .zone .left .category{padding:20px 0 15px 0;}
#promotion .zone .left .category img{float:left; margin-right:15px;}
#promotion .zone .left .category span img{float:left; margin-right:1px;}
#promotion .zone .left .category .cont{padding-left:55px;}
#promotion .zone .left .category .cont h3 a{color:#454545; font-size:20px; text-decoration:underline;}
#promotion .zone .left .category .cont h3 a:hover{ text-decoration:none;}
#promotion .zone .left .category .cont h3 span a.mac{ color:#333333; font-size:11px;font-weight:normal; padding-left:6px;}
#promotion .zone .left .category .cont h3 span{float:right; margin-right:15px; padding-top:8px;}
#promotion .zone .left .category .cont p{color:#333333; font-size:14px;padding-top:30px;line-height:24px;}
#promotion .zone .left .category .cont p a{font-size:11px;}
#promotion .zone .left .category .cont a.learn{color: #195E97;width:80px;line-height:20px;float:left;display:block;font-size:11px; margin-right:15px;}

#promotion .zone .right{width:450px;padding-right:30px; display: inline; float: right;}
#promotion .zone .right .category{padding:20px 0 15px 0;}
#promotion .zone .right .category img{float:left; margin-right:15px;}
#promotion .zone .right .category span img{float:left; margin-right:1px;}
#promotion .zone .right .category .cont{padding-left:55px;}
#promotion .zone .right .category .cont h3 a{color:#454545; font-size:20px; text-decoration:underline;}
#promotion .zone .right .category .cont h3 a:hover{ text-decoration:none;}
#promotion .zone .right .category .cont h3 span a.mac{ color:#333333; font-size:11px;font-weight:normal; padding-left:6px;}
#promotion .zone .right .category .cont h3 span{float:right; margin-right:15px; padding-top:8px;}
#promotion .zone .right .category .cont p{color:#333333; font-size:14px;padding-top:30px;line-height:24px;}
#promotion .zone .right .category .cont p a{font-size:11px; }
#promotion .zone .right .category .cont a.learn{color: #195E97;width:80px;line-height:20px;float:left;display:block;font-size:11px; margin-right:15px;}


/*==addpro===================*/

#addpro{width:980px;margin:40px auto 0; font-family:Tahoma; margin-bottom:40px; }
#addpro .left{width:640px; padding-left:30px; float: left; overflow:hidden;}
#addpro .left .t1{font-size:25px; color: #666; line-height: 30px;font-family:Tahoma;margin-bottom:10px; width:500px; border-bottom:1px solid #D6D6D6; padding-bottom:10px;}

.featured-pro{margin-top:10px;font-family:Tahoma; overflow:hidden; width:630px;}
.addbox{float:left; margin:10px 20px 10px 0; width:610px; overflow:hidden; }
.addbox .photo{width:115px; height:auto; float:left; margin-right:40px;}
.addbox .photo img{float:left; padding:0;}
#addpro .addbox .summary {position:relative;height:auto;float:left;margin-right:5px; margin-top:20px; width:450px}
#addpro .addbox .summary .cont{ height:auto;}
#addpro .addbox .summary .cont .name{ color:#151515; font-size:20px;}
#addpro .addbox .summary .cont .name a{ color:#151515; font-size:20px;text-decoration:underline; }
#addpro .addbox .summary .cont .name a:hover{text-decoration:none; }
#addpro .addbox .summary .cont .name span{float:right;margin-right:105px; padding-top:8px;}
#addpro .addbox .summary .cont .name span a.mac{font-size:11px;font-weight:normal;}

#addpro .info-left{display:block;color:#8C8C8C;float:left;font-size:14px;height:18px;line-height:18px;margin-top:20px;margin-right:20px;text-indent:20px;}
#addpro .info-right{display: block; color: #8C8C8C; float: left;font-size:14px; height:18px;line-height:18px;margin-top:20px;margin-right:15px;}
#addpro .featured-pro .addbox .summary .info-left a, #addpro .featured-pro .addbox .summary .info-right a{color:#2366B2;font-size:12px; text-decoration:underline; padding-left:5px;}
#addpro .featured-pro .addbox .summary .info-left a:hover, #addpro .featured-pro .addbox .summary .info-right a:hover{color:#2366B2;font-size:12px; text-decoration:none; }

#addpro .addbox .proDesc {position:relative;height:auto;float:left;margin-right:5px; margin-top:30px; width:450px; }
#addpro .addbox .proDesc p{color: #333333;font-size: 14px;line-height: 24px;}

.p4{width:310px; float:left; overflow:hidden; margin-top:10px;}
.p4box{width:285px; display: inline; float: left; margin: 10px 0 10px 0;}
.p4box img{margin-bottom: 10px !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.p4 .p4box p{color:#333; font-family:Tahoma; font-size:14px; line-height:24px;}

.p4box-name{color: #444444;font-size: 14px;line-height:normal;margin: 0 0 10px; margin-bottom: 5px !important;}
.p4box-name a{color:#151515; text-decoration:underline;}
.p4box-name a:hover{text-decoration:none;}
.p4box-name span a.mac{font-size:11px;font-weight:normal; padding-left:40px;}

.p4box-download{font-size: 12px;margin: 0 0 10px; margin-bottom: 5px !important;}
.p4box-download a{color:#2366b2; line-height: 25px;  text-decoration:underline;}
.p4box-download a:hover{text-decoration:none;}
.p4box-download span a.mac{font-size:12px;font-weight:normal; padding-left:20px;}

#addpro .right{width:300px;float:left; margin: 0px 0 0 10px; position: relative; height:auto;}
#addpro .right .hottitle{width:280px; float: left !important;color: #666;font-size: 24px;letter-spacing: -1px;line-height: 1em;margin: 0 0 15px; border-bottom: 1px solid #E6E6E6; height:40px;}
#addpro .right .hotlink {width:280px; padding-bottom:7px;display: inline;float: left;margin: 0px 10px 10px 0; color:#2366B2; font-size: 12px; border-bottom: 1px solid #E6E6E6;}
#addpro .right .hotlink a{text-decoration:none; color:#333;}
#addpro .right .hotlink a:hover{text-decoration:underline;color:#666;}
#addpro .right p span{color: #666;font-size: 12px;font-weight: normal;line-height: 25px;}

#addpro .right .allformats{width:280px; float: left !important;color:#555;font-size:16px;letter-spacing:-1px;line-height:1em;margin:0 0 5px; height:auto;}
#addpro .right .allformats a{color:#444;text-decoration:none;}
#addpro .right .allformats a:hover{text-decoration:underline;}

.side-m{width:30px;height:auto;position:absolute;left:-20px;top:10px;bottom:10px;z-index:-1;background:-webkit-linear-gradient(left,rgba(0,0,0,.07),rgba(0,0,0,.05) 1px,rgba(0,0,0,.05) 1px,transparent 30px,transparent 100%);background:-moz-linear-gradient(left,rgba(0,0,0,.07),rgba(0,0,0,.05) 1px,rgba(0,0,0,.05) 1px,transparent 30px,transparent 100%);background:-o-linear-gradient(left,rgba(0,0,0,.07),rgba(0,0,0,.05) 1px,rgba(0,0,0,.05) 1px,transparent 30px,transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#ffffff',GradientType=1);}
.side-t{width:30px;height:30px;position:absolute;left:-20px;top:-20px;z-index:-1;background:-webkit-radial-gradient(left bottom,circle,rgba(0,0,0,.05),transparent 30px,transparent 100%);background:-moz-radial-gradient(left bottom,circle,rgba(0,0,0,.05),transparent 30px,transparent 100%);background:-o-linear-gradient(left bottom,circle,rgba(0,0,0,.05),transparent 30px,transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#ffffff',GradientType=1);}
.side-b{width:30px;height:30px;position:absolute;left:-20px;bottom:-20px;z-index:-1;background:-webkit-radial-gradient(left top,circle,rgba(0,0,0,.05),transparent 30px,transparent 100%);background:-moz-radial-gradient(left top,circle,rgba(0,0,0,.05),transparent 30px,transparent 100%);background:-o-linear-gradient(left top,circle,rgba(0,0,0,.05),transparent 30px,transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#ffffff',GradientType=1);}

.homebutton{background-color: #54AAE8;background-image: -moz-linear-gradient(center top , #54AAE8, #5285BE);box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.3) inset, 0 0 0 transparent;color: #FFFFFF;cursor: pointer;display: block; float: left;font-size: 14px;height: 35px;line-height: 35px;padding: 0 20px;text-align: center;text-decoration: none;margin-top:10px;margin-left:155px; margin-right:10px;}
.homebutton a{color:#FFFFFF;font-size:inherit;font-weight: bold; font-family:inherit;line-height: 32px;}

.homebutton1{color: #2366B2;cursor: pointer;display: block; float: left;font-size: 14px;height: 35px;line-height: 35px;padding: 0 0 0 10px;text-align: center;text-decoration: none;margin-top:10px;margin-right:0px;}
.homebutton1 a{background: url(../images/homepage-image/download-s.gif) no-repeat scroll 0 0 transparent; color:#2366B2;font-size:13px; font-family:inherit;line-height: 35px; text-decoration: underline; padding-left:23px;}
.homebutton1 a:hover{color:#2366B2;font-size:13px;font-family:inherit;line-height: 35px; text-decoration:none;}

.beffect {border-radius: 4px 4px 4px 4px;}
