/*~~~~~~~~~~ common style ~~~~~~~~~~*/
*,br.cls,ul{padding:0;margin:0;outline:none;}
a,a:link,a:visited,input.Btn{color:#333;text-decoration:none;cursor:pointer;}
a:hover,a:active{color:#F60;}
img,iframe,input,select{border:none;vertical-align:middle;}
li{list-style-type:none;}
input,select,textarea{background:transparent;}
hr{margin:0 5px;height:1px;border:none;border-top:1px dashed #CEDAE2;}
hr.ds{border-top:1px dashed #C9C9C9;}
hr.sl{border-top:1px solid #C1EE85;}
hr.db{height:3px;border-top:3px double #3EB1F0;}
hr.rd{height:5px;border-top:5px ridge red;}
hr.gr{height:10px;border-top:10px groove #3EB1F0;}
/*~~~~~~~~~~~ Font Style ~~~~~~~~~~~*/
.nw{white-space:nowrap;}
.txl,.wrap,.con,table.txl{text-align:left;}
.txr{text-align:right;}
.txc,body{text-align:center;}
.f13,body,h3{font-size:13px;line-height:24px;}
.f14,h2{font-size:15px;line-height:28px;}
.f15,h1{font-size:16px;line-height:30px;}
.f12{font-size:12px;line-height:24px;}
.f13,.f14,.f15,body{font-family:Tahoma,Verdana,Arial;}
.fwb{font-weight:bold;}
.ti1{text-indent:1em;}
.ti2{text-indent:2em;}
.fcr,.fcr a:link,.fcr a:visited{color:#F60;}
.fcy,.fcy a:link,.fcy a:visited{color:#FC0;}
.fcw,.fcw a:link,.fcw a:visited,.fcy a:hover,.fcy a:active{color:#FFF;}
.fcw a:hover,.fcw a:active,.fcr a:hover,.fcr a:active{color:#F93;}
/*~~~~~~~~~~ Block Style ~~~~~~~~~~~*/
body{color:#333;background:#E2E2E2;}
.wrap,.top,.con,.bot,#menubk{clear:both;margin:0 auto;width:960px;}
.top{height:80px;background:url(bg_header.png) right top no-repeat;}
.logo{width:300px;}
.banner{width:640px;text-align:right;font-size:13px;padding-top:15px;}
.Menu{position:relative;float:left;margin-left:12px;}
.Menu li{text-align:center;line-height:43px;list-style-type:none;width:103px;float:left}
.Menu li.back{z-index:1;position:absolute;width:103px;background:url(ico.png) center -1500px no-repeat;height:43px;line-height:43px;}
.Menu li a,.Menu li a:link,.Menu li a:visited{z-index:2;position:relative;width:103px;display:block;height:43px;line-height:43px;font-size:10.5pt;text-decoration:none;color:#FFF;}
.Menu li a:hover,.Menu li a:active,.Menu li.backout a{color:#0787d0;font-weight:bold;}
.Menu li.current-cat a{color:#006600;font-weight:bold;background-image:none;}
#wrapper{display:block;margin:0 auto;width:960px;height:43px;background:url(nav_bg.png) left center no-repeat;}
.hBxBg{background:url(hbxbg.gif) repeat-y;}
.hBxBot{background:url(hbxbot.png) 0 bottom no-repeat;}
.hBxTop{position:relative;background:url(hbxbg.gif) -973px 0 no-repeat;}
.hBxS1,.hBxS2,.hBxB1,.hBxB2,.hBxB3{position:absolute;top:3px;width:2px;height:96%;background:url(hbxs.gif) repeat-y;}
.hBxS1{left:319px;}
.hBxS2{left:639px;}
.hBxB1{left:239px;}
.hBxB2{left:479px;}
.hBxB3{left:719px;}
.LBxBg{background:url(lbxbg.png) repeat-y;}
.LBxBot{background:url(lbxbg.png) -1930px bottom no-repeat;}
.LBxTop{position:relative;background:url(lbxbg.png) -970px 0 no-repeat;}
.RBxBg{background:url(rbxbg.png) repeat-y;}
.RBxBot{background:url(rbxbg.png) -600px bottom no-repeat;}
.RBxLn{background:url(rbxbg.png) -900px bottom no-repeat;}
.RBxTop{position:relative;background:url(rbxbg.png) -300px top no-repeat;}
.SaleBx{float:left;width:240px;height:250px;text-align:center;}
.InfoBx{float:left;width:320px;height:350px;}
.SaleBx h2{height:31px;background:url(ico.png) center -1200px no-repeat;line-height:31px;font-size:13px;}
.InfoBx h2,.LBxBg h2,.RBxBg h2,h2.Tit{margin-top:5px;height:48px;background:url(ico.png) 0 -900px no-repeat;padding-left:48px;line-height:50px;font-size:18px;color:#3BA8E3;overflow:hidden;}
.LBxBg h2,h2.Tit{margin-top:0px;line-height:40px;}
h2.Disk,h2.Tit{background-position:0 -900px;}
h2.News{background-position:0 -1000px;}
h2.Tips{background-position:0 -1100px;}
.RBxBg h3{margin-top:5px;height:35px;background:url(ico.png) 0 -450px no-repeat;padding-left:40px;line-height:45px;font-size:15px;color:#3BA8E3;overflow:hidden;}
h3.Disk{background-position:0 -500px;}
h3.Feed{background-position:0 -550px;}
.InfoBx a.more{display:block;float:right;width:50px;height:24px;background:url(ico.png) 0 -1600px no-repeat;font-size:0;line-height:0;}
.SaleBx p.inf{padding:0 10px;font-size:11px;text-align:left;}
ul.Ico{clear:both;margin:0 5px;}
ul.Ico li,ul.Gd li{height:24px;background:url(ico.png) 0 -200px no-repeat;padding-left:20px;line-height:24px;border-bottom:1px dotted #C9C9C9;}
ul.Gd li{background-position:0 -1650px;height:50px;padding-left:55px;line-height:50px;font-weight:bold;}
ul.Gd li.PDF{background-position:0 -1750px;}
ul.Ico2 li{background-position:0 -250px;}
ul.Ico3 li{background-position:0 -300px;}
ul.Ico4 li{background-position:0 -350px;}
ul.Ico5 li{background-position:0 -400px;}
ul.NoS li{border:none;}
h3{height:28px;background:url(h3.png) left bottom no-repeat;padding-left:30px;line-height:30px;}
a.Btn,a.Down{display:block;width:80px;height:24px;background:url(ico.png) 0 0 no-repeat;}
a.Info{background-position:0 -35px;}
a.Order{background-position:0 -70px;}
a.DownX,a.OrderX,a.DonateX{display:inline-block;width:125px;height:25px;background-position:0 -150px;}
a.OrderX{background-position:0 -100px;}
a.DonateX{background-position:15px -2230px;}
.Alt{position:relative;background:#fff;color:#666;text-decoration:none;font-size:12px;width:150px;text-align:center;border:1px solid #ccc;height:25px;line-height:25px;}
.Alt:hover{background:#eee;color:#333;}
.Alt span{display:none;}
.Alt:hover span{display:block;position:absolute;overflow:visible;top:20px;left:0;width:600px;border:1px solid #CADCEB;background:#fff;color:#000;text-align:center;text-indent:0;}
/*~~~~~~~ Dimensions Style ~~~~~~~~*/
.wp50{width:49%;}
.w330{width:330px;}
.w150{width:150px;}
.w210{width:210px;}
.w220{width:220px;}
.w250{width:250px;}
.w320{width:320px;}
.w510{width:510px;}
.w480{width:480px;}
.w700{width:700px;}
.h230{height:230px;}
.h280{height:280px;}
.h330{height:330px;}
.h480{height:480px;}
.h520{height:520px;}
/*~~~~~~~~~~ Fixed Style ~~~~~~~~~~~*/
.oh,div,ul,br.cls{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.cls,hr,br.cls,div.cls,.wrap,.con,br.cl,hr.ds{clear:both;}
.no{display:none;}
.bl,#TWC li{display:block;}
.in{display:inline;}
.inb{display:inline-block;}
.mau,.ConD{margin:0 auto;}
.ma,.ma3,.ConC{margin:10px;}
.ma3{margin-bottom:0;}
.mlr{margin:0 10px;}
.mt,.bot,.pmt p{margin-top:10px;}
.mt5{margin-top:5px;}
.mb{margin-bottom:10px;}
.ml{margin-left:10px;}
.ml5{margin-left:5px;}
ul.ml30,div.ml30{margin-left:30px;}
.mr{margin-right:10px;}
.pdl{padding-left:10px;}
table.txl td{padding-left:5px;}
.pdr{padding-right:10px;}
.pad{padding:10px;}
.bgw{background:#FFF;}
div.t40{top:35px;height:85%;}
div.h230{height:245px;}
div.h450{height:490px;}
div.H1,div.H2,div.H3,div.H4{clear:both;margin-left:5px;height:35px;background:url(h1.png) 0 -83px no-repeat;}
div.H2{background-position:0 -43px;}
div.H3{background-position:0 -3px;}
div.H4{background-position:0 -123px;height:30px;}
/*~~~~~~~~~~ Other Style ~~~~~~~~~~~*/
br.cls,br.cl{margin:0;padding:0;height:0;line-height:0;font-size:0;}
br.cl{height:10px;line-height:10px;}
.nof,h2.ht,span.st,a.m,input.Btn,a.Btn{font-size:0;overflow:hidden;line-height:0;}
a.Ico{background:url(ico.png) 0 -600px no-repeat;padding-left:20px;line-height:18px;}
a.download{background-position:0 -652px;}
a.more,a.mm{background-position:0 -700px;}
a.bb{background-position:0 -750px;}
a.dd{background-position:0 -800px;}
.cpl{height:266px;background:url(cpl.jpg) left center no-repeat;}
.Tab{width:670px;margin:0 auto;border-collapse:collapse;font-family:Tahoma,Verdana,Arial;text-align:center;table-layout:fixed;background:#FFF;}
.Tab th,td{border:1px solid #C9C9C9;overflow:hidden;}
.Tab thead th{border-bottom:2px solid #C9C9C9;background-color:#238EDA;color:#fff;padding:3px 0px;}
.Tab th{background-color:#EFF7FF;}
.Tab th span{font-weight:bold;color:#F60;}
.Tab tbody th{text-align:left;padding-left:5px;font-weight:normal;}
.Tab th.title{background-color:#5C9CC0;text-align:center;font-weight:bold;color:#FFF;}
.Tab tfoot td{text-align:right;padding-right:5px;color:#777;}
.Tab caption{font-weight:bold;padding:3px 0px;color:#3d580b;font-size:14px;}
.Tab thead td{text-align:center;}
.Tab s{color:#F60;}
.Tab span{color:#84DC0C;font-weight:bold;}
.HistoryTab{width:98%;margin:0 auto;border-collapse:collapse;font-family:Tahoma,Verdana,Arial;text-align:left;table-layout:fixed;background:#FFF;}
.HistoryTab th,td{text-align:center;border:1px solid #C9C9C9;overflow:hidden;}
.HistoryTab thead th{border-bottom:2px solid #C9C9C9;background-color:#238EDA;color:#fff;padding:3px 0px;}
.HistoryTab th{background-color:#EFF7FF;}
.HistoryTab th span{font-weight:bold;color:#F60;}
.HistoryTab tbody th{text-align:left;padding-left:5px;font-weight:normal;}
.HistoryTab th.title{background-color:#5C9CC0;text-align:center;font-weight:bold;color:#FFF;}
.HistoryTab tfoot td{text-align:right;padding-right:5px;color:#777;}
.HistoryTab caption{font-weight:bold;padding:3px 0px;color:#3d580b;font-size:14px;}
.HistoryTab thead td{text-align:center;}
.HistoryTab s{color:#F60;}
.HistoryTab span{color:#84DC0C;font-weight:bold;}
#Tool th.title{background-color:#FFCC00;}
#Tool th{background-color:#FFF9ED;}
#Authoring th.title{background-color:#ADCD3C;}
#Authoring th{background-color:#F2FDDB;}
#Video th.title{background-color:#F8B3D0;}
#Video th{background-color:#FFF5FA;}
#Photo th.title{background-color:#CACAFF;}
#Photo th{background-color:#F7F7FF;}
.PPic{text-align:center;line-height:30px;}
.TxtCon{padding:5px 10px;}
.TxtCon p,.PInfo p{text-indent:2em;}
.PPic p{margin-top:5px;}
.PPic strong{color:#F60;font-size:15px;}
#tabs{height:30px;clear:both;}
#tabs ul{clear:both;margin-left:8px;padding:0;list-style:none;overflow:hidden;}
#tabs li{display:inline;margin:0;padding:0;font-size:1em;font-weight:bold;}
#tabs a{float:left;background:none no-repeat 0% -35px;margin:1px 2px 0 0;padding:0 0 0 4px;text-decoration:none;position:relative;cursor:pointer;}
#tabs a span{float:left;display:block;background:none no-repeat 100% -35px;padding:6px 8px 6px 4px;color:#828282;white-space:nowrap;}
#tabs a:hover span{color:#bcbcbc;}
#tabs .tabc a{background-position:0 0;border-bottom:1px solid #ebebeb;}
#tabs .tabc a span{background-position:100% 0;padding-bottom:7px;color:#333333;}
#tabs a:hover{background-position:0 -70px;}
#tabs a:hover span{background-position:100% -70px;}
#tabs .tabc a:hover{background-position:0 0;}
#tabs .tabc a:hover span{color:#000000;background-position:100% 0;}
#tabs a{background-image:url(bg_tabs1.gif);}
#tabs a span{background-image:url(bg_tabs2.gif);color:#536482;}
#tabs a:hover span{color:#F60;}
#tabs .tabc a{margin:0 2px 0 0;border-bottom-color:#CADCEB;}
#tabs .tabc a span{color:#333333;}
#tabs .tabc a:hover span{color:#000000;}
#tabs{line-height:normal;margin:5px 0 0 10px;}
.panel{clear:both;margin-bottom:4px;padding:0 5px;background-color:#CADCEB;color:#28313F;}
span.cor-top,span.cor-bot,span.cor-top span,span.cor-bot span{font-size:1px;line-height:1px;display:block;height:5px;background-repeat:no-repeat;}
span.cor-top{background-image:url("corners_left.png");background-position:0 0;margin:0 -5px;}
span.cor-top span{background-image:url("corners_right.png");background-position:100% 0;}
span.cor-bot{background-image:url("corners_left.png");background-position:0 100%;margin:0 -5px;clear:both;}
span.cor-bot span{background-image:url("corners_right.png");background-position:100% 100%;}
.Lnk a{color:#3BA7E5;text-decoration:underline;}
.Nav{display:block;height:65px;}
.Nav ul{margin:0;list-style:none;padding:0;}
.Nav ul li{float:left;height:65px;overflow:hidden;position:relative;text-indent:38px;line-height:55px;}
.Nav ul li.navc{background:url(ico.png) center -1300px no-repeat;}
.Nav ul li.navn{background:none;}
.Nav ul li a{position:relative;display:block;width:155px;height:55px;font-family:Tahoma,Verdana,Arial;font-size:11px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;text-decoration:none;cursor:pointer;}
.Nav ul li a span{position:absolute;left:0;width:155px;}
.Nav ul li a span.out{top:0px;}
.Nav ul li a span.over,.Nav ul li a span.bg{top:-55px;}
#Nav{margin-left:1px;background:url(nav.png) right top no-repeat;}
#Nav ul li a{color:#000;}
#Nav ul li a span.over{color:#FFF;}
#tab_1_1 span{background:url(ico.png) 0 -1850px no-repeat;}
#tab_1_2 span{background:url(ico.png) 0 -1950px no-repeat;}
#tab_1_3 span{background:url(ico.png) 0 -2050px no-repeat;}
#tab_1_4 span{background:url(ico.png) 0 -2150px no-repeat;}
#Nav ul li span.bg{height:55px;background:url(ico.png) center -1400px no-repeat;}
li.FixLi{margin-bottom:24px;}
h4{font-size:13px;}
#slider li.layer{width:320px;height:96px;overflow:hidden;}
.banner a{font-weight:bold}
.banner a:link{color:#F00;}
.banner a:visited{color:#F60;}
.banner a:active{color:#CC0;}
.banner a:hover{color:#F60;}