﻿@import url(base.css);
.jc-null{clear:both; overflow:hidden; text-align:left; padding-top:10px;}
.jc_index_menu{clear:both; overflow:hidden; margin:5px;}
.jc_index_menu .jc_menu_row{clear:both; overflow:hidden;}
.jc_index_menu .jc_menu_row ul li{width:25%; float:left;}
.jc_index_menu .jc_menu_row ul li a{display:block; height:68px; color:#ffffff; text-align:center; padding-top:12px; font-size:14px;}
.jc_index_menu .jc_menu_row ul li a img{width:40px; height:40px; margin-bottom:0px;}
.jc_index_menu .jc_menu_row ul li a.jc_menu_01{background-color:#00a000; margin-right:5px;}
.jc_index_menu .jc_menu_row ul li a.jc_menu_02{background-color:#00869c; margin-right:5px;}
.jc_index_menu .jc_menu_row ul li a.jc_menu_03{background-color:#5636b1; margin-right:5px;}
.jc_index_menu .jc_menu_row ul li a.jc_menu_04{background-color:#8e0096;}
.jc_index_menu .jc_menu_row ul li a.jc_menu_01:hover{background-color:#026c02;}
.jc_index_menu .jc_menu_row ul li a.jc_menu_02:hover{background-color:#026879;}
.jc_index_menu .jc_menu_row ul li a.jc_menu_03:hover{background-color:#36178d;}
.jc_index_menu .jc_menu_row ul li a.jc_menu_04:hover{background-color:#5a015f;}
.jc_index_menu .jc_menu_column{clear:both; overflow:hidden; margin-top:5px;}
.jc_index_menu .jc_menu_column .jc_column{height:200px; width:50%; float:left;}
.jc_index_menu .jc_menu_column .jc_column a.jc_menu_05{background-color:#bb1d48; margin-right:5px; display:block; height:165px; padding-top:35px; text-align:center; font-size:14px; color:#ffffff;}
.jc_index_menu .jc_menu_column .jc_column a.jc_menu_05 img{width:100px; height:100px; margin-bottom:0px;}
.jc_index_menu .jc_menu_column .jc_column a.jc_menu_05:hover{background-color:#93072d;}
.jc_index_menu .jc_menu_column .jc_column .line{height:115px;}
.jc_index_menu .jc_menu_column .jc_column .line a.jc_menu_06{background-color:#db562d; display:block; height:110px; padding-top:5px; text-align:center; font-size:14px; color:#ffffff;}
.jc_index_menu .jc_menu_column .jc_column .line a.jc_menu_06 img{width:80px; height:80px; margin-bottom:0px;}
.jc_index_menu .jc_menu_column .jc_column .line a.jc_menu_06:hover{background-color:#a02b07;}
.jc_index_menu .jc_menu_column .jc_column .last{height:80px; margin-top:5px;}
.jc_index_menu .jc_menu_column .jc_column .last ul li{width:50%; float:left;}
.jc_index_menu .jc_menu_column .jc_column .last a{display:block; height:68px; color:#ffffff; text-align:center; padding-top:12px; font-size:14px;}
.jc_index_menu .jc_menu_column .jc_column .last a img{width:40px; height:40px; margin-bottom:0px;}
.jc_index_menu .jc_menu_column .jc_column .last a.jc_menu_07{background-color:#2d8aef; margin-right:5px;}
.jc_index_menu .jc_menu_column .jc_column .last a.jc_menu_08{background-color:#e57e22;}
.jc_index_menu .jc_menu_column .jc_column .last a.jc_menu_07:hover{background-color:#0a4f99;}
.jc_index_menu .jc_menu_column .jc_column .last a.jc_menu_08:hover{background-color:#b95d0b;}

.toolbar {
    width: 100%;
    height: 35px;
    line-height: 35px;
    z-index: 3;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
}
.toolbar .fixed-black {
    display: block;
    margin: 0 auto;
    min-width: 320px;
    height: 35px;
    top: 0;
    border-bottom: 1px solid #464747;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    background-image: -o-linear-gradient(bottom, #212C30 0%, #121619 100%);
    background-image: -moz-linear-gradient(bottom, #212C30 0%, #121619 100%);
    background-image: -webkit-linear-gradient(bottom, #212C30 0%, #121619 100%);
    background-image: -ms-linear-gradient(bottom, #212C30 0%, #121619 100%);
    background-image: linear-gradient(to bottom, #212C30 0%, #121619 100%);
}
.ui-title {
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    display: block;
    margin: 10px 70px 0;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    outline: 0 !important;
    display: none;
    text-indent: -10px;
    color: #FFF;
    text-shadow: 0 1px #3C63B9;
}

.ui-btn-back, .ui-btn-refresh, .ui-btn-menu, .ui-btn-home {
    display: block;
    position: absolute;
    width: 33%;
    height: 35px;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
}
.ui-btn-back {
    top: 0px;
    left: 0px;
    background: url(../images/back.png) no-repeat center center,-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)),color-stop(50%,rgba(255,255,255,0.8)), to(rgba(255,255,255,0.1))) no-repeat right center;
    background-size: 24px auto,1px 80%;
}
.ui-btn-refresh {
    top: 0px;
    right: 0px;
    background: url(../images/refresh.png) no-repeat center center,-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)),color-stop(50%,rgba(255,255,255,0.8)), to(rgba(255,255,255,0.1))) no-repeat right center;
    background-size: 28px auto,1px 80%;
}
.ui-btn-menu {
    top: 0px;
    right: 0px;
    background: url(../images/menu.png) no-repeat center center;
    background-size: 24px auto;
}
.ui-btn-home {
    top: 0px;
    right: 0px;
    background: url(../images/home.png) no-repeat center center,-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)),color-stop(50%,rgba(255,255,255,0.8)), to(rgba(255,255,255,0.1))) no-repeat right center;
    background-size: 24px auto,1px 80%;
}
.ui-btn-center {
    position: relative;
    margin: 0 auto;
}
.ui-btn-submit{
	width:100%; padding:9px 0px;font-size:16px;text-decoration:none; margin:5px 0px;
	background-color:#179F00;border:1px solid #0B8E00;
	background-image:linear-gradient(bottom,  #179F00 0%, #5DD300 100%);background-image:-o-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-moz-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-webkit-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-ms-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #179F00),color-stop(1, #5DD300));
	-webkit-box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; 
	color:#ffffff; display:block; text-align:center; text-shadow:0 1px rgba(0, 0, 0, 0.2);
	cursor:pointer;	
}
.ui-btn-submit:active{
	padding:9px 0px;top:0px;
	background-image:linear-gradient(bottom, #5DD300 0%, #179F00 100%);background-image:-o-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-moz-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);background-image:-webkit-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-ms-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #5DD300),color-stop(1, #179F00));
	-webkit-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
}
#popmenu {
    cursor: pointer;
    display: block;
    text-align: center;
    margin: 0 auto;
    line-height: 35px;
    color: #FFFFFF;
}
#popmenuXX:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -2px;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #ffffff transparent;
}
#overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    z-index: 4;
}
#win {
    position: fixed;
    top: 45px;
    right: 10px;
    width: auto;
    margin: 0 0 0 -100px;
    display: none;
    z-index: 5;
}
.dropdown {
    /* Size and position */
    position: relative;
	display:block;
    margin: 0 auto;
    padding: 0px;
    /* Styles */
    background-color: rgba(0,0,0,0.8);
    border-radius: 5px;-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; 
    border: 1px solid rgba(0,0,0,0.15);
	box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15);-o-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    outline: none;
	list-style: none outside none;
}
.dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 20%;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: rgba(47, 47, 47, 0.9) transparent;
 }
.windowlistX:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 88px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;
}
.dropdown li {
    display: block;
    height: 32px;
    border-top: 1px solid rgb(64, 72, 75);
    border-bottom: 1px solid rgb(0, 6, 9);
    padding: 0px 10px;
    text-align: left;
}
.dropdown li span{
    color: #FFFFFF;
	line-height: 37px;
    display: block;
    font-size: 15px;
    height: 32px;
    text-align: center;
    text-shadow: 0 2px 2px #000000;
    width: 100%;
}
.dropdown li:hover {
    background-color: rgba(0, 0, 0, 0.9);
}
.jc_main{padding-left:5px; padding-right:5px; padding-top:45px; clear:both; overflow:hidden;}
.jc_seat_page{border-bottom:solid 1px #d0d1d4; padding-bottom:5px; font-size:0.875em;}
.jc_seat_page em{padding-left:3px; padding-right:3px; color:#888888; font-style:normal;}
.jc_part{clear:both; overflow:hidden; margin-top:5px;}
.jc_part ul li{width:25%; float:left;}
.jc_part ul li a {
    display: block;
    margin: 8px 3px;
    padding: 5px 0px;
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px rgb(190, 190, 190);
    -moz-box-shadow: 0px 1px 3px rgb(190, 190, 190);
    -o-box-shadow: 0px 1px 3px rgb(190, 190, 190);
    box-shadow: 0px 1px 3px rgb(190, 190, 190);
    text-align: center;
    font-size:0.875em;
}
.jc_part ul li a.jc_current {
    color: #ffffff;
    background: #097bd0;
}
.jc_content{clear:both; overflow:hidden; padding:15px 0px 20px 0px;}
.jc_content .single{clear:both; overflow:hidden; word-wrap:break-word; word-break:break-all; line-height:170%;}
.jc_content .single img{width:100%; max-width:100%;}
.jc_content .single p{padding-bottom:10px;}
.jc_article {
    clear: both;
    overflow: hidden;
    border-radius: 5px 5px 10px 10px;
    -moz-border-radius: 5px 5px 10px 10px;
    -webkit-border-radius: 5px 5px 10px 10px;
    -o-border-radius: 5px 5px 10px 10px;
    border: 1px solid #d0d1d4;
    padding: 10px 8px 10px 8px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    background: url(../images/bottom.png) repeat-x scroll left bottom #FFFFFF;
    background-size: 2px auto;
    margin-bottom: 10px;
}
.jc_article .jc_t{word-wrap:break-word; word-break:break-all; line-height:130%; clear:both; overflow:hidden; font-size:1.2em; font-weight:bold;}
.jc_article .jc_t a{font-size:1.2em; font-weight:bold;}
.jc_article .jc_img{clear:both; overflow:hidden; margin-top:15px;}
.jc_article .jc_img img{width:100%; max-width:100%;}
.jc_article .jc_c{height:35px; line-height:35px;}
.jc_article .jc_brief{word-wrap:break-word; word-break:break-all; line-height:150%; padding:5px 2px;}
.jc_article .jc_details{height:35px; line-height:35px; border-top:1px solid #d7d7d7; margin-top:5px;}
.jc_article_brief{padding:10px 0px 7px 0px; clear:both; overflow:hidden; border-bottom:1px dashed #ddd;}
.jc_article_brief .title{font-size:1.5em; color:#000000; text-align:left; padding-bottom:10px; display:block;}
.jc_article_brief .date{font-size:1em; color:#999999; text-align:left; display:block;}

.jc_details_product{clear:both; overflow:hidden;}
.jc_details_product .jc_img{clear:both; overflow:hidden; margin-top:15px;}
.jc_details_product .jc_img img{width:100%; max-width:100%;}
.jc_details_product .jc_brief{clear:both; overflow:hidden; margin-top:15px; line-height:27px;}
.jc_details_name{font-size:1.3em; height:37px; line-height:37px; font-weight:bold; border-bottom:1px dashed #ddd;}

.jc_article_content{word-wrap:break-word; word-break:break-all; line-height:150%; clear:both; overflow:hidden; padding:15px 0px 15px 0px;}
.jc_article_content img{width:100%; max-width:100%; height:auto; max-height:auto;}
.jc_article_content p{padding-bottom:10px;}
.jc_article_content p a{color:#E40000; text-decoration:none;}
.jc_article_content p a:hover{text-decoration:none;}
.jc_article_prev_next{border-top:solid 1px #e2e2e2; padding-top:10px; height:60px;}
.jc_article_prev_next span{display:block; height:25px; line-height:25px; text-align:left; overflow:hidden;}
.jc_article_prev_next span em{color:#097bd0; font-style:normal;}
.jc_product{clear:both; overflow:hidden;}
.jc_product .jc_list_cat{height:35px; line-height:35px; border-bottom:1px solid #d0d1d4; clear:both;}
.jc_product .jc_list_cat span{float:right;}
.jc_product .jc_list_cat h2{float:left; text-align:left; font-size:1.2em;}
.jc_product .jc_list_cat h2 a{font-size:1.2em; background-image:url(../images/circle.png); background-repeat:no-repeat; background-position:0px 9px; padding-left:12px;}
.jc_product .jc_list_pro{clear:both; overflow:hidden; margin-top:10px; margin-bottom:10px;}
.jc_product .jc_list_pro ul li{width:33%; float:left; margin-bottom:10px;}
.jc_product .jc_list_pro .jc_con{padding-left:3px; padding-right:3px; clear:both; overflow:hidden;}
.jc_product .jc_list_pro .jc_img img{width:100%; max-width:100%;}
.jc_product .jc_list_pro .jc_name{height:30px; line-height:30px; text-align:center; overflow:hidden;}
.jc_con_list_common {
    clear: both;
    overflow: hidden;
    border-radius: 5px 5px 10px 10px;
    -moz-border-radius: 5px 5px 10px 10px;
    -webkit-border-radius: 5px 5px 10px 10px;
    -o-border-radius: 5px 5px 10px 10px;
    border: 1px solid #d0d1d4;
    padding: 10px 8px 15px 8px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    background: url(../images/bottom.png) repeat-x scroll left bottom #FFFFFF;
    background-size: 2px auto;
    margin-bottom: 10px;
}
.jc_rec_content{clear:both; overflow:hidden; padding:5px 0px 5px 0px;}
.jc_rec_content .jc_times{height:20px; line-height:20px; color:#888888;}
.jc_rec_content .jc_title{padding:5px 0px 5px 0px; clear:both; overflow:hidden; font-size:23px; font-weight:bold; color:#097bd0;}
.jc_rec_content .jc_rec_brief{clear:both; overflow:hidden; margin-top:20px;}
.jc_rec_content .jc_rec_brief .jc_t{height:35px; line-height:35px; font-size:1.2em; font-weight:bold;}
.jc_rec_content .jc_rec_brief .jc_brief{clear:both; overflow:hidden; word-wrap:break-word; word-break:break-all; line-height:150%;}

.jc_go_re_list{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #d0d1d4; height:40px; line-height:40px; text-align:center; background-color:#ffffff;}
.jc_go_re_list a{background-image:url(../images/re.png); background-repeat:no-repeat; background-position:0px 13px; padding-left:20px; display:inline-block; font-weight:bold; font-size:1em;}

.jc_gotop{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #d0d1d4; height:40px; line-height:40px; text-align:center; background-color:#ffffff; margin:0px 5px 0px 5px;}
.jc_gotop a{background-image:url(../images/top.png); background-repeat:no-repeat; background-position:0px 13px; padding-left:14px; display:inline-block; font-weight:bold; font-size:1em;}
.jc_footer{text-align:center; padding-top:10px; font-size:0.875em; color:#666666; line-height:27px;}
.jc_footer a{color:#666666;}
.jc_footer a:hover{color:#097bd0;}