@charset "utf-8";
@import url("/assets/css/style/2012s/global.min.css");
@import url("/assets/css/style/2012s/ui-msg.css");
@import url("/assets/css/style/2012s/ui-typo.css");

.collapsed {display:none;}

/* CSS3 animation */
@keyframes shake {
  0% {transform: translate(0,0);}
  50% {transform: translate(0,-7px);}
  100% {transform: translate(0,0);}
}
@-webkit-keyframes shake{
  0% {-webkit-transform: translate(0,0);}
  50% {-webkit-transform: translate(0,-7px);}
  100% {-webkit-transform: translate(0,0);}
}
@-moz-keyframes shake {
  0% {-moz-transform: translate(0,0);}
  50% {-moz-transform: translate(0,-7px);}
  100% {-moz-transform: translate(0,0);}
}
@-o-keyframes shake {
  0% {-o-transform: translate(0,0);}
  50% {-o-transform: translate(0,-7px);}
  100% {-o-transform: translate(0,0);}
}

@keyframes shake1 {
  0% {transform: translate(0,0);}
  100% {transform: translate(0,-40px);}
}
@-webkit-keyframes shake1 {
  0% {-webkit-transform: translate(0,0);}
  100% {-webkit-transform: translate(0,-40px);}
}
@-moz-keyframes shake1 {
  0% {-moz-transform: translate(0,0);}
  100% {-moz-transform: translate(0,-40px);}
}
@-o-keyframes shake1 {
  0% {-o-transform: translate(0,0);}
  100% {-o-transform: translate(0,-40px);}
}

/* form */
.form-group {*zoom:1; }
.form-group .form-label {display:block; font-size:14px; font-weight:bold; margin-bottom:5px; float:left; margin-right:10px; text-align: right; width:20%;}
.form-group .form-controls {padding-bottom:5px; margin-bottom:10px; min-height:32px;
    height:auto !important; _height:32px; *padding-bottom:0;}
.form-group .form-controls .tip-inline {vertical-align:middle; display:inline-block;
    *display:inline; *zoom:1;}
.input-error .tip-inline {display:inline-block; *display:inline; *zoom:1; line-height:16px;
    padding:0 0 0 20px;  width:180px; clear:none; color:#C91B05;
    background:url(/assets/img/icon/mark-16-error.png) no-repeat;}

.form-horizontal .form-group {margin-bottom: 20px; *zoom: 1;*margin-bottom:24px;*overflow:hidden;}
.form-horizontal .form-group:after {display: block; content: ""; width: 0; height: 0;
     font-size: 0; clear: both; visibility: hidden; overflow: hidden; }
.form-horizontal .form-group .form-label {float: left; width: 100px; text-align: right; 
    display: block; font-weight: normal; margin-bottom: 5px; line-height: 32px; 
    vertical-align: middle; *vertical-align: none; }
.form-horizontal .form-group .form-controls {margin-left: 110px; margin-bottom: 0;min-height: 24px;
  *height: auto; *min-height: auto;}
.form-horizontal .form-group .form-controls .static {display: inline-block; line-height: 24px; }
.form-horizontal .form-group .form-controls .input-choose {margin-top: 6px; }
.form-horizontal .form-group .form-controls select {margin: 1px 0;}
.form-horizontal .form-group .form-actions {_padding-left: 3px; }
.form-group .form-parallel input, 
.form-group .form-parallel .btn {vertical-align: middle; *margin-right: 5px; }

/* button */
.btn-shine-default {height: 32px; background-position: left top; }
.btn-shine-default .btn-inner {height:32px; line-height:32px; font-size:14px; padding:0 12px;}
.btn-shine-default, .btn-shine-default .btn-inner {
  background-image: url(/assets/img/button/shine-default.png);
}
.btn-shine-default .btn-inner {background-position: right -35px; }
.btn-shine-default:hover {background-position: left -72px; }
.btn-shine-default:hover .btn-inner {background-position: right -107px; }

/* input */
.input {display: inline-block; padding: 5px 6px; font-size: 14px; color: #444;
    vertical-align: middle; background-color: #FFF; border: 1px solid #D8D8D8;}
.input-w270h32 {width:256px; height:20px; line-height:20px;}
.input-w220h32 {width:206px; height:20px; line-height:20px;}
.input-w180h32 {width:166px; height:20px; line-height:20px;}
.input-w100h32 {width:86px; height:20px; line-height:20px;}
.indicator-date {background: url('/assets/img/icon/icon-function.png') no-repeat scroll right -23px;}
.hasDatepicker {cursor:pointer;}
.input-disable .input,
.input-disable:focus .input,
.input-disable:hover .input { border: 1px solid #dddddd; background: #f5f5f5; color: #999999; cursor: default; }

/* alert */
.alert {display: inline-block; padding: 9px 5px; margin-bottom: 5px; line-height: 16px; }
.alert .icon {float:left;}
.alert-error, .alert-error h4 {color:#f66; background:#fff2f2;}
.alert-block {padding:14px 10px; margin-bottom:15px;}
.alert-block p {line-height:1.5;}

/* bubble */
.bubble {position: absolute; margin-right:10px;}
.bubble .indicator {display: inline-block; position: absolute; }
.bubble .content {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  display: inline-block; border-width: 1px; border-style: solid; padding: 10px; background: #fff;
  color: #666666; }
.bubble-left {margin-left: 10px; }
.bubble-left .indicator {width: 8px; height: 13px; top: 7px; left: -7px; }
.bubble-white .indicator {background: url(/assets/img/bubble/indicator.png) no-repeat; }
.bubble-white .content {border-color: #dcdcdc; }

/* timepicker */
.ui-timepicker-div .ui-widget-header {display:none;}

/* Modal */
#dev_bindMobile .modal-header {_width:458px;}
#dev_bindMobile #dev_sendCode {*float:left; *padding:0;}
#dev_bindMobile .onError {*padding:0 0 0 25px; *line-height:22px; *zoom:1;}
#dev_bindMobile .btn {*position:static;}
#dev_bindMobile .captcha .inner {*position:static;}
#dev_bindMobile .captcha .inner .audioWrap {*position:static; *margin-top:6px; *margin-left:6px;}
#dev_app .btn {*position:static;}

/* Topic Stylesheet */
#topic-freepick {
    background: #cbe0f2;
    font-family: 'Microsoft Yahei', san-serif;
    min-width:1000px;
}

#topic-freepick .rennab {
    padding-top: 36px;
    padding-bottom: 20px;
    text-align: center;
}

#topic-freepick .rennab .title {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 514px;
    height: 215px;
    background: url(../img/trinity/rennab.png) no-repeat;
    text-indent: -999em;
    font-size: 0;
    color: #cbe0f2;
}

#topic-freepick .route {
    height: 62px;
    background: url(../img/trinity/route.png) repeat-x;
}

#topic-freepick .category .trans {
    float: left;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 326px;
    height: 566px;
    position:relative;
}
#topic-freepick .category .trans .dev_li {
    height:455px;
    width:100%;
    position:relative;
}

#topic-freepick .category .trans .transname,
#topic-freepick .category .trans .desc {
    position: absolute;
    left: 20px;
}

#topic-freepick .category .trans .transname {
    font-size: 36px;
    font-weight: bold;
    top: 13px;
}

#topic-freepick .category .trans .desc {
    font-size: 18px;
    top: 71px;
    line-height: 1.3;
}

#topic-freepick .category .trans .desc b {
    font-weight: bold;
}

#topic-freepick .category .trans .detail {
    width: 286px;
    max-height: 70px;
    height:70px;
    overflow:hidden;
    background: #fff;
    padding:15px;
    position:absolute;
    bottom:0px;
    left:5px;
    color:#fff;
    font-size:16px;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
}
#topic-freepick .category .trans .detail .hand {
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:23px;
    height:15px;
    background:url(../img/trinity/hand.png) no-repeat;
    vertical-align:middle;
}
#topic-freepick .category .trans .detail:hover {
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
}

#topic-freepick .category .trans .detail .figure {
    margin-top:20px;
    margin-bottom:10px;
    border:1px solid #d1bfd4;
    padding:10px;
    line-height:2;
}
#topic-freepick .category .trans .detail .figure_left{
   float: left;
   width: 192px;
}
#topic-freepick .category .trans .detail .figure_right{
   float: left;
   padding-left: 10px;
}

#topic-freepick .category .circle {

    width: 100px;
    height: 100px;
    color: #f3f947;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;  
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 105px;
    text-align: center;
    line-height: 1.3;
    cursor: pointer;
    overflow: hidden;
    opacity:0.7;
    filter: alpha(opacity=70);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transform: scale3d(0.9, 0.9, 0.9);
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);

    /* IE6 7 */
    *width:100%;
    *height:60px;
    *left:0px;
    *bottom:45px;
    *line-height: 60px;
    /* IE 8 9 */
    width:100%\9;
    height:60px\9;
    left:0px\9;
    bottom:45px\9;
    line-height: 60px\9;
    border-radius:0 \9;
}

#topic-freepick .category .circle .arrow {
   
    width: 53px;
    height: 23px;
    margin: 13px auto 0;
    animation: shake .7s linear 0s infinite;
    -moz-animation: shake .7s linear 0s infinite;
    -webkit-animation: shake .7s ease-in-out 0s infinite;
    -o-animation: shake .7s linear 0s infinite;
    *display:none;
    
}

#topic-freepick .category .circle br {
    *display:none;
    display:none\9;
}

#topic-freepick .category .circle:hover {
    opacity:1;
    filter: alpha(opacity=100);
    text-decoration: none;
    transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
    -webkit-transform: scale3d(1,1,1);
}

#topic-freepick .category .circle:hover .arrow {
    animation: none;
    -moz-animation:none;
    -webkit-animation:none;
    -o-animation:none;
}

#topic-freepick .category .rail {
    background: url(../img/trinity/rail.png) no-repeat;
}

#topic-freepick .category .rail .transname
 {
    color: #795a8d;
}
#topic-freepick .category .rail .desc{
   color: #9174a7;
}

#topic-freepick .category .rail .circle {
    background: #f77fa1;
}

#topic-freepick .category .rail .arrow {
    background: url(../img/trinity/arrow-rail.png) no-repeat;
}
#topic-freepick .category .rail .detail {
    background:#856897;
    background:rgba(121, 90, 141, .9);
}

#topic-freepick .category .airplane {
    margin-left: 11px;
    margin-right: 11px;
}

#topic-freepick .category .airplane {
    background: url(../img/trinity/airplane.png) no-repeat;
}
#topic-freepick .category .airplane .transname{
   color: #5985be;
}

#topic-freepick .category .airplane .desc {
    color: #7ca7e1;
}

#topic-freepick .category .airplane .circle {
    background: #79c4fc;
}

#topic-freepick .category .airplane .arrow {
    background: url(../img/trinity/arrow-airplane.png) no-repeat;
}
#topic-freepick .category .airplane .detail {
    background:#5482be;
    background:rgba(69, 117, 184, .9);
}

#topic-freepick .category .bus {
    background: url(../img/trinity/bus.png) no-repeat;
}

#topic-freepick .category .bus .transname{
  color: #f96e49;
}
#topic-freepick .category .bus .desc {
    color: #ff9377;
}

#topic-freepick .category .bus .circle {
    background: #f9a369;
}

#topic-freepick .category .bus .arrow {
    background: url(../img/trinity/arrow-bus.png) no-repeat;
}
#topic-freepick .category .bus .detail {
    background:#fa7a58;
    background:rgba(249, 110, 73, .9);
}

#topic-freepick .discipline {
    margin-top: 25px;
    margin-bottom: 40px;
    color: #7e809a;
}

#topic-freepick .discipline h3 {
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 10px;
}

#topic-freepick .discipline .guide,
#topic-freepick .discipline .share {
    float: left;
}

#topic-freepick .discipline .disciplines {
    background: url(../img/trinity/123.png) 0 3px no-repeat;
    padding-left: 28px;
}

#topic-freepick .discipline .disciplines li {
    font-size: 16px;
    line-height: 1.5;
}

#topic-freepick .discipline .guide {
    width: 822px;
}

#topic-freepick .discipline .share {
    width: 178px;
}
#topic-freepick .discipline .share li {
    float:left;
}
#topic-freepick .discipline .share .channels {
    margin-top:3px;
}
#topic-freepick .discipline .share .sharebuddy {
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:30px;
    height:30px;
    background-image:url(../img/trinity/share.png);
    background-repeat:no-repeat;
    margin-right:15px;
    margin-bottom:3px;
}
#topic-freepick .discipline .share .wechat_wrap {
    position:relative;
}
#topic-freepick .discipline .share .wechat_buddy {
    position:absolute;
    bottom:50px;
    left:-44px;
    height:126px;
    display:none;
    background: url(../img/trinity/tri.gif) center 120px no-repeat;
}
#topic-freepick .discipline .share .wechat_buddy img {
    width:111px;
    height:111px;
    padding:4px;
    border:1px solid #b8b8b8;
    border-bottom:none;
    background:#fff;
}
#topic-freepick .discipline .share .wechat {
    background-position: -105px 0;
}
#topic-freepick .discipline .share .sina {
    background-position: -140px 0;
}
#topic-freepick .discipline .share .tweibo {
    background-position: -175px 0;
}
#topic-freepick .discipline .share .qzone {
    background-position: -105px -35px;
}
#topic-freepick .discipline .share .douban {
    background-position: -140px -35px;
}
#topic-freepick .discipline .share .renren {
    background-position: -175px -35px;
}
#topic-freepick .discipline .share .wechat:hover {
    background-position: 0 0;
}
#topic-freepick .discipline .share .sina:hover {
    background-position: -35px 0;
}
#topic-freepick .discipline .share .tweibo:hover {
    background-position: -70px 0;
}
#topic-freepick .discipline .share .qzone:hover {
    background-position: 0 -35px;
}
#topic-freepick .discipline .share .douban:hover {
    background-position: -35px -35px;
}
#topic-freepick .discipline .share .renren:hover {
    background-position:-70px -35px;
}

#topic-freepick .routeUp {
    height:104px;
    background:url(../img/trinity/activity.png) no-repeat;
    position:relative;
}
#topic-freepick .routeUp .act,
#topic-freepick .routeUp .go {
    display:inline-block;
    *display:inline;
    *zoom:1;
    position:absolute;
}

#topic-freepick .routeUp .act .img{
    opacity: 0.5;
    filter: alpha(opacity=50);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}
#topic-freepick .routeUp .act:hover .img{
    opacity:1;
    filter: alpha(opacity=100);
}
#topic-freepick .routeUp .img{
	position:absolute;
	left:0;
	right:0;
	width:100%;
	height:100%;	
}
#topic-freepick .routeUp .activity1 {
    width:191px;
    height:105px;
    top:0;
    left:1px;
}
#topic-freepick .routeUp .activity1 .img{
	background:url(../img/trinity/activity1.png) no-repeat;
}
#topic-freepick .routeUp .activity2 {
    width:180px;
    height:109px;
    bottom:-1px;
    left:350px;
}
#topic-freepick .routeUp .activity2 .img{
	background:url(../img/trinity/activity2.png) no-repeat;
}
#topic-freepick .routeUp .activity3 {
    width:148px;
    height:119px;
    bottom:-7px;
    right:78px;
}
#topic-freepick .routeUp .activity3 .img{
	background:url(../img/trinity/activity3.png) no-repeat;
}
#topic-freepick .routeUp .go {
    background:#f15548;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    font-size:12px;
    color:#fff;
    padding:0px 4px;
    text-decoration:none;
    font-weight:bold;
}
#topic-freepick .routeUp .go1 {
    top:81px;
    left:80px;
}
#topic-freepick .routeUp .go2 {
    top:77px;
    left:60px;
}
#topic-freepick .routeUp .go3 {
    top:89px;
    right:59px;
}

.captcha{height:auto;}
.captcha .msg{
	width:180px;
}
.modal-mask{width:540px;}
.btn-shine-default{margin-left: 110px;margin-top: 10px;}
.btn-shine-default .btn-inner{padding:0 69px;}

.btn-disable-default .btn-inner{
	cursor:default;
}