/* reset for all browsers*/
input,select, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline: none;
}
*:focus
{
    outline: none;
}
/* global elements */
*{ font-family: 'Tahoma',serif; font-size: 12px ;-webkit-text-size-adjust: none;}
p,span,li,a,b{font-size: inherit;}
p, dd,h3{color: #666}
h1,h2,h3,h4,h5,h6{font-weight: lighter;}
ul,dd,h2,h3,h4{margin: 0;padding: 0;}
li{list-style: none;}
body{width: 100%; margin: 0; padding: 0; background-color: #FFF}
select{padding: 6px; _height: 20px !important;} option{height: 30px;} select > option:hover{background-color: #eb4639 !important;}
input[type="radio"]{display: none;  float: left; height: 0; width: 0; }
h1{font-size: 48px; font-weight: bold; color: #333; text-shadow: #333 0px 0px 1px; }
h2{padding: 0;margin: 0; font-size: 24px; color: #454545; font-weight: bold}

.radio{width: 120px; height: 20px; padding-left: 25px;background: url('../image/checkbox1.png') no-repeat 0 -20px;}
a:hover{cursor: pointer; text-decoration: underline;} a{text-decoration: none; color:inherit} 

.wapper{min-width:960px; width: 960px; margin: 0 auto;}
.clear{clear: both !important; float: none !important;}
.floatleft{float: left;} .floatright{float: right !important;} .floatleft15{float:left; margin-left: 15px !important;} .floatleft0{float: left; margin-left: 0 !important;} .ml_30{margin-left: -30px !important;}
.width390{width: 390px;} .width450{width: 450px;} .width300{width: 300px;} .width230{width: 230px}
.h30{height: 30px;}  .h40{height: 40px;}
.mrt30{margin-top: 30px} .mrl15{margin-left: 15px;} .mrl75{margin-left: 75px;} .margin-top-bottom15{margin: 15px 0 !important;} .margin_top_bottom10_20{margin: 10px 0 20px 0;} .margin_bottom10{margin-bottom: 10px; display: block;} .mrt15{margin-top: 15px;} .mrb30{margin-bottom: 30px;} .mrb15{margin-bottom: 15px;} .mrt_30{margin-top: -30px}
.mrt10{margin-top: 10px;} .mrb20{margin-bottom: 20px;} .mrt_15{margin-top: -15px;}
.mrr15{margin-right: 14px;}
.header_bg{background-color:#262626; width: 100%; height: auto;  z-index: 100;}
.grey{color: #999;} .orange{color: #de4438}
.bold{font-weight: bold;}
.px18{font-size: 18px;} .px14{font-size: 14px;} .px12{font-size: 12px !important; }
.btn_orange{border-radius: 0; background-color: #eb4639; height: 35px; padding: 0 25px 4px; border: none; color:#FFF; text-shadow:1px 1px #852200; font-size: 18px; border-radius: 2px;}
.btn_orange:hover{box-shadow:1px 1px 2px #333; cursor: pointer;}
.btn_orange24{border: 5px solid #D6D6D6;font-size: 24px;height: 55px;background-color: #eb4639;color:#FFF; cursor: pointer; border-radius: 0;}
.btn_orange24:hover{border-color: #b6b6b6}
.btn_close{background: url("../image/close_btn.png"); width: 43px; height: 43px; float: right; cursor: pointer; margin-top: 15px; position: absolute; right: 15px; transition:all 0.3s linear; opacity: 0; -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.btn_close:hover{opacity: 1;}
.icon2525{background: url('../image/icons.png') no-repeat; width: 25px; height: 25px;}
.fs14{font-size: 14px !important;} .fs24{font-size: 24px !important;} .fs18{font-size: 18px;}
.line{width: 100%;height: 0; border-top: 1px solid #bbbbbb;}
.sbtitle{border-left: 5px solid #ee4639; padding-left: 10px;}
.tips{font-size: 12px !important; color: #999 !important}
.alert{color: #eb4639; display: block;}
.w280{width: 280px;}
.w180{width: 180px;}
.c333{color: #333 !important; }
.tr{text-align: right}
.db{display: block}
.hidden{display: none;}
.go-top img{width:60px}
.go-top {bottom: 30px; cursor: pointer; display: none;position: fixed;right: 30px; opacity: 0.6; transition:all 0.3s ease-out;}
.go-top:hover{ opacity: 1; }
.link{text-decoration: underline; color: #DD4337 }
.link.blue{ color: #387b9e; text-decoration: none; font-family: 'adobe 黑体 std' }
.pull-center{text-align: center}
.pull-center > *{display: inline-block; *display: inline; zoom: 1;}

label.error{display: block; float: left; clear: both !important; color: red !important; margin-left: 5px !important; z-index: 10; width: 600px;}
/* Sprites images -- contact icons*/
.contact_icons {background-image: url('../image/icons_contact.png'); width: 124px; height: 124px; overflow: hidden; cursor: pointer;}
#facebook{background-position: 0 0; -webkit-transition: all 0.3s ease-in-out 0s ;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s ;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s; }
#twitter{background-position: -124px 0; -webkit-transition: all 0.3s ease-in-out 0s ;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s ;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s; }
#googleplus{background-position: -248px 0; -webkit-transition: all 0.3s ease-in-out 0s ;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s ;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s; }
#email{background-position: -372px 0; -webkit-transition: all 0.3s ease-in-out 0s ;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s ;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s; }
.fill{background: none repeat scroll 0 0 #ee4639;height: 0;margin: 105px 0 0 24px;position: absolute;transition: all 0.3s ease-in-out 0s;width: 82px;z-index: -10; -webkit-transition: all 0.3s ease-in-out 0s ;-moz-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s ;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}

.fb:hover .fill,.tw:hover .fill,.ggp:hover .fill,.em:hover .fill{height: 89px;margin-top: 18px }


/* Sprites images -- bank cards type icons */
.icons_card{background-image: url('../image/icons_card.png'); width: 50px; height: 32px;}
#visa{background-position: 0 0;}
#mastercard{background-position: 0 -32px;}
#paypal{background-position: 0 -64px;}


/* Sprites images -- small facebook twitter download */
.icons_small {background-image: url('../image/icons_small.png'); width: 33px; height: 33px; float: left; margin: 0 5px; cursor: pointer; opacity: 0.6; transition:opacity 0.3s linear; }
.icons_small:hover{opacity: 1;}
#s_facebook{background-position: 0 0; }
#s_twitter{background-position: -33px 0;}
#s_download{background-position: -66px 0;}
#s_close{background-position: -99px 0;}
#s_sina{background-position:-163px 1px}
#btnClose2{background-position: -132px 0; margin: -17px 0 0 -18px; position: absolute; }
.select_icons{background: url("../image/select-icons1.png") no-repeat scroll 0 -116px transparent; height: 30px; width: 30px;}
#select_up{background-position: 0 -66px}
#select_down{background-position: 0 -166px}


/* form element style 1 -- grey */
.form_grey input,.form_grey span,.form_grey a{float:left; margin:7.5px 15px; line-height: 23px;}
.form_grey input[type="text"],.form_grey input[type="password"]{background:#666666; color: #FFF; border: 1px solid #000;  width: 250px; font-weight: bold; padding: 0 5px; margin-left: 0; height: 25px}
.form_grey input[type="submit"]{margin-left: 0;}
#header_hidden_items .px18{padding-top: 10px;}

/* form element style 2 -- grey2 */
.form_grey2 input,.form_grey2 span,.form_grey2 a{float:left; margin:7.5px 0; line-height: 23px;}
.form_grey2 input[type="text"], .form_grey2 input[type="password"]{background:#666666; color: #FFF;  width: 300px; border: 1px solid #000; height: 25px; font-weight: bold; padding: 0 5px; margin-left: 0; }
.form_grey2 input[type="submit"]{margin-left: 75px;}

/* form element style 3 -- white1 */
.form_white,.fw2{height: auto; clear: both; background-color: #EEE;border: 1px solid #dad9d9;padding: 35px 0 0;} 
.form_white .left{padding-left: 50px; width: 425px}
.form_white input{margin-bottom: 20px;}
.form_white input[type="text"],.form_white input[type="password"]{width: 290px; height: 45px; background: #FFF;border: 1px solid #ccc; margin-left: 10px;}
.form_white input[type="checkbox"]{margin-left: 200px; border: 0 solid #999; background-color: #999;}
.form_white input[type="text"]:hover,.form_white input[type="password"]:hover{border: 1px solid #eeaba6;}
.form_white label,.form_white span{width: 110px; color: #666;font-size: 18px;}
.form_white label{text-align: right; float: left;display: block; height: 45px; padding-top: 10px; }
.form_white label.error{margin-left: 1px !important; float: none !important; font-size: 14px; margin-bottom: -20px; width: 290px;}
.form_white span{display: block;float: right;padding-left: 10px;width: 10px}
.form_white textarea{ resize: none; overflow-y:hidden;line-height: 35px; width: 420px;height: 250px; margin-right: 25px; border: none;background: url('../image/lines.png') -34px -3px; background-color: inherit;color: #666; font-size: 14px;}
.form_white .btn_orange{border: 3px solid #C9C9C9;border-radius: 0 0 0 0;height: 45px; margin-top: 15px;}
#page_about .form_white label.error{float: none !important;font-size: 14px;margin-bottom: -20px;margin-left: 170px !important;text-align: left;width: 290px;}
.fw2{margin-bottom: 30px;padding-bottom: 30px}
.fw2 label{font-size: 14px; display: block; color: #333;}
.fw2 .left, .fw2 .right{width: 400px; float: left; margin-left: 55px;}
.fw2 input[type="text"],.fw2 input[type="password"]{width: 365px; height: 40px; border: 1px solid #cecece; padding: 0 10px; margin: 10px 0;}
.fw2 .sbHolder{margin: 10px 15px 0 0;}
.fw2 label.error{margin-left: 1px !important; margin-bottom: 10px; float: none !important;}
.fw2 .sbOptions{width: 183px;}


/* setting the header elements */
#menu{height: 110px; width: 960px;  margin: 0 auto;}
#menu li{font-size: 14px; font-weight: bold; color: #FFF !important; float: left; margin: 45px 24px; }
#menu li:first-child{margin-left: 60px;}
#menu li a{font-size: 14px; font-weight: bold;} #menu li a:hover{text-decoration: none;}
#menu li.active,#menu li:hover{color: #dd4337 !important;  cursor: pointer;}
#logo{float: left; padding: 15px 0;}
img{border: 0;}
.sign{margin: 35px 0 0; height: 50px;} .sign span[id]:hover{ cursor: pointer; color: #dd4337;}
#headpic p {padding: 0; margin: 0 0 0 10px; color: #999; line-height: 300%; white-space: nowrap; display:inline }
#personalMenu{position: absolute;background-color: #eee; margin: 51px 0 0 -135px; border: 1px solid #b4b2b3; display: none;}
#personalMenu:after{ border-bottom: 12px solid #eee;border-left: 10px solid transparent;border-right: 10px solid transparent;content: "";display: inline-block;left: 105px;position: absolute;top: -11px;}
#personalMenu li, #personalMenu li:first-child {border-bottom: 1px solid #b4b2b3;display: block; font-weight: lighter !important; color: #666 !important; float: none; margin: 0; padding: 10px 25px; text-align: center; }
#personalMenu li:hover{color: #FFF !important; background-color:#eb4639; text-decoration: none; }
#Sign{line-height: 40px}

/* setting the home elements */

#page_home {width: 100%; height: 100% !important; overflow: hidden;}
.nivoSlider{width: 100%;height: 100%; overflow: hidden; position: absolute; z-index: 10; }
.background_slider{height: 100%; overflow: hidden;}
.nivo-controlNav{position: fixed; z-index: 20; padding: 8px 0 0 !important; height: 30px; overflow: hidden;bottom: 0; width: 100%; background-color: #fff ;font-size: 0;}
.nivo-control {background: url(../image/icons_slider.png);height: 26px; width: 26px; overflow: hidden; display: block; float:left; margin-left: 25px;}
.nivo-control:hover {background: url(../image/icons_slider.png) 0 -52px; height: 26px; width: 26px; overflow: hidden;}

.nivo_line{background-color: #566767;display: block;float: left;height: 2px;margin-left: -6px;margin-right: -31px;margin-top: 12px;position: relative;width: 39px; z-index: 100;}
#page_home #lrgo{ width: 26px; height: 26px;z-index: 10; }
#lrgo #lrgo2{position: absolute;width: 26px; height: 26px; background: url("../image/icons_slider.png") no-repeat scroll 0 -53px transparent; transition: all 0.3s ease-in; z-index: 2; }
#lrgo #lrgo3{position: absolute;width: 26px; height: 26px; background: url("../image/icons_slider.png") no-repeat scroll 0 -79px transparent; transition: all 0.3s ease-in; z-index: 0; }
.nivo_line:last-child{display:none;}
#lrgoMenu{background-color: #DD4337;height: 2px;margin-left: 60px;position: absolute;top: 64px;width: 50px; transition: all 0.25s linear; z-index: 2; display: none; }

.background_slider p {background-color: #DDDDDD;bottom: 26px; width: 50%; display: none;letter-spacing: 0.05em;line-height: 2.2em;padding: 1% 25%;position: fixed;z-index: 30; text-align: justify; box-shadow: 0 0 11px #878181 inset;}
.arrow_up,.arrow_down{height: 60px;width: 100px; position: fixed; bottom: 60px; z-index: 30; background: url('../image/arrow_info.png') no-repeat 0 -60px; cursor: pointer;}
.arrow_down{background-position: 0 0}
.home_header{position: absolute; top: 0;z-index: 100; margin-left: 0; width: 100%}
.home_header .header_bg{background: none; }
.home_header #header_hidden_items{background-color: #262626}
.home_header #header_hidden_items > div{margin: 0 auto}
.home_header #header_hidden_items{ min-width: none; overflow: hidden;}
.home_header .sign span{color: #d8d8d8;}
#page_home #headpic p{color: #FFF !important}
.home_header #headpic > img{display: none;}
.home_header #headpic > img.hidden{display: block;}
.share{position: fixed; z-index: 25; right: 15px; bottom: 55px;}


#page_home .homeloader{margin: 0 auto; width: 240px; height: 240px; background: url('../image/homeloading_logo.png') no-repeat center center; }
#page_home .homeloader img{animation: loading-icon 0.8s linear infinite; -webkit-animation: loading-icon 0.8s linear infinite;}
#page_home .homeloader .percent {color: #929292;font-size: 19px;margin-top: -70px;text-align: center;}
@keyframes loading-icon
{
    from {transform: rotate(0deg);}
    to {transform:rotate(360deg);}
}

@-webkit-keyframes loading-icon
{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}
/*setting for days photo page*/
#waterfall{width: 980px;}
#waterfall .item, #waterfall .item img{margin-bottom: 10px; width: 313px; height: 200px; overflow: hidden; cursor: pointer;}
#waterfall .item.w2, #waterfall .item .w2{width: 636px;}
#waterfall .item.w2:hover, #waterfall .item .w2:hover{width: 636px;}
#waterfall .item.h2 , #waterfall .item .h2{height: 410px;}
#waterfall .item img{background-color: #ccc;-webkit-transition: all 0.3s ease-in-out 0s ;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s ;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s; position: absolute;}

.mask{ background-color: rgba(0,0,0,0); _background:none; width: 100%; height: 100%; position: absolute;-webkit-transition: all 0.3s ease-in-out 0s ;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s ;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.mask h6{opacity: 0; height:100px; margin-top: -7%;  font-weight: bold; text-transform: uppercase; text-align: center; position: absolute; width: 100%; display: none;
font-family: 'Adobe Garamond Pro',serif; letter-spacing: 0.5px; font-size: 18px;transition: all 0.3s ease-in-out 0s; overflow: hidden; }
.mask h6 span{color:#999;font-size: 10px; text-transform: none; text-align: center;  width: 100%; font-family: "Arial","Regular",serif;  margin-top: 110px; opacity: 1;}
#waterfall .item:hover img{transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2);}
#waterfall .item:hover .mask{background:#000;background: rgba(0, 0, 0, .7);-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'}
#waterfall .item:hover .mask h6{opacity: 1; color: #FFF; margin-top: 88px; display:block;}
#waterfall .item.w2:hover .mask h6{opacity: 1; color: #FFF; margin-top: 14.5%;}
#waterfall .item.w2 .mask h6 span{margin-top: 0px;}
#waterfall .item.h2:hover .mask h6{opacity: 1; color: #FFF; margin-top: 59%;}
#waterfall .item.h2 .mask span{margin-top: 66%;}


/*setting for about page*/

#page_about p {line-height: 35px; font-size: 14px;}
#page_about p i{font-size:14px;}
.contact_grp {width: 1150px;}
.contact_grp{float: left; margin-right: 154px;}
.contact_grp .item{float: left; margin-right: 154px;}
#form_contact .left.floatleft > input { color: #666666;font-size: 16px;font-weight: lighter;padding-left: 10px;}

/*setting for magazine page */
#page_magazine .left{width: 320px; float: left; overflow: hidden;}
#page_magazine .right{width: 568px; float: left; margin-left: 70px;}
#page_magazine .right dl{overflow-y: auto; overflow-x: hidden; height: 640px; border: 1px solid #ebebeb;margin-bottom: 9px;}
#page_magazine .sbHolder,#page_magazine .sbHolder ul{width: 90px;}
#page_magazine .date_picker span{margin:5px 8px 0px 0; font-size: 18px; color: #333;}

.switch_box{width: auto; z-index: 2; }
.sc_box{perspective:1200px;-webkit-perspective:1200px;}
.sc_box > img{width: 100%;transition:all 0.3s ease-out;;}
.switch_box .previous{ transition:all 0.2s ease-out; margin-top: 6px;  background: url("../image/double_arrows.png") no-repeat scroll 0 -14px;display: block;float: left;height: 15px;width: 15px; }
.switch_box .date{width: 290px; text-align: center; z-index: 0;float: left; font-size: 18px; color: #666}
.switch_box .next{transition:all 0.2s ease-out; margin-top: 5px; float: right; text-align: right; width: 15px; height: 15px;  background: url("../image/double_arrows.png") no-repeat scroll 0 0;}
.switch_box .previous:hover{background-position: -16px -14px}
.switch_box .next:hover{background-position: -16px 0px}
#page_magazine .desc dl img{float: left;width: 187px;}
#page_magazine .desc dl dt{clear: both;}
#page_magazine .desc div{width: 300px; float: left; clear: right}
#page_magazine .desc .img{height: 120px; width: 187px; overflow: hidden; float: left; margin-right: 19px;}
#page_magazine .desc div p{ font:italic 12px/12px 'Georgia'; color: #666666;}
#page_magazine dd{font-size: 14px; text-align: justify; clear: both;float: left; margin-top: 10px;}
#page_magazine h3{font-size: 14px;}
#page_magazine h4{font-size: 18px; color: #454545; padding: 5px 0;}
#page_magazine .desc dl > span {border-bottom: 1px solid #ebebeb; padding: 20px 40px 0 20px; display: block; height: auto; width: 510px; margin: 0 auto;}
#page_magazine .desc dl > span.grey{background-color: #eee; border: none;}
#page_magazine .desc dl > span.grey dd{border-bottom: 1px solid #D7D7D7;}
#page_magazine .desc .author{line-height: 21px;}
#page_magazine .desc .editor{margin-top: -10px;}
#page_magazine .desc dl > span.disactive{opacity: 0; transform:translateX(100px); -webkit-transform:translateX(100px);}
/*#page_magazine .desc dl span:hover{border-bottom: 1px solid #e4e4e4; background:#eee;}*/
#page_magazine .item{padding: 0 38px; margin-top: 30px; border-right: 1px solid #dadada}
#page_magazine #slider{margin: 0 42px}
#page_magazine #slider .item img{width: 141px}
#page_magazine #slider .previous{margin-left: -42px;}
#page_magazine #slider .next{margin-left: 872px;}
#page_magazine #slider .previous,#page_magazine #slider .next{font-family: 'Lucida Grande',serif;font-size: 29px;font-weight: bold;padding: 138px 0;position: absolute;text-align: center;width: 46px; color: #999}
#page_magazine #slider .previous:hover,#page_magazine #slider .next:hover{background-color: #ddd; cursor: pointer;}
#page_magazine .bottom{height: 310px; overflow: hidden; width: 960px; background-color: #eee; border: 1px solid #ebebeb; }


#page_read article h1{margin: 0; font-weight: lighter; color: #454545; float: left; font-size: 24px;}
#page_read h2{float: left; font-size: 18px; font-weight: lighter; line-height: 35px; margin-left: 40px;}
#page_read .sbtitle{margin-top: -15px; margin-bottom: 15px; font-size: 14px;}
#page_read article{width: 750px; float: left; border-bottom: 1px solid #e3e3e3;}
#page_read aside{width: 210px; float: left; overflow:hidden}
#page_read article p{font-size: 14px; line-height: 20px;}
#page_read article p{text-indent: 0em; text-align: justify}
#page_read article p:first-child{text-indent: 0}
#page_read .imgbox { border: 1px solid #CCCCCC;padding: 15px; margin:  25px auto; width: 480px; }
#page_read .imgbox > img{width: auto}
#page_read .imgbox p{color: #a46e21; margin: 10px 0 0;}
#page_read aside .item{padding: 0 0 0 68px}
#page_read aside .item img{margin-bottom: 10px;}
#page_read aside .item{display: block; text-align: center; font-size: 14px; color: #666;}
#page_read aside .item > span{display: block}
#page_read aside .line{border-color: #e4e4e4; margin:20px 0 25px 68px}
#page_read section h2{width: 100%; margin-left: 0px;}
#page_read .imginfo {color: #666666;margin: 5px auto 0;width: 480px; text-align: justify}
#page_read .aImg {border: 1px solid #CCCCCC;margin: 5px auto;padding: 15px;width: 480px;}

#page_read .other_articles .item {float: left; height: 200px; margin: 25px 35px 25px 0px;width: 220px;perspective:300px; -webkit-perspective:300px; }
.other_articles .img {border: 0 none !important;height: 150px;overflow: hidden;padding: 0 !important; -webkit-transform:rotateY(180deg); transform:rotateY(180deg);transition:all 0.6s ease-out}
.other_articles .img img{height: 100%;min-width: 100%; }
.other_articles .item:hover .img{transform:rotateY(0deg);-webkit-transform:rotateY(0deg)}
#page_read h3{color: #333333;font-size: 16px;padding: 5px 0;}
#page_read .other_articles .item .img{width: 220px; margin-bottom: 15px;}

/* subscribe page*/
#page_subscribe .sbHolder{width: 183px}
#page_subscribe .radios1 label{margin-left: 75px; float: left;}
#page_subscribe .radios2 label{margin-left: 15px; float: left; width: 80px  ;}
#page_subscribe .radios2 .icons_card{margin-top: -5px}
#page_subscribe input[type="text"]:hover, #page_subscribe input[type="password"]:hover{border-color: #EEABA6}
#page_subscribe #period_info label.error{float: left !important;}
#page_subscribe #info {padding: 6px 108px 26px;}
#page_subscribe #info p{font-size: 14px;}
#subList .item p{text-align: justify; font-size: 14px;}
#subList .item h2{font-weight: bold}
#subList .item a:hover{text-decoration: none}
#subList .item .left, #subList .item .right{float: left;}
#subList .item .left{width: 390px}
#subList .item .right{width: 570px}

/*pagination*/
#pagination{width: 215px; margin: 0 auto; text-align: center;}
#pagination li{display: block;float: left;line-height: 22px;text-align: center;width: 25px; color: #9c9c9c;}
#pagination .first{background-position:0 0; cursor: pointer}
#pagination .first:hover{background-position:0 -25px;}
#pagination .last{background-position:-25px 0; cursor: pointer;}
#pagination .last:hover{background-position:-25px -25px;}
#pagination .current{color: #666; text-decoration: underline;}

/* page slider*/
#page_slider{width: 100%;   color: #bbb; visibility: hidden}
#page_slider .large_img, .large_img img {background: none; /*max-width: 900px;*/ max-height: 1600px;  float: left;}
#thumbs{float: left; max-width: 90%; height: 95px; overflow: hidden;}
#thumbs .item {float: left; margin:0 4px 4px 0; cursor: pointer; padding: 1px;opacity: 0.6; transition: all 0.3s linear;}
#thumbs .item img {width: 125px; height: 80px; }
#thumbs .item.active {opacity: 1; border: 1px solid #ddd;} #thumbs .item.active img{width: 123px;}
#thumbs .item:hover{opacity: 1;}
#thumbs #ship{width: 10000px; float: left; }
#page_slider #slider .image_title{float: left; margin-left: 18.5%; width: 50%;}
#page_slider #slider .image_date{float: right; margin-right: 22.5%}
#page_slider #s_close{position: absolute; margin-top: -17px;}


/* page account*/
.collecter .item img{width: 100px;}
.collecter {border-top:1px solid #dad9d9;  }
.collecter table{width:100%; background: #eee; border: 1px solid #dad9d9; border-top-width: 0;}
.collecter table th,.collecter table td{width: 18%; text-align: center; color: #666; font-size: 18px !important; font-weight: lighter}
.collecter table td{padding: 15px 0;font-size: 14px !important;}
.collecter table .m{width: 45%; padding-left: 30px;}
.collecter table th:first-child{padding-left: 0px;}
.collecter table td:first-child{padding-left: 0px;}
.collecter table th{height: 55px;}
.collecter .switch .select_icons{float: right; margin-right: 30px; cursor: pointer;}
.collecter .item{border-bottom: 1px solid #EEE}

/*footer*/
#footer{width: 100%; height: auto; background-color: #262626; color: #FFF; padding: 10px 0; }
#footer span{ font-size: 10px !important; color: #DDD;  }

/*popBox*/
.popBox{position: fixed; top: 40%; padding: 20px; border: 1px solid #999; border-radius: 5px; box-shadow: 0 0 9px #444; background: #eee; display: none;}

/* shadow box style*/
#zPop{background-color:#000;background:url('../image/loading.gif') no-repeat 50% 50%; background-color: rgba(0,0,0,0.8); width: 101%; height: 100%; position: fixed; z-index: 1000; margin-left: -2px;}

/* advertisement */
#adHomeLeft{position: absolute; z-index: 100; right: 0; width: 10%; margin-top: 6%; transition:all 0.3s linear;}
#adHomeLeft img{width: 100%}


@media screen and (-webkit-min-device-pixel-ratio:0) {
   .webkit-w990{width: 990px;}
}