/************** CSS Reset **************/
body, h1, h2, h3, h4, h5, h6, hr, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, legend, button,form, input, textarea, th, td ,article ,aside, dialog, footer, header, section, footer, nav, figure, menu{ margin: 0; padding: 0; }

html, body {
	font-family:Microsoft YaHei,Arial, Helvetica, Verdana, sans-serif; overflow:auto; min-height:100%; min-width:320px;}
html {  width:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body, button, input, select, option, label, textarea, fieldset, legend { font: 12px Microsoft YaHei, Tahoma, Helvetica, Arial, sans-serif;}
body,input,textarea,select,label{font:0.8em 'Microsoft Yahei',arial,sans-serif; color:#222; -webkit-appearance: none; -webkit-tap-highlight-color: transparent;}
h1 { font-size: 18px;}
h2, h4 { font-size: 16px;}
h3, h5 { font-size: 14px;}
h6 { font-size: 100%;}
em { font-style: normal;}
small { font-size: 12px;}
ul, ol { list-style: none;}
a { text-decoration: none; outline:none;}
a:hover { text-decoration: none;}
legend { color: #000;}
fieldset, img { border: none;}
button, input, select, textarea { font-size: 100%;}
table { border-collapse: collapse; border-spacing: 0;}
th { text-align: inherit;}
hr { border: none; height: 1px;}
article ,aside, dialog, footer, header, section, footer, nav, figure, menu{ display:block;}
audio,canvas,video { display: inline-block; *display: inline; *zoom: 1;}

a{color: #444;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix{*zoom:1;}

.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }

ul,li,ol,oi,h1,h2,h3,h4,h5,h6,form{ padding:0px; margin:0px; list-style:none; }
input,textarea,select{ font-size:14px; font-family:Microsoft YaHei,Arial, Helvetica, Verdana, sans-serif; color:#444;}
img{ border:0;}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style:none; } /* for Firefox */

.global{ display:block; clear:both; margin:0 auto;}
.bodyBg{ background:url(../img/homeBg1.png) no-repeat center bottom; min-height:100%; background-size:cover;}
.container{ display:block; clear:both; margin:0 auto; overflow:hidden; max-width:750px; min-width:320px;}


.banner{ text-align:center; font-size:0;}
.banner img{ width:100%;}

.container_notes{padding: 0 19px;min-width: 280px;}
/* .notes{ background:url(../img/notesBg_2024.png) no-repeat center top; background-size:100% 100%; padding:35px 38px 35px 38px;} */
.notes{ position: relative;}
.notes_image{width:100%;}
.notes h3{ display:block; clear:both; text-align:center; font-size:19px; font-weight:normal; width:85%; margin:0 auto 15px;}
.notes h3 em { display: inline-block;  width: 18%; max-width:100px;  height: 28px; margin: 0 15px; background: url(../img/titIcon.png) no-repeat center center;  background-size: 100% auto; vertical-align:middle;}
/* .notes ul{ width:70%; margin:auto;position: absolute;top: 16%;left: 50%;transform: translateX(-50%);} */
.notes ul{ width:60%; margin:20px auto;position: absolute;top: 20%;left: 50%;transform: translateX(-50%);}
.notes ul li{ display:table; clear:both; font-size:10px;margin:6px 0;}
.notes ul li label{ display:table-cell; white-space:nowrap; font-size:10px; width:auto; padding:0 0; vertical-align:top;font-weight: 400;}
.notes ul li span{ display:table-cell;  text-align:left; vertical-align:top; line-height:1.4; font-weight: 400;}



@media screen and (max-width: 549px) {
.notes ul{ top: 15%;}
.notes ul li label{ font-size:12px; width:auto;font-weight: 400;}
.notes ul li span{font-size:12px; font-weight: 400;}
}


@media screen and (min-width: 450px) {
.notes ul{ top: 16%;}
.notes ul li label{ font-size:12px; width:auto;font-weight: 400;}
.notes ul li span{font-size:12px;}
}

@media screen and (max-width: 425px) {
.notes ul{ top: 12%;}
.notes ul li label{ font-size:12px; width:auto;font-weight: 400;}
.notes ul li span{font-size:12px; font-weight: 400;}
}


@media screen and (max-width: 410px) {
.notes ul{ top: 14%;}
.notes ul li label{ font-size:10px; width:auto;font-weight: 400;}
.notes ul li span{font-size:10px; font-weight: 400;}
}


@media screen and (max-width: 360px) {
.notes ul li {margin: 2px 0;}
.notes ul li label{ width:auto;font-size:10px;}
.notes ul li span{font-size:10px; font-weight: 400;}
.notes ul{ top: 11%;}
}

@media screen and (max-width: 320px) {
.notes ul li {margin: 2px 0;}
.notes ul li label{ width:auto;font-size:10px;}
.notes ul li span{font-size:10px; font-weight: 400;}
.notes ul{ top: 8%;}
}

@media screen and (min-width: 550px) {
/* .notes{ padding:45px 0 50px 0;} */
.notes h3{  font-size:18px;}
.notes ul li{ margin:8px 0;font-size:16px; font-weight: 400;}
.notes ul li label{ font-size:16px; width:auto;font-weight: 400;}
.notes ul{top: 17%}
.notes ul li span{ font-weight: 400;}
.notes ul li span{font-size:16px;}

}

@media screen and (min-width: 650px) {
/* .notes{ padding:45px 0 50px 0; 6width:75%;} */
.notes h3{  font-size:18px; margin-bottom:25px;}
.notes ul li{ font-size:18px;font-weight: 400;}
.notes ul li label{ font-size:18px;font-weight: 400;}
.notes ul li span{font-size:18px;}
/* .notes ul li{ margin:10px 0;} */
}


.homeBtn{ padding:10px 0 !important; text-align:center; width:90%; display:block;}
.homeBtn .apply{ width:40%; display:inline-block; padding:11px 0; font-size:16px; margin:0 2%; text-align:center; background-color:#13AE67; color:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.homeBtn .query{ width:40%; display:inline-block; padding:11px 0; font-size:16px; margin:0 2%; text-align:center; border:1px solid #2C75D4; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;color:#2C75D4;}
.homeBtn .apply:hover{ background-color:#2C75D4;}
.homeBtn .query:hover{ background-color:#eee;}

.about{ margin:20px 19px; overflow:hidden;}
.about h3{ display:block; clear:both; text-align:center; font-size:18px; font-weight:normal; margin:0 15px 15px; line-height:24px;}
.about h3 em { display: inline-block;  width: 16%; max-width:100px;  height: 24px; margin: 0 8px; background: url(../img/titIcon.png) no-repeat center center;  background-size: 100% auto; vertical-align:middle;}
.about .book{ display:block; text-align:center; vertical-align:top;}
.about .book img{ width:150px; margin:12px 15px; vertical-align:top}
.about .dec{display:block; font-size:14px; line-height:1.7; vertical-align:top; }
.about .dec p{ padding:8px 0; margin:0px;}

@media screen and (max-width: 500px) {
.about .book{ width:25%; display:inline-block; margin-right:5%; vertical-align:top;}
.about .book img{ display:block; clear:both; width:100%; margin:8px 0 10px 1%;}
.about .dec{ width:67%; display:inline-block; font-size:14px; line-height:170%; vertical-align:top; }
.about .dec p{ padding:8px 0;}
}

@media screen and (max-width: 350px) {
.about h3{ font-size:16px;}
.about h3 em { width: 17%; max-width:100px;  height: 20px; margin: 0 8px;}
}
@media screen and (min-width: 650px) {
.about{ width:75%; margin:20px auto;}
}


/*登录页*/

.login{ padding:20px 18px; overflow:hidden; font-size:15px;}
.login h3{ display:block; clear:both; text-align:center; font-size:20px; font-weight:normal; margin:0 0 15px; line-height:24px;}
.login h3 em { display: inline-block;  width: 7%; max-width:40px;  height: 24px; margin: 0; background: url(../img/titIcon2.png) no-repeat center center;  background-size: 100% auto; vertical-align:top;}
.login h3 span{ display:inline-block; width:auto !important; max-width:82%; margin:0 2%; vertical-align:top;}
.login h3 b{ display:inline-block; white-space:nowrap; margin:0 auto; font-weight:normal;}
.login .dec{ display:block; clear:both; margin:0 0 10px 0; text-align:center;}
.login .dec span{ display:inline-block; white-space:nowrap; margin:0 auto;}
.login .dec .link{display:inline-block;color: #2E76CB;font-weight:bold;background:url(../img/arr.png) no-repeat right center;background-size:auto 14px;padding:6px 15px 6px 4px;}

a.link {}
.login ul li{ display:block; clear:both; width:85%; margin:0 auto; padding:12px 0;}
.login ul li input{ display:inline-block; width:100%; border:2px solid #999999; padding:10px 0; text-align:center;  -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.login ul li .tips{ display:inline-block; background:url(../img/tips.png) no-repeat left 1px; background-size:auto 15px; padding:0 0 0 21px; margin-top:8px; text-align:left; font-size:13px; color:#777; line-height:1.4 !important; }
.login ul li .ver{width: 59%;display:inline-block;margin-right:4%;vertical-align:top;}
.login ul li .verBtn{ width:34%; display:inline-block; padding:10px 0; vertical-align:top; margin:0px; font-size:14px; background-color:#222; color:#fff; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.login ul li .rm{ width:34%; display:inline-block; padding:10px 0; vertical-align:top; margin:0px; font-size:14px; background-color:#999999; color:#fff; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.loginBtn{display:block;clear:both;margin:0 auto;text-align:center;overflow:hidden;padding:10px 0;font-size:17px;background-color: #2e76cb;color: #ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.loginBtn:hover{ background-color:#2e76cb;}
.backLogin{ display:block; clear:both; margin:0 auto; text-align:center; overflow:hidden; margin:10px 0; padding:11px 20px; font-size:16px;}
@media screen and (max-width: 450px) {
.login h3 span{ display:inline-block; width:auto !important; margin:0 2%; vertical-align:top;}
.login h3 b{ display:block; white-space:nowrap; margin:0 auto;}
}


.custom-radio{position:relative; width:auto !important; margin:0 auto; text-align:center;}
.custom-radio label{background:url(../img/select.png) no-repeat left -45px; background-size:22px auto; }
.custom-radio label.checked{ background-position:left 7px;}
.custom-radio label.focus{outline:1px dotted #ccc;}
.custom-radio input{position:absolute;left:-202px;top:-202px;margin:0;}
.custom-radio label{ display:inline-block; position:relative;font-size:15px;padding-right:1em;line-height:120%; width:auto !important; padding:.5em 0 .5em 30px;margin:0 0 .3em;cursor:pointer;}



/*用户中心*/
.home{ padding:20px 18px;}
.home h3{ display:block; clear:both; text-align:center; font-size:20px; font-weight:normal; margin:10px 0 20px; line-height:24px; overflow:hidden;}
.home h3 em { display: inline-block;  width: 18%; max-width:100px;  height: 28px; margin: 0 15px; background: url(../img/titIcon.png) no-repeat center center;  background-size: 100% auto; vertical-align:middle;}

.home .item_1{ display:block; clear:both; margin:8px 0;}
.home .item_1 strong{ display:inline-block; width:60%; background:url(../img/member_1.png) no-repeat left center; background-size:auto 24px; padding:0 0 0 28px;}
.home .item_1 strong span{ display:inline-block; font-size:14px; font-weight:normal;margin-left:20px;}
.home .item_1 a{ display:inline-block; width:30%; max-width:120px; font-size:14px; padding:7px 0; background-color:#000; color:#fff; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

.home .item_2{ display:block; clear:both; margin:8px 0;}
.home .item_2 strong{ display:inline-block; width:60%; background:url(../img/member_2.png) no-repeat left center; background-size:auto 24px; padding:0 0 0 28px;}
.home .item_2 a{ display:inline-block; width:30%; max-width:120px; font-size:14px; padding:7px 0; background-color:#000; color:#fff; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.visible{ background-color:#ddd !important; cursor:default;}

.home .item_3{ display:block; clear:both; margin:8px 0;}
.home .item_3 strong{ display:inline-block; width:60%; background:url(../img/member_3.png) no-repeat left center; background-size:auto 24px; padding:0 0 0 28px;}
.home .item_3 strong span{ display:inline-block; font-size:14px; font-weight:normal;margin-left:20px;}
.home .item_3 a{ display:inline-block; width:30%; max-width:120px; font-size:14px; padding:7px 0; background-color:#000; color:#fff; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

.home .item_4{ display:flex; clear:both; margin:8px 0;align-items: center;}
.home .item_4 strong{ display:inline-block; width:60%; background:url(../img/member_3.png) no-repeat left center; background-size:auto 24px; padding:0 0 0 28px;}
.home .item_4 strong span{ display:inline-block; font-size:14px; font-weight:normal;margin-left:20px;}
.home .item_4 a{ display:inline-block; width:30%; max-width:120px; font-size:14px; padding:7px 0; background-color:#000; color:#fff; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}


.warm{ display:block; overflow:hidden; background-color:#f9f9f9; border:2px dotted #ddd; font-size:14px; line-height:1.8; padding:15px 20px; margin:20px auto 30px;  -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.warm strong{ display:block; clear:both; background:url(../img/point.png) no-repeat left center; background-size:6px auto; padding:0 0 0 12px; font-size:16px;}
.warm a{ text-decoration:underline;}
.warm hr{ background:none; border:none; height:15px;}
.home .lc img{ width:100%;}
.home .exit{ display:block; clear:both; width:65%; margin:0 auto;}
.home .exit a{display:block;clear:both;margin:20px auto;text-align:center;overflow:hidden;padding:9px 0;font-size:16px;background-color: #2e76cb;color: #ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.home .exit a:hover{ background-color:#2e76cb;}


/*完善个人信息*/


.information{ padding:20px 18px;}
.information h3{ display:block; clear:both; text-align:center; font-size:20px; font-weight:normal; margin:10px 0 20px; line-height:24px; overflow:hidden;}
.information h3 em { display: inline-block;  width: 18%; max-width:100px;  height: 28px; margin: 0 15px; background: url(../img/titIcon.png) no-repeat center center;  background-size: 100% auto; vertical-align:middle;}

.info_1{ padding:15px 20px; margin:10px auto; background-color:#f9f9f9; border:1px dashed #999; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.info_1 strong{ font-size:16px;}
.info_1 strong em{ font-style:normal; color:#f00; display:inline-block; margin-left:5px;}
.info_tip{ font-size:14px; margin-top:15px; color:#666; line-height:1.8;}
.info_tip strong{ display:block; clear:both; color:#333; background:url(../img/point.png) no-repeat left center; background-size:6px auto; padding:0 0 0 12px; font-size:16px;}

.info_2{ padding:15px 20px; margin:10px auto; background-color:#f9f9f9; border:1px dashed #999; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.info_2 ul li{ display:block; clear:both; padding:5px 0;}
.info_2 label{ font-size:15px; display:block; clear:both; margin:6px 0; color:#666; font-weight:bold;}
.info_2 label em{ font-style:normal; color:#f00; display:inline-block; margin-left:5px;}
.info_2 input{ width:96%; padding:8px 2%; line-height:1.3; font-size:15px; border:1px solid #999999; background-color:transparent; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

.selectList_1{ display:block; clear:both; position:relative; width:100%; line-height:1.3; border:1px solid #999999; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.selectList_1:after{ content: " "; background:url(../img/arrDown.png) no-repeat center center; background-size:14px auto; display: inline-block; height: 10px; width: 10px; position: relative; top: -2px; position: absolute; top: 50%; right: 15px; margin-top: -4px;
}
.selectList_1 select{ -webkit-appearance: none; border: 0; outline: 0; background-color: transparent; width: 100%; font-size: inherit; padding:8px 2%; position: relative;
 z-index: 1; font-size:14px;}
.selectList_1 select option{ font-size:15px; font-weight: normal; display: block; white-space: pre; min-height: 1.2em; padding: 0px 2px 1px;}

.selectList_3{ display:inline-block; float:left; position:relative; width:30%; margin-right:3.5%; overflow:hidden; line-height:1.3; font-size:0; border:1px solid #999999; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.selectList_3:last-child{ margin-right:0;}
.selectList_3:after{ content: " "; background:url(../img/arrDown.png) no-repeat center center; background-size:14px auto; display: inline-block; height: 10px; width: 10px; position: relative; top: -2px; position: absolute; top: 50%; right: 15px; margin-top: -4px;}
.selectList_3 select{ -webkit-appearance: none; border: 0; outline: 0; background-color: transparent; width:100%; display:inline-block; font-size: inherit; padding:8px 6%; position: relative;
 z-index: 1; font-size:14px;}


.info_3{ padding:15px 20px; margin:10px auto; background-color:#f9f9f9; border:1px dashed #999; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.info_3 h5{ font-size:16px; color:#333;}
.info_3 ul li{ display:block; clear:both; padding:5px 0;}
.info_3 label{ font-size:15px; display:block; clear:both; margin:6px 0; color:#666; font-weight:bold;}
.info_3 label em{ font-style:normal; color:#f00; display:inline-block; margin-left:5px;}
.info_3 input{ width:96%; padding:8px 2%; line-height:1.3; font-size:15px; border:1px solid #999999; background-color:transparent; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

.info_4{ padding:15px 20px; margin:10px auto; background-color:#f9f9f9; border:1px dashed #999; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.info_4 h5{ font-size:16px; color:#333;}
.info_4 h5 em{ font-style:normal; color:#f00; display:inline-block; margin-left:5px;}
.info_4 ul li{ display:block; clear:both; padding:5px 0;}
.info_4 label{ font-size:15px; display:block; clear:both; margin:6px 0; color:#666; font-weight:bold;}
.info_4 input{ width:96%; padding:8px 2%; line-height:1.3; font-size:15px; border:1px solid #999999; background-color:transparent; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.info_4 .col_2{ width:47%; display:inline-block !important; clear:none; float:left;}
.info_4 .col_mar{ margin:0 6% 0 0;}


.info_5{ padding:15px 20px; margin:10px auto; background-color:#f9f9f9; border:1px dashed #999; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.info_5 h5{ font-size:16px; color:#333;}
.info_5 h5 span{ font-weight:normal; color:#666; display:inline-block; margin-left:5px; font-size:14px;}
.info_5 ul { margin:10px 0;}
.info_5 ul li{ display:block; clear:both; padding:0 0; line-height:1.3; font-size:13px; color:#777;}
.info_5 label{ font-size:15px; display:block; clear:both; color:#666; font-weight:bold;}
.info_5 input{ width:96%; padding:8px 2%; line-height:1.3; font-size:14px; border:1px solid #999999; background-color:transparent; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

.info_5 ul li.col_1{ width:30%; margin-right:3%; display:inline-block !important; clear:none; float:left;}
.info_5 ul li.col_2{ width:40%; margin-right:3%; display:inline-block !important; clear:none; float:left;}
.info_5 ul li.col_3{ width:24%; display:inline-block !important; clear:none; float:left;}
.info_5 select{ padding:8px 6%;}
.addBtn{ display:block; clear:both; padding:6px 0;}
.addBtn a,.addBtn span{ display:inline-block; padding:7px 25px; margin-right:15px; background-color:#403a3a; color:#fff; font-size:15px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.addBtn a:hover,.addBtn span:hover{ background-color:#302b2b;}

.remarks{ display:block; clear:both; color:#666; font-size:14px; padding:10px 0;}
.remarks span{ color:#f00;}
.info_b{ display:block; clear:both; text-align:center; padding:20px 0;}
.info_b a{display:inline-block;width:40%;max-width:150px;margin:0 5%;text-align:center;overflow:hidden;padding:10px 0;font-size:16px;background-color: #2e76cb;color: #ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.info_b a:hover{ background-color:#2e76cb;}
.info_b em{ display:block; clear:both; margin-top:20px; text-align:left; font-size:14px; color:#888;}





/*上传作品*/
.works{ padding:20px 18px;}
.works h3{ display:block; clear:both; text-align:center; font-size:20px; font-weight:normal; margin:10px 0 5px; line-height:24px; overflow:hidden;}
.works h3 em { display: inline-block;  width: 18%; max-width:100px;  height: 28px; margin: 0 15px; background: url(../img/titIcon.png) no-repeat center center;  background-size: 100% auto; vertical-align:middle;}
.works .num{ display:block; clear:both; text-align:center; font-size:15px; color:#666; margin-bottom:15px;}
.backHome{ display:block; clear:both; width:65%; margin:0 auto;}
.backHome a{display:block;clear:both;margin:20px auto;text-align:center;overflow:hidden;padding:9px 0;font-size:16px;background-color: #2e76cb;color: #ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.backHome a:hover{ background-color:#2e76cb;}


.works_pic .pics{ padding:16px 16px 10px 16px; overflow:hidden;}
.works_pic .pics img{ width:100%; }
.works_notes{ margin:0 16px; background-color:#f9f9f9; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px dashed #aaa; padding:10px 15px;}
.works_notes strong{ display:block; clear:both; font-weight:normal; font-size:14px; background:url(../img/work1.png) no-repeat left top; background-size:auto 24px; padding:2px 0 2px 30px;}


.works_1{ padding:15px 20px; margin:10px auto; background-color:#f9f9f9; border:1px dashed #999; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.works_1 ul li{ display:block; clear:both; padding:5px 0;}
.works_1 label{ font-size:15px; display:block; clear:both; margin:6px 0; color:#666; font-weight:bold;}
.works_1 label em{ font-style:normal; color:#f00; display:inline-block; margin-left:5px;}
.works_1 input{ width:96%; padding:8px 2%; line-height:1.3; font-size:14px; border:1px solid #999999; background-color:transparent; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}


.works_2{ padding:15px 20px; margin:10px auto; background-color:#f9f9f9; border:1px dashed #999; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.works_2 .tit{ display:block; clear:both; font-size:15px;}
.works_2 .tit h5{ display:block; clear:both; font-size:16px; margin:0 0 5px 0;}
.works_2 .size{ display:block; clear:both; padding:13px 0;}
.works_2 .size h5{ display:block; clear:both; font-size:16px; margin:0;}
.works_2 .size ul li{ display:inline-block; width:47%; margin-right:6%; padding-top:11px; float:left; font-size:15px;}
.works_2 .size ul li:nth-child(even){ margin-right:0;}
.works_2 .size ul li input { width:56%; padding:8px 2%; margin:0 4%; text-align:center; line-height:1.3; font-size:15px; border:1px solid #999999; background-color:transparent; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

.works_2 .size_remarks{ display:block; clear:both; padding:5px 0 0;}
.works_2 .size_remarks h5{ display:block; clear:both; font-size:16px; margin:0 0 6px 0;}
.works_2 .size_remarks textarea { width:96%; height:50px; padding:8px 2%; line-height:1.3; font-size:15px; border:1px solid #999999; background-color:transparent; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

.works_b{ display:block; clear:both; text-align:center; padding:20px 0;}
.works_b a{display:inline-block;width:45%;max-width:150px;margin:0 2%;text-align:center;overflow:hidden;padding:10px 0;font-size:15px;background-color: #2e76cb;color: #ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.works_b a:hover{ background-color:#2e76cb;}

.success{ margin:20px 18px 0; padding:30px; text-align:center; font-size:15px; background-color:#403a3a; color:#fff;  -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.success strong{ display:block; clear:both; margin:0 0 12px 0; text-align:center; font-size:23px; font-weight:normal; background:url(../img/success.png) no-repeat center top; background-size:50px auto; padding:60px 0 0 0;}