/* share
----------------------------------------------------------*/
body { text-align: center; vertical-align: middle; width: 100%; background-repeat: no-repeat; font-size: 15px; margin: 0px;}
div {  background-color: transparent; }
input { border-style: double; vertical-align: middle; display: inline-block; height: 1.7em; font-size: 16px; filter: alpha(opacity=80); opacity: 0.8; }
input:focus { border-style: inset; filter: alpha(opacity=100); opacity: 1; }
input[type=text] { text-align: left; padding: 0 0.3em 0 0.3em; display: inline-block; width: 90%; }
input[type=password] { text-align: left; padding: 0 0.3em 0 0.3em; display: inline-block; width: 90%; }
input[type=submit] { text-align: center; border-style: outset; font-weight: bold; font-size: 18px; padding: 0 0.6em 0.3em 0.6em; }
input[type=reset] { text-align: center; border-style: outset; font-weight: bold; font-size: 18px; padding: 0 0.6em 0.3em 0.6em; }
input[type=button] { text-align: center; border-style: outset; font-weight: bold; font-size: 18px; padding: 0 0.6em 0.3em 0.6em; }
input[type=submit]:hover { filter: alpha(opacity=100); opacity: 1; }
input[type=reset]:hover { filter: alpha(opacity=100); opacity: 1; }
input[type=button]:hover { filter: alpha(opacity=100); opacity: 1; }
input[type=submit]:active { border-style: inset; }
input[type=reset]:active { border-style: inset; }
input[type=button]:active { border-style: inset; }
input[type=radio] { border-style: none; }
select { vertical-align: middle; display: inline-block; width: 94%; border-style: double; height: 1.5em; padding: 0 0 0 0.3em; }
select:focus { border-style: inset; }
a { display: inline-block; }
a, a:link, a:visited { text-decoration: none; }
span { display: inline; }
table { display: inline-table; width: 96%; background-color: Transparent; }
td { text-align: left; padding-left: 0.5em; padding-right: 0.5em; vertical-align: middle; }
td.right { text-align: right; padding-right: 0.7em; }
td.top { vertical-align: top; padding-top: 0.7em; }
td.break { word-break: break-all; }

/* QR Code
----------------------------------------------------------*/
.qr_code { width: 800px; margin: 0 10px 0 0; }
.qr_code .banner { width: 800px; overflow-x: hidden; }
.qr_code .image { width: 800px; height: 600px; background-size: 800px 600px; }
.qr_code .advertising { width: 800px; height: 200px; }
.qr_code .message { width: 720px; font-size: 48px; text-align: left; padding: 0 40px; word-break: normal; margin-bottom: 5px; }
.qr_code .message div, .qr_code .message p { width: 720px; text-align: left; }
.qr_code .login { width: 392px; height: 130px; font: 900 63px/110px Arial; border: solid 2px #ebebeb; margin: 0; background-color: #F6F6F6; background-size: 100% 100%; color: #BBBBBC; float: left; }
.qr_code .shareBlock .share { width: 133px; font: 900 63px/110px Arial; margin: 0; background-color: #F6F6F6; background-size: 100% 100%; color: #BBBBBC; float: left; }
.qr_code .shareShow { width: 800px; border: 0; background-image: url(''); }
.qr_code .shareHide { width: 800px; border: 0; background-image: url('');}
.qr_code .mobile_button { width: 710px; border-radius: 40px; font-size: 80px; text-align: center; vertical-align: bottom; padding: 0 40px; margin: 2px 0; height: 132px; line-height: 132px; overflow: hidden; }
.qr_code p { margin: 3px 0; }
.qr_code .multi { width: 800px; padding: 0; margin-top: 0; }
.qr_code .multi ul { width: 800px; padding: 0; margin: 0; }
.qr_code .multi li{ width: 800px; }
.qr_code .multi .imgs{ width: 800px; height: 800px; background-color: #000; display: table-cell; vertical-align: middle; background: no-repeat center center; background-size: cover; }
.qr_code .multi img{ min-width: 800px; min-height: 800px; border: 0; display: block; margin: auto; }

/* New QR Code
----------------------------------------------------------*/
.n_qr_code { width: 100%; margin: 0 0 0 0; }
.n_qr_code .banner { width: 100%; overflow-x: hidden; }
.n_qr_code .image { width: 800px; height: 600px; background-size: 800px 600px; }
.n_qr_code .advertising { width: 800px; height: 200px; }
.n_qr_code .message { width: 800px; font-size: 48px; text-align: left; padding: 0 0px; word-break: normal; margin-bottom: 5px; }
.n_qr_code .n_message { width: 800px; font-size: 48px; text-align: left;padding: 0 0px; margin:0px 0; word-break: normal; margin-bottom: 0px; }
.n_qr_code .message div, .qr_code .message p { width: 720px; text-align: left; }
.n_qr_code .login {padding: 0 0px; width: 392px; height: 130px; font: 900 63px/110px Arial; border: solid 2px #ebebeb; margin: 0; background-color: #F6F6F6; background-size: 100% 100%; color: #BBBBBC; float: left; }
.n_qr_code .shareBlock .share { width: 133px; font: 900 63px/110px Arial; margin: 0 auto; background-color: #F6F6F6; background-size: 100% 100%; color: #BBBBBC; float:left; }
.n_qr_code .shareShow { width: 800px; border: 0; background-image: url(''); margin: 0;}
.n_qr_code .shareHide { width: 800px; border: 0; background-image: url('');margin: 0;}
.n_qr_code .n_mobile_button {width: 800px; border-radius: 40px; font-size: 80px; text-align: center; vertical-align: bottom; padding: 0 0px; margin:2px 0;  overflow: hidden; }
.n_qr_code .n_mobile_button2 {width: 800px; border-radius: 40px; font-size: 80px; text-align: center; vertical-align: bottom; padding: 0 0px; margin:0px 0;  overflow: hidden; }
.n_qr_code p { margin: 3px 0; }
.n_qr_code .multi { width: 800px; padding: 0; margin-top: 0; }
.n_qr_code .multi ul { width: 800px; padding: 0; margin: 0; }
.n_qr_code .multi li{ width: 800px; }
.n_qr_code .multi .imgs{ width: 800px; height: 800px; background-color: #000; display: table-cell; vertical-align: middle; background: no-repeat center center; background-size: cover; }
.n_qr_code .multi img{ min-width: 800px; min-height: 800px; border: 0; display: block; margin: auto; }

.highlight { color: #FDFDDD; }
.index_button { margin: 10px 20px 0 0; }
.index_img { width: 303px; height: 215px; background: #FFFFFF url('') no-repeat; border-radius: 10px; -webkit-animation: border_colors 7s infinite; -moz-animation: border_colors 7s infinite; -o-animation: border_colors 7s infinite; }
.center { text-align: center; }
.shadow { box-shadow: 6px 6px 6px #888888; }
.edit_table td { border: outset LightGray; height: 1.7em; background-color: White; }
.selected_table { background-color: White; }
.selected_table td { border: solid LightGray; border-width: thin; height: 1.7em; }
.template_table td { padding-left: 0px; padding-right: 0px; }
.error { font-size: 26px; color: Red; }
.error_table { width: 60%; font-size: 26px; color: Red; border: 0; }
.button { }


/* Member
----------------------------------------------------------*/
.member { background-color: #CCCCCC; background-image: -webkit-linear-gradient(top, #999999, #FFFFFF); background-image: -moz-linear-gradient(top, #999999, #FFFFFF); background-image: -o-linear-gradient(top, #999999, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#FFFFFF'); }
.member img { box-shadow: 4px 4px 4px #888888; }
.member input { text-shadow: 3px 3px 3px #FFAAAA; border-color: #AAAAAA; box-shadow: 4px 4px 4px #888888; }
.member input[type=text] { background-color: #F3F3F3; }
.member input[type=password] { background-color: #F3F3F3; }
.member input[type=submit] { background-color: #AACCFF; background-image: -webkit-linear-gradient(top, #AACCFF 45%, #224444 55%); background-image: -moz-linear-gradient(top, #AACCFF 45%, #224444 55%); background-image: -o-linear-gradient(top, #AACCFF 45%, #224444 55%); background-image: -linear-gradient(top, #AACCFF 45%, #224444 55%); color: #FFFFFF; }
.member input[type=reset] { background-color: #AACCFF; background-image: -webkit-linear-gradient(top, #AACCFF 45%, #224444 55%); background-image: -moz-linear-gradient(top, #AACCFF 45%, #224444 55%); background-image: -o-linear-gradient(top, #AACCFF 45%, #224444 55%); background-image: -linear-gradient(top, #AACCFF 45%, #224444 55%); color: #FFFFFF; }
.member input[type=button] { background-color: #AACCFF; background-image: -webkit-linear-gradient(top, #AACCFF 45%, #224444 55%); background-image: -moz-linear-gradient(top, #AACCFF 45%, #224444 55%); background-image: -o-linear-gradient(top, #AACCFF 45%, #224444 55%); background-image: -linear-gradient(top, #AACCFF 45%, #224444 55%); color: #FFFFFF; }
.member input[type=radio] { box-shadow: 0px 0px 0px; }
.member select { border-color: LightGray; box-shadow: 3px 3px 3px #888888; text-shadow: 2px 2px 2px #AA0000; background-color: #FFFFCC; }
.member th { background-color: #557777; text-shadow: 2px 2px 2px #FFAAAA; color: White; }
.member td { text-shadow: 3px 3px 3px #FFAAAA; }
.member td.style_1 { background-color: #557777; color: #FFFFFF; font-weight: bold; }
.member .regist { overflow-y: scroll; width: 270px; height: 350px; text-align: left; background-color: #FFFFEE; font-size: 12px; padding: 0 5px 0 5px; }
.member .regist span { font-size: 12px; font-weight: bold; margin: 0 0 5px 0; color: DarkBlue; }
.member .regist_title { font-size: 20px; font-weight: bolder; width: 100%; color: #EE0055; margin: 15px 0 10px 0; }

/* Title
----------------------------------------------------------*/
.title td { background-color: #445588; color: White; height: 1.5em; font-size: 20px; border-radius: 10px; font-weight: bolder; }
.title .logout { background-color: #AA0000; width: 2.5em; }
.title .logout:hover { background-color: #FF0000; }

/* Page Footer
----------------------------------------------------------*/
.last_page { width: 65px; text-align: center; color: #FFFFFF; padding-right: 5px; background: -moz-linear-gradient(300deg, transparent 15px, #0000AA 30px); background: -webkit-linear-gradient(300deg, transparent 15px, #0000AA 30px); background: -ms-linear-gradient(300deg, transparent 15px, #0000AA 30px); background: -o-linear-gradient(300deg, transparent 15px, #0000AA 30px); background: linear-gradient(300deg, transparent 15px, #0000AA 30px); }
.next_page { width: 65px; text-align: center; color: #FFFFFF; padding-left: 5px; background: -moz-linear-gradient(240deg, transparent 15px, #0000AA 30px); background: -webkit-linear-gradient(300deg, transparent 15px, #0000AA 30px); background: -ms-linear-gradient(240deg, transparent 15px, #0000AA 30px); background: -o-linear-gradient(240deg, transparent 15px, #0000AA 30px); background: linear-gradient(240deg, transparent 15px, #0000AA 30px); }
.last_page, .next_page{ background: url('') no-repeat; border:0px; width:81px; height:31px; padding:0px; margin:0px;}


/* Qrcode
----------------------------------------------------------*/
.qrcode{ font-size:18px; width:100%; background-color:#e6e6e6; padding: 0px; }
.qrcode .red{ color:Red}
.qrcode ul li{ list-style:none; display:block; text-align:left;}
.qrcode .details{text-align:left; display:block;}
.qrcode .details p{ line-height:18px; padding:0px; margin:0px;}
.qrcode div{display:block; word-break:break-all; word-wrap: break-word; }
.qrcode  ul { width: 100%; padding: 0px; margin: 0px;}
.qrcode  li { width: 100%;}
.ques_banner { width: 100%; min-height: 41px; color: #444; background: url('') repeat-y; font: bolder 18px/38px OPEFONT; text-align:center; }


.ques_group_top{width: 99%;background: url('') no-repeat; background-size: 100% 12px; height:12px; margin:0px auto; margin-top:10px;}
.ques_group { width: 95%; margin:0px auto; background: url('') repeat-y; background-size: 100% 2px; padding:5px 2%; min-height:250px; overflow-y:auto; overflow-x:hidden;}
.ques_group_bottom{width: 99%;background: url('') no-repeat; background-size: 100% 12px; height:12px;margin:0px auto;}
 
.ques_text { padding:5px 10px; }
.ques_text .ques_option input { border: 1px solid #ffae3a; }
.ques_context {width: 270px; margin:0px auto; padding:5px; text-align:left;  }
.ques_title{ min-height:32px; line-height:20px; font-size:17px; font-weight:bold; margin-left:8px;}
#pagenavi{width: 100%;height:61px;background: url('') no-repeat; background-size: 100% 100%; margin-top:345px; padding-top:4px;}
.ques_foot { position:absolute; top:370px; text-align:center; width:100%; }
.ques_foot input[type=button] { text-align: center; font-weight: bold; font-size: 14px; padding: 0 0.6em 0.3em 0.6em; background: url('') no-repeat; border:0px; width:62px; height:24px; opacity: 1; letter-spacing:4px;}
.ques_foot1 { position:absolute; top:370px; text-align:center; width:100%; }
.ques_foot1 input[type=button] { text-align: center; font-weight: bold; font-size: 14px; background: url('') no-repeat; border:0px; width:62px; height:24px; opacity: 1; letter-spacing:0px;}
.ques_option{ width: 85%; padding: 5px; font-size: 17px; vertical-align: top; background-color: #ddd; border: 1px solid #fff; display: inline-block !important; }
    .ques_option input[type=radio], .ques_option input[type=checkbox] { height: 17px; }
.ques_option input[type=text]{ width:85%; border:0px; border: 1px solid #b3b3b3; height:20px; float:right;} 
.pager table td{ padding-right:0px;}
.qrcode a.pon{ width:11px; height:12px;  background: url('') no-repeat;}
.qrcode a.poff{ width:12px; height:12px;  background: url('') no-repeat;}

#ques { background: url('') repeat-y; background-size: 100% 4px; }
#ques ul li{ margin-top:10px; }
#ques ul li input[type=text]{ width:85%; height:26px; margin-left:15px; } 
#ques ul li .no { display:block; float:left}
#ques ul li .name{ margin-left:8px;} 
#ques ul li #ts{margin-left:15px; }

#ques .ques_banner,#QRCodeQues .ques_banner{ width: 100%; min-height: 41px; background: url('') no-repeat; background-size: 100% 100%; }
#ques .ques_foot{position:relative; top:10px; height:40px;background: url('') no-repeat; background-size: 100% 100%; }
#ques input, #ques textarea { border: 1px solid #aaa; }


#MyQRNewsPreview { background-color:#ddd; background: url('') repeat-y; background-size: 100% 4px; }
#MyQRNewsPreview .list { height: 100%; min-height:300px; overflow-y:auto;}
#MyQRNewsPreview .list .line {height:61px;background: url('') no-repeat; background-size: 100% 100%; cursor:pointer; vertical-align:middle; text-align:left; padding:10px 10px; }
#MyQRNewsPreview .list .line .left{ float:left; text-align:center; width:25%; height:60px; vertical-align:middle; line-height:58px;}
#MyQRNewsPreview .list .line .right{ float:right; text-align:left;width:75%; }
#MyQRNewsPreview .title{ height:40px; letter-spacing:5px; background-color:#ffc476; line-height:40px;background: url('') no-repeat; background-size: 100% 100%;  }
#MyQRNewsPreview .title_ex{background: url('') no-repeat; background-size: 100% 100%;}
#MyQRNewsPreview .title span{ width:49px; height:24px; display:inline-block; letter-spacing:2px; float:left; line-height:24px; margin:8px 0px 0px 20px;cursor:pointer; }
#MyQRNewsPreview .title .span1{background: url('') no-repeat;}
#MyQRNewsPreview .title .searchbtn{ width: 55px; height: 40px; float: right; background: url('') no-repeat; cursor: pointer;}
#MyQRNewsPreview .search { width: 98%; display: none; position: absolute; left: 0; top: 40px; background: url('') repeat-y; background-size: 100% 6px; }
#MyQRNewsPreview .search .item{ width: 100%; height: 25px; padding: 10px 5px; }
#MyQRNewsPreview .search .item .tag{ width: 70px; height: 25px; float: left; text-align: left; font: 600 16px/25px Arial; }
#MyQRNewsPreview .search .item input, #MyQRNewsPreview .search .item select{ float: left; width: 70%; min-width: 180px; height: 25px; }
#MyQRNewsPreview .search .item input{ float: left; width: 66%; min-width: 180px; height: 25px; }
#MyQRNewsPreview .search .btn{ width: 133px; height: 33px; background: url('') no-repeat; border: 0; letter-spacing: 10px; margin: auto auto; vertical-align: bottom; font: 600 16px/25px Arial; cursor: pointer; }
#MyQRNewsPreview .list .img { height: 65px; width: 65px; vertical-align:middle; background: no-repeat center center; background-size: cover;}
#MyQRNewsPreview .details{ font-size:14px;  min-height:300px;}
#MyQRNewsPreview .details p{ line-height:20px;}
#MyQRNewsPreview .img_group{ height:720px; text-align:center; padding-top:5px; overflow: hidden; visibility: visible; list-style: none; position: relative; }
#MyQRNewsPreview .img_group ul li{ text-align:center;height:720px; background-color: #ddd; }
#MyQRNewsPreview .img_group .img_size{ height:720px; vertical-align:middle;float:none; line-height:720px; background: no-repeat center center; background-size: cover;}
#MyQRNewsPreview .img_group img{max-height: 720px; max-width: 720px; vertical-align:middle;}
#MyQRNewsPreview .details .text{ padding:8px; font-size:20px; line-height: 30px;word-break: normal; }
#MyQRNewsPreview .details .text p { line-height: 26px; }
#MyQRNewsPreview #page{width: 100%;padding-top:4px; text-align:center; margin-top:8px; }
#MyQRNewsPreview a.pon{ width:11px; height:12px;  background: url('') no-repeat;}
#MyQRNewsPreview a.poff{ width:12px; height:12px;  background: url('') no-repeat;}
#MyQRNewsPreview .h{border-top:1px solid #ccc; margin-top:15px; width:100%;}
#MyQRNewsPreview .news_button{ height:50px;background: url('') no-repeat; background-size: 100% 100%; line-height: 50px; font-size: 15px; text-align: center; cursor: pointer; }

#QRCodeQues { background: url('') repeat-y; background-size: 100% 4px; }

.news_paged { width: 100%; height: 40px; font-size: 16px; font-weight: bold; background: url('') no-repeat; background-size: 100% 100%; }
    .news_paged div { width: 80px; height: 30px; padding-top: 10px; }
    .news_paged span {  margin: 8px auto 0 auto; background: url('') no-repeat; width:49px; height:24px; letter-spacing:2px; line-height:24px; cursor:pointer; display: inline-block; }
.news_paged .last_page { background: url('') no-repeat; background-size: 80px 40px; float: left !important; cursor: pointer; }
.news_paged .next_page { background: url('') no-repeat; background-size: 80px 40px; float: right !important; cursor: pointer; }
    .news_paged span { display: inline-block;}