html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.focus {
	/*Aaron*/
	position: relative; right: 0px; bottom: 0; z-index: 300; overflow: hidden; width: 200px; background: {WRAPBG};
}body { font-family:微軟正黑體; }
a { text-decoration:none; }
img {
  max-width: 100%;

}
/*banner*/
.photo_banner { 
    display:block; 
    width:1170px; 
    height:272px;
    margin:0 auto; 
    background:url(../image/photo2016_bg.jpg) no-repeat;
}
.photo_banner_btn { 
    /*margin:5px 0 0 847px;
    padding-top: 24px;*/
    margin:-220px 0px 0px 815px;
}
.photo_banner_btn li { *display:inline; }
.banner_btn_link { 
    display:inline-block;
    margin:0 1px; 
    padding:10px 12px; 
    color:#fff; 
    font-size:16px; 
    font-weight:400; 
    background:#2693cd; 
    border-radius:4px;
    float:left; 
    position:relative; 
    z-index:50; 
    cursor:pointer; 
}
.banner_btn_link:hover { 
    background:#37a4dd; 
    transition: background-color 0.2s linear; 
}
.photo_wrap { 
    display:block; 
    margin:0 auto; 
    background:#fff; 
    text-align:center; 
}
.photo_nav { 
    display:block; 
    background:#333; 
    height:36px; 
    width:1170px; 
    margin:0 auto; 
}
.photo_nav ul { 
    display:block; 
    height:36px; 
}
.photo_nav li { 
    background:#333; 
    color:#fff; 
    display:inline-block; 
    height:36px; 
    overflow:hidden;
    font-size:16px; 
    font-weight:400; 
    cursor:pointer; 
    margin-left:-3px; 
    zoom:1; 
    *display:inline;
}
.photo_nav li span {
    display:block; 
    padding:10px 20px; 
    color: #fff;
}
.photo_nav li span:hover { 
    background:#2693cd; 
    transition: background-color 0.2s linear; 
}
.home_button { 
    display:block; 
    margin-right:0; 
    padding:0 16px; 
    height:36px; 
}
.home_button:hover { 
    background:#2693cd; 
    transition: background-color 0.2s linear;
}
.photo_month_content{
    width: 1170px;
    margin: 0px auto;
}
/*投票頁*/
.vote_rule{
	font-family: "微軟正黑體","Times New Roman",Georgia,Serif;
	border: 1px solid #2693cd;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    text-align: left;
    margin: 10px 0px 25px 0px;
    box-shadow: 0 0 3px rgba(38,147,205,0.5);
    overflow: hidden;
    height: 160px;
    width: 1146px;
}
.vote_rule_slogan{
	font-family: "微軟正黑體","Times New Roman",Georgia,Serif;
	color: #2693cd;
    font-size: 22px;
    font-weight: bolder;
    margin: 5px 0 10px 0;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #2693cd;
}
.vote_rule_title{
	font-family: "微軟正黑體","Times New Roman",Georgia,Serif;
    color: #2693cd;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
}
.vote_rule_title2{
	font-family: "微軟正黑體","Times New Roman",Georgia,Serif;
    color: #2693cd;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
	margin-bottom:15px;	
}
.vote_rule_content{
	line-height:26px; 
	margin-left:8px;	
}
.vote_rule_content_title{
	list-style:none;
	font-weight: bolder; 
	letter-spacing:1px;	
}
.vote_rule ul {
	font-family: "微軟正黑體","Times New Roman",Georgia,Serif;
    margin: 0 0 0 18px;
    color: #333;
}
.vote_rule li {
	font-family: "微軟正黑體","Times New Roman",Georgia,Serif;
    margin: 10px 0 10px 10px;
    list-style-type: disc;
    font-weight: bold;
    color: #333;
}
.vote_rule_title {
	font-family: "微軟正黑體","Times New Roman",Georgia,Serif;
    color: #2693cd;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
}
.vote_rule_btn {
	font-family: "微軟正黑體","Times New Roman",Georgia,Serif;
    display: inline-block;
    padding: 5px 10px;
    background: #2693cd;
    color: #fff;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold;
    float: right;
    position: relative;
    text-decoration: none;
}
.vote_title { 
    text-align:left; 
    font-size: 32px; 
    color: #2693cd; 
    font-weight: bold; 
    padding:10px 10px 0 10px;
}
.photo_selectsort { 
     
    float:left; 
    font-family:微軟正黑體; 
    font-size:15px; 
	/*Aaron
    margin:10px;
	position:relative;
	bottom:35px;*/
}
#page_digest {
	padding:10px 0;
	overflow:hidden;
}
#page_digest .pg {margin: 0;}

.photo_title{font-size:18px; font-weight: bolder; float: left; margin: 10px 10px 10px 0px;}
.paging{ margin-top: 30px; height: 30px;}

/* Waterfall */
.water_voted {  margin:0; display:block; color:#fff;  font-size:15px; padding:10px 5px; text-align:center; font-weight:bold; background:#666; cursor:pointer; transition: background-color 0.2s linear, color 0.2s linear; }
.water_voted i { color:#666; }
.vote_box { background:url(../image/vote_box.png) 0 0 no-repeat; width:14px !important; height:14px; display:inline-block; margin-right:5px; }
.water_vote:hover .vote_box {  background:url(../image/vote_box.png) 0 -14px no-repeat; }
.water_votenum { font-size:15px; background:#fff; min-width:10px; padding:3px 5px; border-radius:10px; position: absolute; bottom: 7px; right: 8px; }
.water_vote { margin:0; display:block; color:#fff;  font-size:15px; padding:10px 5px; text-align:center; font-weight:bold; background-color:#E91E63; cursor:pointer; }
.water_vote i { color:#e91e63; }
.water_vote:hover { background-color:#EC407A; color:#ff0; transition: color 0.3s linear, background-color 0.2s linear; }


/*高手攝影密技*/
.pic_tips { 
        width: 568px;
    /* height: 140px; */
    float:left; 
    padding: 12px 7px;
    margin: 5px 18px 0px -12px;
    border-radius:5px;
    border: 1px #e4e4e4 solid;
    /* margin: 5px; */
    position: relative;
}
.pic_tips:hover { 
    opacity:0.8;
}
.pic_tips img { 
    /*width:280px;*/ 
    height:147px; 
    float:left; 
    margin-right:10px;  
    border-radius:5px; 
    background:#fff; 
    /*box-shadow: 0px 2px 5px rgba(20%,20%,20%,0.1);
    box-shadow:0 1px 2px #aaa; border:1px solid #ccc;*/
    background-position:center; 
    -moz-background-size:cover; 
    -webkit-background-size:cover; 
    -o-background-size:cover; 
    background-size:cover;
}
.tips_info { 
    width:340px; 
    height:100px; 
    float:left;
    margin-top: 8px;
}
.tips_title a { 
    font-size:16px;
    color:#00a8ff; 
    display:block; 
    overflow:hidden; 
    text-overflow: ellipsis;
    display: inline-block;
    height: 42px; 
    line-height: 21px;
    /*white-space: nowrap;*/
}
.tips_author { 
    font-size:13px; 
    margin-top: 5px;

}
.tips_author a{
    width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    display: inline-block;
}
}
.tips_author a:hover { color:#00a8ff; }
.tips_summary { 
    overflow:hidden; 
    text-overflow: ellipsis; 
    margin-top: 3px;
    line-height: 18px;
}
.tips_summary a { color:#969595; }
.tips_info dd { 
    padding:0px 0px 5px 0px; 
    /*line-height: 18px;*/
    font-size: 13px;
    color:#898686;
}
.pipe { margin:0 5px; }
.tips_container{ width: 1172px;}
.blocktitle{ display: none;}
.pic_more { 
    float:right; 
    padding:5px 10px; 
    color:#fff; 
    font-size:15px; 
    background:#aaa; 
    border-radius:5px; 
    margin: 6px 37px 0px 0px;
}
.pic_more:hover { background:#00a8ff; transition:background-color 0.2s linear; }
#ft {
	padding: 10px 0 8px;
    border-top: 1px solid #CDCDCD;
    line-height: 1.8;
    color: #666;
    margin: 37px auto;
    width: 1175px;
}

/*history*/
.content_nav { display:block; /*width:1170px; */}
.content_nav ul { text-align:left; }
.cont_btn_bg{
    background:#2693cd; 
    color:#fff;
}
.cont_btn { 
    display:inline-block; 
    margin:5px 5px 15px; 
    padding:10px 15px; 
    background:#ccc; 
    color:#666; 
    text-align:center; 
    font-size:15px; 
    cursor:pointer; 
    border-radius:5px; 
    font-weight:bold;
}
.cont_btn i { font-size:15px; }
.cont_btn:hover { 
    color:#fff; 
    background:#2693cd; 
    transition: color 0.2s linear, backgorund-color 0.2s linear; }
.wf_container {position: relative; /*height: 5965px;*/}
.others-tab:hover{color:#fff;}

/* Waterfall */
.waterfall:hover .water_title { 
    color:#00a8ff; 
    transition:color 0.2s linear; 
}

.waterfall_author_share { 
    font-size:13px; 
    color:#aaa; 
}
.water_cite { 
    margin:0; 
    display:block;
    color:#666;  
    font-size:13px; 
    padding:8px 5px; 
    text-align:center; 
    border-top:1px solid #fff; 
}
.waterfall_info { 
    color:#666; 
    padding:0 3px; 
    margin:0 3px;
    border: none; 
}
.waterfall_info:hover { 
    background:#fff; 
    border-radius:3px; transition: background-color 0.2s linear, border 0.2s linear; 
    border: none; 
}
.water_likeicon span{
    color: #666;
    font-weight: 700;
    cursor: pointer;
    border: none;
}
.water_likeicon span:hover{
    color: #f07;
    font-weight: 700;
    cursor: pointer;
    border: none; 
    
}

.waterfall_views { background:url(../image/icon_views.png) no-repeat 0 0 !important; }
.waterfall_favorites { background:url(../image/icon_favorites.png) no-repeat 0 0 !important; }
.waterfall_heart { background:url(../image/icon_heart.png) no-repeat 0 0 !important; }
.waterfall_info_favorites { color:#f70; font-weight:700; cursor:pointer; }
.waterfall_info_favorites:hover { border: none;}
.waterfall_info_heart { color:#f07; font-weight:700; cursor:pointer; border: none;}
.waterfall_info_heart:hover {border: none;}


/* pgs --> pages & postbutton 分頁、發帖按鈕, pgb -->返回首頁, nxt -->下一頁 */
.photo_pg { padding-bottom:20px; }
.pgs #newspecial, .pgs #newspecialtmp, .pgs #post_reply, .pgs #post_replytmp { float: left; margin-right: 5px; margin-bottom:20px; }
.pg { float: right; }
.pg, .pgb { line-height: 26px; }
.pg a, .pg strong, .pgb a, .pg label { float: left; display: inline; margin-left: 4px; margin-right:2px; padding: 0 8px; height: 26px; border: 1px solid; border-color:#ccc !important; background-color:#fff !important; background-repeat: no-repeat; color:#333 !important; overflow: hidden; text-decoration: none; }
.pg a.nxt, .pgb a { padding: 0 10px; }
.pg a:hover, .pgb a:hover { border-color:#666 !important; transition:border-color 0.2s linear; }
.pg a.nxt { padding-right: 25px; /*background-image: url(../../static/image/common/arw_r.gif) !important;*/ background-position: 90% 50%; }
.pg a.prev { /*background-image: url(../../static/image/common/arw_l.gif) !important;*/ background-position: 50% 50%; }
.pg strong { background-color: #4CB5FF !important; color:#FFF !important; }
.pgb a { padding-left: 25px; background-image: url(../../static/image/common/arw_l.gif) !important; background-position: 10px 50%; }
.pg label { cursor: text; }
.ie6 .pg label { padding-top: 3px; height: 23px; }
.pg label .px { padding: 0; width: 25px; height: 16px !important; line-height: 16px; vertical-align:top; margin-top:3px; }

.loading { margin: 5px auto 10px; width:1136px; display: block; height: 40px; line-height: 40px; letter-spacing: 5px; color:#333; text-align: center; border: 1px solid #dcdcdc; border-radius:5px; background-color: #f5f5f5; font-size: 14px; outline: none; box-shadow: 0 1px 0 #f5f5f5; }
.photo_pg { margin-right:16px; }


/*修改跑版*/
.p_pop a {
    display: block;
    padding: 5px 5px;
    border-bottom: 1px solid #ccc;
    white-space: nowrap;
}
.module{/*width:1170px;*/width:1184px;}
.vote_rule_btn {top: -30px;}

.photo_cont { width: 1200px;}
.vote_title{padding: 10px 10px 0px 0px;}

/*.0603*/
.eye_logo{
    margin: 35px 0px 0px 40px;
}

/*waterfall*/
.waterfall { 
    float:left; 
    border-radius:8px; 
    box-shadow: 0px 2px 5px rgba(20%,20%,20%,0.1);
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=2); 
    /* ie */   
    background:#fff; 
    /*margin-top:6px !important; */
    margin:6px 0px 6px 12px; 
    word-wrap:break-word; 
    display:block; 
    visibility:visible;  
    width:276px; 
    text-align:left; 
    cursor:default;
    border: 1px #e0e0e0 solid; 
    _border:1px solid #ccc; 
    *border:1px solid #ccc; 
    overflow:hidden; 
    position: absolute; 
    left: 0px; top: 0px;  
}

.waterfall:hover { 
box-shadow:0 2px 3px #666; 
filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2); /* ie */ 
border-radius:8px; 
}
.waterfall:hover .water_cover img{ 
    -moz-opacity: 0.8; 
    opacity: 0.8; 
    filter: Alpha(Opacity=80); 
    transition: opacity 0.2s linear;
    transform: scale(1.05);
    border-top-left-radius:8px; 
    border-top-right-radius:8px;

}   
.waterfall:hover{box-shadow: 0px 2px 7px rgba(20%,20%,20%,0.2);border-radius:8px;}
/*.waterfall:hover{ color:#00a8ff; transition:color 0.2s linear; }*/

.waterfall_content{     
     /*margin-top: 50px; 
   height: 2000px;暫*/ 
}
.waterfall_content_aa{
    width: 276px;
   /* border-radius: 8px; 
    background: #fff; 
    border: 1px #e0e0e0 solid;
    box-shadow: 0px 2px 5px rgba(20%,20%,20%,0.1);
    margin: 0px 5px 5px 0px;暫*/ 
}
.waterfall_content_aa:hover{/*box-shadow: 0px 2px 7px rgba(20%,20%,20%,0.2);*/}
.waterfall_replies {
    background: url(../image/icon_replies.png) no-repeat 0 0 !important;
}
.waterfall_replies_favorites {
    background: url(../image/icon_heart.png) no-repeat 0 0 !important;
}
.water_title { 
    display:block; 
    padding:7px; 
    color:#333;  
    margin:0px; 
    text-overflow:ellipsis; 
    white-space:nowrap;
    overflow:hidden; 
    word-wrap:normal; 
}
.water_title a:hover { 
    color:#00a8ff; 
    transition: color 0.2s linear; 
}
.water_author { 
    /*    display:block;;border-bottom:1px solid #ccc !important; */ 
    display: inline-block; 
    margin-bottom:-3px; 
    color:#666 !important; 
    font-size:15px; 
    /*padding:0 7px 5px !important;*/ 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    overflow:hidden; 
    word-wrap:normal; 
    width: 100px;
    word-wrap: normal;
}
.water_author_a { 
    color:#00a8ff !important; 
    transition: color 0.2s linear; 
}
.water_author:hover { 
    color:#00a8ff !important; 
    transition:color 0.2s linear; 
}
.water_tips{position: absolute; top:148px; right: 5px;}
.water_titlebox{
    color: #666 !important;
    font-size: 15px;
    padding: 0 5px 6px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
}
.water_titlemessge ,.water_like{
    display: inline-block;  
    color:#666 !important; 
    font-size:14px; 
    /*padding:0 3px 0px !important; margin-bottom: 5px;*/
    text-overflow:ellipsis; 
    white-space:nowrap; 
    overflow:hidden; 
    word-wrap:normal;
    width: 50px;
    *width: 50px;
    _width: 50px;
    margin-bottom: -3px;
     *display: inline;
     *zoom: 1; 
     _display: inline;
     _zoom: 1;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .water_titlemessge ,.water_like { display: inline;}
}

.waterfall_info:hover .waterfall_icon { background-position:0 -14px !important; }
.waterfall_icon_select { background-position:0 -14px !important; }
.waterfall_icon_select_tips { background-position:0 -14px !important; }
.waterfall_icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin: 0 3px 0 0;
}
.water_titlemessge:hover{
    color: #000;

}
.group_list_area{ 
    overflow: hidden; 
    clear: both;
}
.group_list{
    width: 570px;
    border-radius: 8px;
    background: #fff;
    border: 1px #e0e0e0 solid;
    box-shadow: 0px 2px 5px rgba(20%,20%,20%,0.1);
    margin: 5px;
    overflow: hidden;
    float: left;
}
.group_information{
    margin: 12px 0px 0px 19px;
}
.group_analysis{
    background-color: #fafafa; 
    padding-right: 25px;
    margin-top: 5px;
    border-radius: 8px;
    border: 1px #eeeeee solid;
    margin-bottom: 5px;
}
.group_information ,.group_analysis{
    width: 260px;
    float: left;
}
.group_analysis img{
    width: 196px;
    height: 186px;
}
.group_information_img{
    display: inline-block;
    width: 240px;
    height: 140px;
    margin-right: 0;
    margin-bottom:10px; 
    border-radius: 10px;
    background-color: #eee;
    border: 1px solid #ddd;
    box-sizing: border-box;
    overflow: hidden;
}

.group_information_img img {
    border-radius: 10px;
    width: 100%;
    /*height: 140px;*/
    background-size: cover;
    background-position: center;
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.2s linear, transform 0.2s linear;

}

.group_information_title{
    display: inline-block;
    font-size: 24px;
    margin-left: 2px;
    margin-top: 7px;
    margin-bottom: 8px;
}
.group_information_title span{
    font-size: 20px;
    width: 170px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    display: inline-block;
    color: #6dccff;
    font-weight: bolder;
}
.group_information ul{
    margin-left:20px; 
}
.group_information li{
    margin:5px; 
}
.group_total{
    text-align: left;
    padding: 0px 0px 15px 90px;
    letter-spacing: 2px; 
    font-size: 13px;
    overflow: hidden;
    clear: both;
}

.group_total_g{
       /*float:left; 
border: 1px #8fbbda solid;*/ 
    line-height: 14px;
}
.group_total_g_t{
    border-bottom: 1px #8fbbda solid; 
    padding-bottom: 4px;
    font-size: 18px;
}
/**/
.water_cover { 
    position:relative; 
    display:block; 
    text-align: center;
    overflow:hidden; 
    *height:265px; 
} 
.water_cover a { 
    border-top-left-radius:8px; 
    border-top-right-radius:8px; 
    display:block; 
    overflow:hidden; 
    position:relative; 
}
.water_cover img { 
    width:100%;
    border-top-left-radius:8px; 
    border-top-right-radius:8px; 
    margin:auto; 
    opacity: 1;


    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
/*圖片動態效果*/
.pic {
    /*height: 156px;*/
    width: 276px;
    overflow: hidden;
    float: left;
}
.shrink img {
  /*width: 276px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;*/
}
.shrink img:hover {
  /*width: 320px;*/
}

/*雷達圖*/
.chart{    
    margin-top: 18px;
}
.radar-chart .level {
  stroke: grey;
  stroke-width: 0.5;
}
.chart svg{
    /*background-color: #fafafa;
    border: 1px #f7f7f7 solid;border-radius: 6px;*/
     padding: 1px 42px 0px 42px;
}

.radar-chart .axis line {
  stroke: grey;
  stroke-width: 1;
}
.radar-chart .axis .legend {
  font-family: sans-serif;
  font-size: 10px;
}
.radar-chart .axis .legend.top {
  dy:1em;
}
.radar-chart .axis .legend.left {
  text-anchor: start;
}
.radar-chart .axis .legend.middle {
  text-anchor: middle;
}
.radar-chart .axis .legend.right {
  text-anchor: end;
}

.radar-chart .tooltip {
  font-family: sans-serif;
  font-size: 13px;
  transition: opacity 200ms;
  opacity: 0;
}
.radar-chart .tooltip.visible {
  opacity: 1;
}

/* area transition when hovering */
.radar-chart .area {
  stroke-width: 2;
  fill-opacity: 0.5;
}
.radar-chart.focus .area {
  fill-opacity: 0.1;
}
.radar-chart.focus .area.focused {
  fill-opacity: 0.7;
}

.radar-chart .circle {
  fill-opacity: 0.9;
}

/* transitions */
.radar-chart .area, .radar-chart .circle {
  transition: opacity 300ms, fill-opacity 200ms;
  opacity: 1;
}
.radar-chart .d3-enter, .radar-chart .d3-exit {
  opacity: 0;
}
.photo_cf li:hover{
  background:#2693cd;
}

.author_national { 
    font-size:12px; 
    background:#6dccff; 
    font-weight:bold; 
    color:#fff; 
    padding:3px; 
    border-radius:5px; 
    display: inline-block;
}
.axis path, .axis line { fill: none; stroke: #80cbff; }
.axis line:hover{stroke: #000;}
.axis text { fill: #555; }
.line { fill: none; stroke: #80cbff; stroke-width: 1.5px; }

.content{
  display: block; width: 100%; height: 100%;
  min-width: 300px; max-width: 1200px; max-height: 500px; overflow: hidden;
}

.newsbox {
    width: 34px;
    height: 34px;
    margin-left: 0px;
    padding: 0px;
    position: relative;
    border-radius: 4px;
    padding: 2px;
    border: 1px solid #ccc;
}
.newsimg{
    width: 34px;
    height: 34px;
    border-radius: 4px;
}
/*團體賽*/
.grouparea{clear: both; overflow: hidden;}
.grouparea_img{
    width: 112px; 
    float: left; 
    border: 1px solid #ccc;
    margin-bottom: 5px;
    margin-right: 5px;
    border-radius:5px;
    padding: 2px;
}
.grouparea_img a{display: inline-block; float: left; margin-right: 5px;}
.grouparea_img p{    
    font-size: 14px;
    line-height: 17px;
}
.grouparea_title{
    width: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    display: inline-block;
}

/* group bar chart */
.barchart_y_unit {position:relative; top:50px; left: 20px;}

.post-module01-button{margin: 0px 0!important;}

.share_social2 {
    margin: 0 0 20px 150px;
    text-align: left;
    line-height: 29px;
 }

#digest_content{min-height: 120px;}

/* awards */
.awards_title { text-align:left; font-size:32px; color:#2693cd; font-weight:bold; margin:30px 8px 8px; }
.per_awards, .group_awards, .vote_awards { display:flex; flex-wrap:wrap; display:inline-block\9; /* ie 9*/ }
.awards_item { background:#f6f6f6; width:calc(50% - 16px); margin:8px; padding:8px; text-align:left; cursor:default; box-shadow:0 1px 5px rgba(0,0,0,0.3); box-sizing:border-box; border-radius:8px; transition:box-shadow 0.2s linear; display:inline-block\9; /* ie 9*/ width:calc(50% - 18px)\9; /* ie 9*/ vertical-align:top\9; /* ie 9*/ height:310px\9; /* ie 9*/ }
.awards_item:hover { box-shadow:0 1px 5px rgba(0,0,0,0.6); transition:box-shadow 0.2s linear; }
.awards_item .awards_ranking { display:flex; font-weight:bold; }
.awards_item .awards_ranking b { display:block; background:#f00; margin-right:8px; font-size:18px; color:#fff; padding:3px 15px; border-radius:8px; display:inline-block\9; /* ie 9*/ }
.awards_item .awards_ranking a { display:block; font-size:21px; color:#000; transition:color 0.2s linear; display:inline-block\9; /* ie 9*/ }
.awards_item:hover .awards_ranking a  { color:#00a8ff; transition:color 0.2s linear; }
.awards_item .awards_content { display:flex; box-sizing:border-box; }
.awards_item .awards_img_box { display:block; height:140px; width:40%; margin:8px 0; border-radius:5px; border:3px solid #fff; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,0.3); box-sizing:border-box; display:inline-block\9; /* ie 9*/ width:calc(40% - 14px)\9; /* ie 9*/ vertical-align:top\9; /* ie 9*/ }
.awards_item .awards_img { width:100%; height:100%; background-position:center; background-size:cover; filter:brightness(1); transform:scale(1); transition:filter 0.2s linear, transform 0.2s linear; }
.awards_item:hover .awards_img { transform:scale(1.03); transition:filter 0.2s linear, transform 0.2s linear; }
.awards_item .awards_img:hover { filter: brightness(1.2); transition:filter 0.2s linear, transform 0.2s linear; }
.awards_item .awards_info { margin-left:10px; width:60%; font-size:15px; font-weight:bold; color:#000; box-sizing:border-box; display:inline-block\9; /* ie 9*/ }
.awards_item .awards_info ul { margin:8px 0; }
.awards_item .awards_info li { line-height:24px; }
.awards_item .awards_info b { margin-right:8px; }
.awards_item .awards_info .awards_author { color:#000; margin:0 5px; transition:color 0.2s linear; }
.awards_item .awards_info .awards_author:hover { color:#00a8ff; transition:color 0.2s linear; }
.awards_item .awards_info .awards_comment { margin:10px 0 5px; padding:5px 0; border-bottom:1px solid #ccc; }
.awards_item .awards_info .awards_comment_item li { margin-left:18px; font-size:14px; list-style-type:disc; text-align:justify; }

.item_100 { width:calc(100% - 16px); height:300px\9; /* ie 9*/ }
.item_100 .awards_img_box { width:36%; height:240px; width:calc(36% - 14px)\9; /* ie 9*/ }
.item_100 .awards_info { width:64%; }

/* swipebox overwrite */
#swipebox-title { font-family:微軟正黑體; }/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
          transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url(../image/loader.gif) no-repeat center center;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
          transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
          transform: translate3d(0, -50px, 0);
}

#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
}

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(../image/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}

#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}

#swipebox-next {
  background-position: -78px 13px;
  float: right;
}

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}

.swipebox-no-close-button #swipebox-close {
  display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
          animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
          animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
          box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
          box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}

@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }

  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95;
}

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}