/* BASIC css start */
#gallery-list {}
#gallery-list .item-wrap { position: relative; padding: 10px 14px; }
#gallery-list .item-wrap dl:before,
#gallery-list .item-wrap dl:after { content: ""; display: table; }
#gallery-list .item-wrap dl:after { clear: both; }
#gallery-list .item-wrap dt { float: left; position: relative; width: 48px; height: 48px; border: 1px solid #bfc2ca; }
#gallery-list .item-wrap dt img { width: 100%; height: 100%; }
#gallery-list .item-wrap dd.subject { display: table-cell; vertical-align: middle; position: relative; padding-left: 10px; height: 48px; font-size: .75em; font-weight: bold; color: #000; }
#gallery-list .item-wrap dd.link-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#gallery-list .item-wrap dd.link-view a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; }
#gallery-list .title { position: relative; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; background-color: #bfc2ca; }
#gallery-list .title h3 { padding-left: 30px; text-align: left; margin: 0; height: 34px; line-height: 36px; font-size: .75em; font-weight: bold; color: #fff; background: url(/images/d3/m_01/bull/review_title@2x.gif) no-repeat 14px center; background-size: 13px 13px; }
#gallery-list .title .btns { position: absolute; top: 0; right: 14px; }
#gallery-list .search-wrap { position: relative; padding: 10px 14px; background-color: #fff; }
#gallery-list .search-wrap .item-search { position: relative; }
#gallery-list .search-wrap .item-search select{width : 70px;}
#gallery-list .search-wrap .item-search label { display: block; position: absolute; left: 0; top: 4px; color: #000; z-index: 1; font-size: .75em; }
#gallery-list .search-wrap .item-search .wrap { position: relative; padding-left: 75px; padding-right: 60px; }
#gallery-list .search-wrap .item-search .wrap input { width: 100%; height: 25px; }
#gallery-list .search-wrap .item-search a.btn-gray-h25 { position: absolute; top: 0; right: 0; }
#gallery-list .notice-bar { position: relative; padding: 10px 14px; border-top: 1px solid #bdc4c6;  background-color: #fffde8; }
#gallery-list .notice-bar dt { line-height: 1.5em; font-size: .75em; color: #000; font-weight: bold; }
#gallery-list .notice-bar dt strong { padding: 2px 4px; color: #fff; font-size: 1em; background-color: #7e8593; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
#gallery-list .notice-bar dd { margin-top: 5px; font-size: .75em; color: #777; }
#gallery-list .notice-bar dl.loop-notice-dl { padding:2px; border-bottom:1px solid #bdc4c6; } 
#gallery-list .notice-bar dl.loop-notice-dl:last-child{border-bottom:0px;}
#gallery-list .items {}
#gallery-list .items ul { padding: 7px 0 0 7px; border-top: 1px solid #bdc4c6;}
#gallery-list .items li { width: 50%; float: left; margin-bottom: 7px; list-style-type: none; }
#gallery-list .items li.none-data-space { width: 100%; }
#gallery-list .items li dl { position: relative; padding: 15px 4px; margin-right: 7px; border: 1px solid #ccc; min-height:190px; max-height:190px; }
#gallery-list .items li dl .icon { font-size: .7em; margin-top: 5px; }
#gallery-list .items li dl .icon .gray { padding: 2px 2px; color: #fff; font-size: 1em; background-color: #7e8593; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
#gallery-list .items li dl .icon .blue { padding: 2px 2px; color: #fff; font-size: 1em; background-color: #5cb7fa; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
#gallery-list .items li dt { padding: 0 10% 10px 10%; margin-bottom: 10px; border-bottom: 1px solid #aeaeae; text-align: center; }
#gallery-list .items li dt img { width: 100%; max-width: 110px; height: auto; max-height: 150px; }
#gallery-list .items li dd { text-align: center; }
#gallery-list .items li dd h5 { margin: 0; font-size: .75em; font-weight: bold; word-break: break-all; height : 30px;}
#gallery-list .items li dd span { color: #a4a4a4; font-size: .75em; }
#gallery-list .items li dd.link-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#gallery-list .items li dd.link-view a { display: block; width: 100%; height: 100%; text-indent: -9999px; }
#gallery-list .write-btn { text-align: center; padding: 10px 0; border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; }
#gallery-list .none-data { text-align: center; margin: 15px 0; }
/* BASIC css end */

