.bbs-list {clear:both; width:100%; margin-bottom:30px;}
.bbs-list th {height:50px; background:#ededed; border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb;}
.bbs-list th.sub {background:#ECEEEF;}
.bbs-list tr.notice {background:#F7F7F7;}
.bbs-list td {height:50px; border-bottom:1px solid #dbdbdb; font-size:12px; text-align:center; color:#4c4c4c;}
.bbs-list td a {color:#4c4c4c;}
.bbs-list td.subject {text-align:left; padding:0 5px;}
.bbs-list td.subject a {color:#95b5ef; font-weight:900;}
.bbs-list td.subject a:hover {color:#000;}
.bbs-list td.null {color:#9E9E9E;}
.bbs-list td.del {text-decoration:line-through; color:#FF0000;}
.bbs-list td input {border:1px solid #dbdbdb; vertical-align:middle; line-height:30px; padding-left:10px;}


.bbs-write {clear:both; width:100%; border-bottom:1px solid #dbdbdb; border-top: 1px solid #dbdbdb;}
.bbs-write > tbody > tr > th {padding: 10px 0; background:#ededed; border-bottom:1px solid #dbdbdb;}
.bbs-write > tbody > tr > td {padding: 10px 0; border-bottom:1px solid #dbdbdb; font-size:12px; text-align:left; color:#4c4c4c;}
.bbs-write > tbody > tr > td {padding-left:15px;}
.bbs-write > tbody > tr > td > input {border:1px solid #dbdbdb; vertical-align:middle; line-height:30px;}
.bbs-write > tbody > tr > td > input[type='text'] { padding-left:10px;}
.bbs-write > tbody > tr > td > select{ height: 34px; border: 1px solid #dbdbdb; vertical-align: middle;}
.bbs-write > tbody > tr > td > img {vertical-align:middle; position:relative;}
.bbs-write > tbody > tr > td > textarea{width:625px; height:100px; padding:5px; overflow:auto;}
.bbs-write > tbody > tr > td > a{color:#3f92c2;}
.bbs-write > tbody > tr > td.editor{padding:15px;}
.bbs-write > tbody > tr > td.editor img{vertical-align:top; margin-top:0; position:static;}
.bbs-write > tbody > tr > td.editor textarea{padding:0; overflow-x:hidden; overflow-y:scroll;}

.bbs-write .input_area {width:500px;height:35px;border:1px solid #dbdbdb;border-radius:3px;overflow:hidden;}
.bbs-write .input_area .inp_hidden {border:0;padding:0;line-height:35px;text-indent:20px;}
.bbs-write .input_area label {width:90px;height:35px;display:inline-block;text-align:center;font-size:13px;line-height:35px;color:#999;background:#efefef;vertical-align:top;}
.bbs-write .input_area label.btn {float:right;}
.bbs-write .input_area input[type=file]::file-selector-button {display:none;}
.bbs-write .file_inp_box {float:left;width:400px;height:35px;border:0;padding:0;line-height:35px;text-indent:10px;}
.bbs-write .file_inp {position:relative; height:35px; overflow:hidden;}
.bbs-write .file_inp_box_hidden {font-size:29px; position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); }

span.re_ok {position: relative; color: #fff; font-size: 12px; background: #95b5ef; padding: 3px; vertical-align: middle; width: 60px; display: inline-block;}
span.re_ing {position:relative; color:#fff; font-size:13px; background:#c4c7ca; padding:3px; vertical-align:middle; width:60px; display:inline-block;}/*답변*/
/* btn-area */
.btn-area {margin: 20px 0; overflow: hidden;}
.btn-area .fleft {}
.btn-area .fright {}
.btn-area a {width:140px; line-height:40px; border:none; color:#fff; cursor:pointer; display:block; text-align:center;}
.btn-area a.list {background:#000;}
.btn-area a.modify {background:#95b5ef;}
.btn-area a.write {background:#95b5ef;}
.btn-area a.save {background:#95b5ef;}
.btn-area a.delete {background:#F10;}
.btn-area a.sort {background:#00A534; width:100px;}
.btn-area a.up, .btn-area a.down {background:#999;}
.btn-area a:hover {opacity:0.8;}
.fleft{float:left;}
.fright{float:right;}
table{
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0px;
	border-collapse: collapse;
	font-size: 12px;
}

.viewHead table {clear:both; width:100%; border-bottom:1px solid #dbdbdb; border-top: 1px solid #dbdbdb;}
.viewHead table > tbody > tr > th {padding: 10px 0; background:#ededed; border-bottom:1px solid #dbdbdb;}
.viewHead table > tbody > tr > td {padding: 10px 0; border-bottom:1px solid #dbdbdb; font-size:12px; text-align:left; color:#4c4c4c;}
.viewHead table > tbody > tr > td {padding-left:15px;}

.viewContent {
	padding:30px 0;
}

.viewContent img {
	max-width:100%;
}


.view .viewPaging ul {border-bottom:1px solid #eaeaea;}
.view .viewPaging ul li {overflow:hidden; line-height:38px; border-top:1px solid #eaeaea; width:100%;}
.view .viewPaging ul li span {float:left; position:relative; display:inline-block; width:60px; padding-left:20px; margin-left: 10px;}


.view .viewPaging ul li p {float:left;}

.online ul.prd {overflow: hidden; margin-left: -20px;}
.online ul.prd li {width:260px; float:left; padding-left : 20px; margin-bottom:20px; text-align:center;}
.online ul.prd li p {padding:15px 0;}
.online .category {width:100%; overflow:hidden; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; margin-bottom:20px;}
.online .category td {width:12.5%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; text-align:center; line-height:36px;}
.online .category td.on {background:#71CFD0; color:#fff;}
.online .rtop tr{position:relative;}
.online .rtop th{position:relative; padding:0 0 0px 0px; color:#2e2e2e; font-size:14px; font-weight:bold; line-height:170%; padding:0 0 10px 0px;}
.online .rtop td{position:relative; width:100%; color:#a5a5a5; font-size:11px; padding:0 0 10px 0px;}
.online .rtop span{position:relative; top:2px; float:left; margin:0 5px 0 0;}


/*����*/

.subcontent{overflow:hidden;}
.subcontent .wrapper{width:1100px; margin-top:30px;}
.subcontent .subVisual{width:100%; min-height:421px; overflow:hidden;}
.subcontent .subVisual .titleWrap{width:1100px; margin:0 auto; overflow:hidden; text-align:center;}
.subcontent .subVisual .titleWrap.right .subTitle{padding-top:50px; width:50%; float:right;}
.subcontent .subVisual .titleWrap.left .subTitle{padding-top:50px; width:50%; float:left;}
.subcontent .subVisual .titleWrap .subTitle.untimes{padding-top:100px;}
.subcontent .subVisual .titleWrap .subTitle .subtopTitle h1{font-size:45px; font-weight:bold; margin:15px 0;}
.subcontent .subVisual .titleWrap .subTitle .subtopTitle h1.small{font-size:30px; margin:5px 0;}
.subcontent .subVisual .titleWrap .subTitle .subtopTitle h2{font-size:45px; font-weight:bold; margin:15px 0;}
.subcontent .subVisual .titleWrap .subTitle .subtopTitle h2.small{font-size:30px; margin:5px 0;}
.subcontent .subVisual .titleWrap .subTitle .subtopTitle span{font-size:15px; display:block; margin-top:10px;}
.subcontent .subVisual .titleWrap .five_box{margin-top:20px;}
.subcontent .subVisual .titleWrap .five_box ul{overflow:hidden;}
.subcontent .subVisual .titleWrap .five_box li{width:19%; margin: 0 0.5%; float:left; padding-top:80px; height:85px; color:#fff5e7; line-height:18px;}
.subcontent .subVisual .titleWrap .five_box li strong{color:#fff;}
.subcontent .subVisual .titleWrap .caution{margin-top:5px; color:#454545;}

.subcontent .wrapper .sTitle{font-size:25px; font-weight:normal; padding:50px 0 30px;}
.subcontent .wrapper .sTitle span{font-size:20px; display:block;}
.subcontent .wrapper .Normaldesc{font-size:14px; color:#282828; line-height:150%;}

.subcontent .wrapper .shape{margin-top:30px; overflow:hidden;}
.subcontent .wrapper .shape .shapewrap{position:relative; float:left;}
.subcontent .wrapper .shape li{text-align:center; width:120px; color:#fff; line-height:20px;}
.subcontent .wrapper .shape li strong{display:block; margin-bottom:10px;}
.subcontent .wrapper .shape.type03 li:first-child{position:absolute; top:7%; left:50%; margin-left:-60px;}
.subcontent .wrapper .shape.type03 li:nth-child(2){position:absolute; top:56%; left:7%;}
.subcontent .wrapper .shape.type03 li:nth-child(3){position:absolute; top:56%; left:52%;}

.subcontent .wrapper .boxcon{overflow:hidden; padding:10px; border:2px solid #d3c3a8;}
.subcontent .wrapper .boxcon p{width:80%; float:left; color:#353535; font-size:14px; line-height:150%;}
.subcontent .wrapper .boxcon img{float:right;}

.subcontent .wrapper .Candidates{overflow:hidden; position:relative;}
.subcontent .wrapper .Candidates li{position:absolute; line-height:18px; font-size:13px;}
.subcontent .wrapper .Candidates li.left{text-align:left;}
.subcontent .wrapper .Candidates li.right{text-align:right;}

.subcontent .wrapper .Candidates.type03 li.first{top:35%; right:66%;}
.subcontent .wrapper .Candidates.type03 li.second{top:53%; right:68%;}
.subcontent .wrapper .Candidates.type03 li.third{top:71%; right:66%;}

.subcontent .wrapper .Candidates.type04 li.first{top:34%; right:72%;}
.subcontent .wrapper .Candidates.type04 li.second{top:65%; right:72%;}
.subcontent .wrapper .Candidates.type04 li.third{top:34%; left:71%;}
.subcontent .wrapper .Candidates.type04 li.fourth{top:65%; left:71%;}

.subcontent .wrapper .Candidates.type05 li.first{top:27%; right:66%;}
.subcontent .wrapper .Candidates.type05 li.second{top:45%; right:68%;}
.subcontent .wrapper .Candidates.type05 li.third{top:63%; right:66%;}
.subcontent .wrapper .Candidates.type05 li.fourth{top:35%; left:66%;}
.subcontent .wrapper .Candidates.type05 li.fiveth{top:55%; left:66%;}

.subcontent .wrapper .Candidates.type06 li.first{top:19%; right:72%;}
.subcontent .wrapper .Candidates.type06 li.second{top:50%; right:75%;}
.subcontent .wrapper .Candidates.type06 li.third{top:80%; right:72%;}
.subcontent .wrapper .Candidates.type06 li.fourth{top:19%; left:71%;}
.subcontent .wrapper .Candidates.type06 li.fiveth{top:50%; left:75%;}
.subcontent .wrapper .Candidates.type06 li.sixth{top:80%; left:72%;}


.subcontent .wrapper .Benefit{overflow:hidden; position:relative;}
.subcontent .wrapper .Benefit li{margin-bottom:30px;}
.subcontent .wrapper .Benefit li strong, .subcontent .wrapper .Benefit span{display:block; margin-bottom:10px;}
.subcontent .wrapper .Benefit li strong{color:#3c2517; font-weight:bold; font-size:15px;}
.subcontent .wrapper .Benefit li span{font-size:11px; color:#85776e; padding-bottom:20px; position:relative;}
.subcontent .wrapper .Benefit li span:after{content:''; position:absolute; left:0; top:25px; width:15px; height:2px; background:#000;}
.subcontent .wrapper .Benefit.nonspan li strong{padding-bottom:20px; position:relative;}
.subcontent .wrapper .Benefit.nonspan li strong:after{content:''; position:absolute; left:0; top:25px; width:15px; height:2px; background:#000;}
.subcontent .wrapper .Benefit.half ul{font-size:0;}
.subcontent .wrapper .Benefit.half li{width:calc(50% - 10px); margin-right:10px; display:inline-block; font-size:12px; vertical-align:top;}

.subcontent .wrapper .prove{margin-top:50px; position:relative;}
.subcontent .wrapper .prove .conleft{position:absolute; left:2%; top:15%; width:60%;}
.subcontent .wrapper .prove .conright{position:absolute; right:2%; top:15%; width:60%;}
.subcontent .wrapper .prove .concenter{position:absolute; left:50%; margin-left:-30%; top:15%; width:60%;}
.subcontent .wrapper .prove h3{font-size:23px; margin-top:15px; color:#ae9772;}
.subcontent .wrapper .prove ul{overflow:hidden; margin-top:30px;}
.subcontent .wrapper .prove ul li{margin-bottom:20px; color:#fff; font-size:13px;}
.subcontent .wrapper .prove .conright ul li{text-align:right}
.subcontent .wrapper .prove ul li strong{color:#ae9772; display:block; margin-bottom:5px;}
.subcontent .wrapper .prove p{margin-top:40px; line-height:150%;}
.subcontent .wrapper .prove p span{display:block; font-size:15px; margin-bottom:15px;}
.subcontent .wrapper .prove .concenter dl{margin-top:15px;}
.subcontent .wrapper .prove .concenter dl dd{display:block; margin-top:10px;}
.subcontent .wrapper .prove img{max-width:inherit;}

.subcontent .wrapper .case{position:relative; overflow:hidden;}
.subcontent .wrapper .case ul{overflow:hidden; width:100%; position:absolute; top:80%;}
.subcontent .wrapper .case ul li{text-align:center; float:left;}
.subcontent .wrapper .case.type3 ul{width:70%; left:15%; top:75%;}
.subcontent .wrapper .case.type3 ul li{width:33.333%;}
.subcontent .wrapper .case ul li strong{display:block;}

.subcontent .wrapper .liststyle{width:100%; overflow:hidden; margin-top:30px;}
.subcontent .wrapper .liststyle{overflow:hidden; padding-bottom:20px; display:inline-flex; flex-wrap:wrap;}
.subcontent .wrapper .liststyle li{float:left;}
.subcontent .wrapper .liststyle li span{display:block;}
.subcontent .wrapper .liststyle li span.thumb {margin-bottom:10px; text-align:Center;}
.subcontent .wrapper .liststyle li span.thumb img{width:100%;}
.subcontent .wrapper .liststyle li span.num{font-size:12px; color:#ae9772;}
.subcontent .wrapper .liststyle li span.smalltitle{font-size:12px; color:#ae9772; margin-top:20px; margin-bottom:-10px;}
.subcontent .wrapper .liststyle li span.title{font-size:18px; margin-top:5px; color:#6c3c0e;}
.subcontent .wrapper .liststyle li span.desc{margin-top:15px;}
.subcontent .wrapper .liststyle.list2 li{width:calc(50% - 32px);   padding:10px 5px 20px 5px;}
.subcontent .wrapper .liststyle.list3 li{width:calc(33.333% - 20px); padding:10px 5px 20px 5px;}
.subcontent .wrapper .liststyle.list4 li{width:calc(25% - 32px);   padding:10px 5px 20px 5px;}
.subcontent .wrapper .liststyle.list5 li{width:calc(20% - 32px);   padding:10px 5px 20px 5px;}
.subcontent .wrapper .liststyle.box.list3 li{width:calc(33.333% - 32px);  padding:10px 5px 20px 5px;}
.subcontent .wrapper .liststyle.box li{margin:0 10px;}
.subcontent .wrapper .liststyle.box li{box-shadow: 2px 2px 5px #c1c1c1; background: #f7f7f7; border: 1px solid #dbdbdb;}
.subcontent .wrapper .liststyle.box li:hover{background:#f1f2f3;}
.subcontent .wrapper .liststyle.box li.none{box-shadow:none; background:#fff; border:0;}
.subcontent .wrapper .liststyle.box li.none:hover{background:#fff;}
.subcontent .wrapper .liststyle.table{display:table; width:100%;}
.subcontent .wrapper .liststyle.table li{float:none; display:table-cell;}
.subcontent .wrapper .liststyle.list4.table.box li{width:25%;}
.subcontent .wrapper .liststyle.list4.normalimg li{width:calc(25% - 20px);}
.subcontent .wrapper .liststyle.normalimg li{position:Relative;}
.subcontent .wrapper .liststyle.normalimg li span.thumb img{width:auto; max-width:100%;}
.subcontent .wrapper .liststyle.normalimg li span.num{margin-bottom:10px;}
.subcontent .wrapper .liststyle.normalimg li span.descab{position:absolute; top:44%; right:13%; width:40%; color:#fff; transform:translate(0, -50%); color:#fff;}

.subcontent .wrapper .newliststyle{width:100%; overflow:hidden; margin-top:30px;}
.subcontent .wrapper .newliststyle{overflow:hidden; padding-bottom:20px; font-size:0;}
.subcontent .wrapper .newliststyle li{display:inline-block; vertical-align:top;}
.subcontent .wrapper .newliststyle li span{display:block;}
.subcontent .wrapper .newliststyle li span.thumb {margin-bottom:10px; text-align:Center;}
.subcontent .wrapper .newliststyle li span.thumb img{width:100%;}
.subcontent .wrapper .newliststyle li span.num{font-size:14px; font-weight:600; color:#a8a8a8; padding:10px 0; text-align:center; border-top:1px dotted #a8a8a8;}
.subcontent .wrapper .newliststyle li span.smalltitle{font-size:12px; color:#ae9772; margin-top:20px; margin-bottom:-10px;}
.subcontent .wrapper .newliststyle li span.title{font-size:18px; margin-top:5px; color:#6c3c0e;}
.subcontent .wrapper .newliststyle li span.desc{margin-top:15px; padding:0 10px; text-align:center; font-size:12px;}
.subcontent .wrapper .newliststyle.list5 li{width:calc(20% - 20px);  padding:10px 10px 20px 10px;}
.subcontent .wrapper .newliststyle.list3 li{width:calc(33.333% - 20px);  padding:10px 10px 20px 10px;}
.subcontent .wrapper .newliststyle.list2 {width:70%; margin:30px auto 0;}
.subcontent .wrapper .newliststyle.list2 li{width:calc(50% - 20px);  padding:10px 10px 20px 10px;}
.subcontent .wrapper .newliststyle.list4 li{width:calc(25% - 20px);  padding:10px 10px 20px 10px;}

.subcontent .wrapper .diamondlist{overflow:hidden; position:relative;; top:30%; width:100%; font-size:0; margin:-300px auto 0 auto; max-width:780px; }
.subcontent .wrapper .diamondlist li{display:inline-block; position:relative; width:33.333%; text-align:center; font-size:12px;}
.subcontent .wrapper .diamondlist li .diamondlistwrap{position:absolute; top:22%; width:100%; transform:translate(-50%, -60%); left:50%; top:50%;}
.subcontent .wrapper .diamondlist li span{display:block;}
.subcontent .wrapper .diamondlist li span.num{margin-bottom:10px; color:#fc039d; font-size:14px;}
.subcontent .wrapper .diamondlist li span.num strong{display:block; margin-bottom:10px; font-size:15px;}
.subcontent .wrapper .diamondlist.list4 li{width:25%;}

.subcontent .wrapper .circletype{overflow:hidden; position:relative;}
.subcontent .wrapper .circletype img{position:relative; z-index:1000;}
.subcontent .wrapper .circletype li{position:absolute; line-height:18px; font-size:13px; z-index:1001;}
.subcontent .wrapper .circletype .circlewrap{border:2px solid #f1f2f3; width:320px; height:320px; border-radius:320px; position:absolute; top:50%; left:50%; margin-top:-160px; margin-left:-160px;}
.subcontent .wrapper .circletype li span{display:inline-block; padding:5px; margin-bottom:5px; font-size:13px; font-weight:500; color:#fff;}
.subcontent .wrapper .circletype li.left{text-align:left;}

.subcontent .wrapper .circletype li.right{text-align:right;}

.subcontent .wrapper .circletype.type04 li.first{top:34%; right:70%; width:230px;}
.subcontent .wrapper .circletype.type04 li.second{top:65%; right:68%; width:173px;}
.subcontent .wrapper .circletype.type04 li.third{top:37%; left:68%; width:146px;}
.subcontent .wrapper .circletype.type04 li.fourth{top:68%; left:68%; width:192px;}

.subcontent .wrapper .circletype.type05 li.first{top:15%; right:67%; width:230px;}
.subcontent .wrapper .circletype.type05 li.second{top:38%; right:70%; width:173px;}
.subcontent .wrapper .circletype.type05 li.third{top:69%; right:67%; width:146px;}
.subcontent .wrapper .circletype.type05 li.fourth{top:27%; left:68%; width:192px;}
.subcontent .wrapper .circletype.type05 li.fiveth{top:58%; left:68%; width:192px;}

.subcontent .wrapper .conbna{overflow:hidden; padding:20px; background:#e9eef1;}
.subcontent .wrapper .conbna ul{overflow:hidden; width:50%; margin:0 auto 30px;}
.subcontent .wrapper .conbna ul li{width:48%; float:left; margin:0 1%;}
.subcontent .wrapper .conbna ul li span{display:block;}
.subcontent .wrapper .conbna ul li span.thumb img{width:100%}
.subcontent .wrapper .conbna ul li span.desc{padding:5px; background:#000; color:#fff; font-size:13px; margin-top:10px;}
.subcontent .wrapper .conbna .strong{font-size:16px; font-weight:600; margin-bottom:20px;}

.subcontent .wrapper .howtoinfo{overflow:hidden; padding:20px; background:#202527;}
.subcontent .wrapper .howtoinfo ul{overflow:hidden; font-size:0; display:block; width:100%; display:inline-flex; flex-wrap:wrap;} 
.subcontent .wrapper .howtoinfo ul li{display:inline-block; position:relative;}
.subcontent .wrapper .howtoinfo.list2 ul li{width:calc(50% - 140px); padding:0 70px;}
.subcontent .wrapper .howtoinfo.list3 ul li{width:calc(33.333% - 20px); padding:0 10px;}
.subcontent .wrapper .howtoinfo.list4 ul li{width:calc(25% - 20px); padding:0 10px;}
.subcontent .wrapper .howtoinfo.list1 ul li{width:100%; margin-top:20px;}
.subcontent .wrapper .howtoinfo.list1 ul li:first-child{margin-bottom:0;}
.subcontent .wrapper .howtoinfo ul li .infowrap{ width:100%; background:#7d8f99;}
.subcontent .wrapper .howtoinfo ul li .infowrap div{}
.subcontent .wrapper .howtoinfo ul li .thumb span{position:absolute; font-size:12px; color:#282828;}
.subcontent .wrapper .howtoinfo ul li .thumb span.sectiondesc1{top:22%; left:21%;}
.subcontent .wrapper .howtoinfo ul li .thumb span.sectiondesc2{top:45%; left:21%;}
.subcontent .wrapper .howtoinfo ul li .thumb img{width:100%;}
.subcontent .wrapper .howtoinfo ul li .info{text-align:center; padding:10px; background:#7d8f99;}
.subcontent .wrapper .howtoinfo ul li .info span{display:block;}
.subcontent .wrapper .howtoinfo ul li .step{font-size:15px; color:#fff; padding-top:5px;}
.subcontent .wrapper .howtoinfo ul li .title{font-size:18px; padding-top:5px; line-height:150%; color:#fff;}
.subcontent .wrapper .howtoinfo ul li .desc{font-size:12px; color:#282828; padding-top:15px; line-height:150%;}

.subcontent .wrapper .methodlist{overflow:hidden; padding:20px;}
.subcontent .wrapper .methodlist ul{width:80%; font-size:0; margin:0 auto;}
.subcontent .wrapper .methodlist.list2 li{display:inline-block; vertical-align:top; width:calc(50% - 30px); padding:0 15px;}
.subcontent .wrapper .methodlist.list4 li{display:inline-block; vertical-align:top; width:calc(25% - 30px); padding:0 15px;}
.subcontent .wrapper .methodlist.list3 li{display:inline-block; vertical-align:top; width:calc(33.333% - 30px); padding:0 15px;}
.subcontent .wrapper .methodlist li .title{font-size:15px; padding:5px; text-align:center; color:#fff;}
.subcontent .wrapper .methodlist li .thumb{display:block; text-align:center; margin:20px 0; overflow:hidden;}
.subcontent .wrapper .methodlist li dl dd{overflow:hidden; position:relative; margin:15px 0; font-size:12px; padding-left:20px; color:#282828; line-height:150%;}
.subcontent .wrapper .methodlist li dl dt{font-size:13px;}
.subcontent .wrapper .methodlist li dl dd:after{content:''; width:3px; height:3px; border-radius:3px; background:#282828; position:absolute; left:10px; top:8px;}

.subcontent .wrapper .thumblist{overflow:hidden; padding:20px; background:#233b5d; font-size:0; display:inline-flex; flex-wrap:wrap;}
.subcontent .wrapper .thumblist li{overflow:hidden; margin:0 5px; font-size:12px; vertical-align:top; height:auto;}
.subcontent .wrapper .thumblist.list3 li{width:calc(33.333% - 10px);  background:#94b5d6;}
.subcontent .wrapper .thumblist.list2 li{width:calc(50% - 10px);}
.subcontent .wrapper .thumblist.list4 li{width:calc(25% - 10px);}
.subcontent .wrapper .thumblist.list1 li{width:calc(100% - 10px);}
.subcontent .wrapper .thumblist li .toparea{padding:10px; background:#94b5d6;}
.subcontent .wrapper .thumblist li .toparea span{display:block;}
.subcontent .wrapper .thumblist li .toparea .num{color:#fff; background:#4477ca; height:25px; line-height:25px;}
.subcontent .wrapper .thumblist li .toparea .thumb img{width:100%;}
.subcontent .wrapper .thumblist li .toparea .title{color:#4477ca; font-size:15px; margin:10px 0;}
.subcontent .wrapper .thumblist li .toparea .desc{line-height:150%; font-size:13px; color:#282828;}
.subcontent .wrapper .thumblist li .bottomarea{background:#4477ca; padding:10px 15px; height:100%;}
.subcontent .wrapper .thumblist li .bottomarea dl dd{overflow:hidden; position:relative; margin:5px 0; font-size:12px; padding-left:20px; color:#fff; line-height:150%;}
.subcontent .wrapper .thumblist li .bottomarea dl dd:after{content:''; width:3px; height:3px; border-radius:3px; background:#fff; position:absolute; left:10px; top:8px;}
.subcontent .wrapper .thumblist li .bottomarea dl dd.caution{padding-left:10px; color:#282828;}
.subcontent .wrapper .thumblist li .bottomarea dl dd.caution:after{display:none;}
.subcontent .wrapper .thumblist li .bottomarea dl dt{color:#282828; font-size:13px;}

.white{color:#fff!important;}
.brown{color:#6c3c0e!important;}
.gray{color:#e0e0e0!important;}
.moca{color:#e1d5c5!important;}
.hotpink{color:#fc039d!important;}
.black{color:#282828!important;}
.lightblue{color:#cddbf6!important;}
.green{color:#80dcc2!important;}
.blue{color:#0244a1!important;}
.tc{text-align:center;}
.tr{text-align:right;}
.mb0{margin-bottom:0!important;}
.mt20{margin-top:20px!important;}

.mb30{margin-bottom:30px!important;}
.ptb50{padding:50px 0;}
/*������������*/

/*�ȸ�����*/
.subcontent .subVisual.facial.facial01 {background:url(../../img/contouring/shaping-facial-contouring/shaping-facial-contouring-visual.jpg?ver=2017) no-repeat 50% 50%;}
.subcontent .subVisual.facial.facial02 {background:url(../../img/contouring/shaping-v-line/shaping-v-line-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.facial.facial03 {background:url(../../img/contouring/long-curved-square-jaw/long-curved-square-jaw-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.facial.facial04 {background:url(../../img/contouring/zygoma-migration/zygoma-migration-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.facial.facial05 {background:url(../../img/contouring/chin-length-extension-reduction/chin-length-extension-reduction-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.facial.facial06 {background:url(../../img/contouring/facial-contouring-revision/facial-contouring-revision-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.facial.facial07 {background:url(../../img/contouring/implant-facial-contouring/implant-facial-contouring-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.facial.facial08 {background:url(../../img/contouring/non-surgical-facial-contouring/non-surgical-facial-contouring-visual.jpg?Ver=20171) no-repeat 50% 50%;}


.subcontent .subVisual.facial .titleWrap .subTitle h1, .subcontent .subVisual.facial .titleWrap .subTitle span{color:#6c3c0e;}
.subcontent .subVisual.facial .titleWrap .subTitle h2, .subcontent .subVisual.facial .titleWrap .subTitle span{color:#6c3c0e;}
.subcontent .subVisual.facial .five_box li:first-child{background:url(../../img/contouring/cleft_box6_1.png) no-repeat 50% 0;}
.subcontent .subVisual.facial .five_box li:nth-child(2){background:url(../../img/contouring/cleft_box6_2.png) no-repeat 50% 0;}
.subcontent .subVisual.facial .five_box li:nth-child(3){background:url(../../img/contouring/cleft_box6_3.png) no-repeat 50% 0;}
.subcontent .subVisual.facial .five_box li:nth-child(4){background:url(../../img/contouring/cleft_box6_4.png) no-repeat 50% 0;}
.subcontent .subVisual.facial .five_box li:nth-child(5){background:url(../../img/contouring/cleft_box6_5.png) no-repeat 50% 0;}
.subcontent .wrapper .sTitle.facial{color:#6c3c0e;}
.subcontent .wrapper .Candidates.facial ul li{color:#6c3c0e;}
.subcontent .wrapper .Benefit.facial li span:after{background:#bc722b;}
.subcontent .wrapper .Benefit.nonspan.facial li strong:after{background:#bc722b;}
.subcontent .wrapper .Benefit.facial img{position:absolute; top:0; right:0;}
.subcontent .wrapper .Benefit.facial.face03 img{position:absolute; top:20%; right:0;}
.subcontent .wrapper .case.facial ul li strong{color:#6c3c0e;}

/*�ȸ�����*/

/*��*/
.subcontent .subVisual.eyes.eyes01 {background:url(../../img/eye/da-double-eyelid/natural-non-incision-method/natural-non-incision-method-visual.jpg?ver=2017) no-repeat 50% 50%;}
.subcontent .subVisual.eyes.eyes02 {background:url(../../img/eye/da-double-eyelid/premium-incision-method/premium-incision-method-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.eyes.eyes03 {background:url(../../img/eye/ptosis-correction/ptosis-correction-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.eyes.eyes04 {background:url(../../img/eye/canthoplasty/canthoplasty-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.eyes.eyes05 {background:url(../../img/eye/lower-eyelid-surgery/under-eye-bag-removal/under-eye-bag-removal-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.eyes.eyes06 {background:url(../../img/eye/lower-eyelid-surgery/under-eye-love-bands/under-eye-love-bands-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.eyes.eyes07 {background:url(../../img/eye/eye-revision/eye-revision-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.eyes.eyes08 {background:url(../../img/eye/eyelid-surgery-for-middle-age/upper-lower-blepharoplasty/upper-lower-blepharoplasty-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.eyes.eyes09 {background:url(../../img/eye/eyelid-surgery-for-middle-age/eyebrow-lifting/eyebrow-lifting-visual.jpg) no-repeat 50% 50%;}


.subcontent .subVisual.eyes .titleWrap .subTitle h1, .subcontent .subVisual.eyes .titleWrap .subTitle span{color:#fc039d;}
.subcontent .subVisual.eyes .titleWrap .subTitle h2, .subcontent .subVisual.eyes .titleWrap .subTitle span{color:#fc039d;}
.subcontent .subVisual.eyes .five_box li:first-child{background:url(../../img/contouring/cleft_box6_1.png) no-repeat 50% 0;}
.subcontent .subVisual.eyes .five_box li:nth-child(2){background:url(../../img/contouring/cleft_box6_2.png) no-repeat 50% 0;}
.subcontent .subVisual.eyes .five_box li:nth-child(3){background:url(../../img/contouring/cleft_box6_3.png) no-repeat 50% 0;}
.subcontent .subVisual.eyes .five_box li:nth-child(4){background:url(../../img/contouring/cleft_box6_4.png) no-repeat 50% 0;}
.subcontent .subVisual.eyes .five_box li:nth-child(5){background:url(../../img/contouring/cleft_box6_5.png) no-repeat 50% 0;}
.subcontent .wrapper .sTitle.eyes{color:#6c3c0e;}
.subcontent .wrapper .Candidates.eyes ul li{color:#6c3c0e;}
.subcontent .wrapper .Benefit.eyes li span:after{background:#bc722b;}
.subcontent .wrapper .Benefit.nonspan.eyes li strong:after{background:#bc722b;}
.subcontent .wrapper .Benefit.eyes img{position:absolute; top:0; right:0;}
.subcontent .wrapper .Benefit.eyes.face03 img{position:absolute; top:20%; right:0;}
.subcontent .wrapper .case.eyes ul li strong{color:#6c3c0e;}
.subcontent .wrapper .eyes.newliststyle li.last span.num{color:#e08799; border-top:1px dotted #e08799;}

/*��*/

/*��*/
.subcontent .subVisual.nose.nose01 {background:url(../../img/rhinoplasty/type-rhinoplasty/flat-nose/flat-nose-visual.jpg?ver=2017) no-repeat 50% 50%;}
.subcontent .subVisual.nose.nose02 {background:url(../../img/rhinoplasty/type-rhinoplasty/aquiline-nose/aquiline-nose-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.nose.nose03 {background:url(../../img/rhinoplasty/type-rhinoplasty/bulbous-nose/bulbous-nose-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.nose.nose04 {background:url(../../img/rhinoplasty/type-rhinoplasty/short-upturned-nose/short-upturned-nose-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.nose.nose05 {background:url(../../img/rhinoplasty/type-rhinoplasty/long-arrow-nose/long-arrow-nose-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.nose.nose06 {background:url(../../img/rhinoplasty/type-rhinoplasty/deviated-nose/deviated-nose-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.nose.nose07 {background:url(../../img/rhinoplasty/type-rhinoplasty/wide-nasal-bridge/wide-nasal-bridge-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.nose.nose08 {background:url(../../img/rhinoplasty/after-double-jaw-surgery/after-double-jaw-surgery-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.nose.nose09 {background:url(../../img/rhinoplasty/closed-rhinoplasty/closed-rhinoplasty-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.nose.nose10 {background:url(../../img/rhinoplasty/nasal-tip-rhinoplasty/nasal-tip-rhinoplasty-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.nose.nose11 {background:url(../../img/rhinoplasty/rhinoplasty-revision/rhinoplasty-revision-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.nose.nose12 {background:url(../../img/rhinoplasty/alar-reduction/alar-reduction-visual.jpg?ver=20171) no-repeat 50% 50%;}


.subcontent .subVisual.nose .titleWrap .subTitle h1, .subcontent .subVisual.nose .titleWrap .subTitle span{color:#282828;}
.subcontent .subVisual.nose .titleWrap .subTitle h2, .subcontent .subVisual.nose .titleWrap .subTitle span{color:#282828;}
.subcontent .subVisual.nose .five_box li:first-child{background:url(../../img/contouring/cleft_box6_1.png) no-repeat 50% 0;}
.subcontent .subVisual.nose .five_box li:nth-child(2){background:url(../../img/contouring/cleft_box6_2.png) no-repeat 50% 0;}
.subcontent .subVisual.nose .five_box li:nth-child(3){background:url(../../img/contouring/cleft_box6_3.png) no-repeat 50% 0;}
.subcontent .subVisual.nose .five_box li:nth-child(4){background:url(../../img/contouring/cleft_box6_4.png) no-repeat 50% 0;}
.subcontent .subVisual.nose .five_box li:nth-child(5){background:url(../../img/contouring/cleft_box6_5.png) no-repeat 50% 0;}
.subcontent .wrapper .sTitle.nose{color:#282828;}
.subcontent .wrapper .Candidates.nose ul li{color:#6c3c0e;}
.subcontent .wrapper .Benefit.nose li span:after{background:#bc722b;}
.subcontent .wrapper .Benefit.nonspan.nose li strong:after{background:#bc722b;}
.subcontent .wrapper .Benefit.nose img{position:absolute; top:0; right:0;}
.subcontent .wrapper .Benefit.nose.face03 img{position:absolute; top:20%; right:0;}
.subcontent .wrapper .case.nose ul li strong{color:#6c3c0e;}
.subcontent .wrapper .circletype.nose li span{background:#80dcc2;}
.subcontent .wrapper .methodlist.nose{background:#d6f2ed;}
.subcontent .wrapper .methodlist.nose li .title{background:#1aae93}

.subcontent .wrapper .liststyle.nosepoint li span.num{background:#80dcc2; width:30px; height:30px; border-radius:30px; color:#fff; margin:0 auto; font-weight:600; font-size:15px; line-height:30px; margin-bottom:10px;}
.subcontent .wrapper .liststyle.nosepoint li span.title{color:#282828;}
.subcontent .wrapper .liststyle.nosepoint li span.thumb{margin-top:20px;}
/*��*/

/*����*/
.subcontent .subVisual.breast.breast01 {background:url(../../img/breast/breast-surgery/breast-surgery-visual.jpg?ver=2017) no-repeat 50% 50%;}
.subcontent .subVisual.breast.breast02 {background:url(../../img/breast/motiva/motiva-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.breast.breast03 {background:url(../../img/breast/after-pregnancy/after-pregnancy-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.breast.breast04 {background:url(../../img/breast/fat-grafting/fat-grafting-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.breast.breast05 {background:url(../../img/breast/revision/revision-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.breast.breast06 {background:url(../../img/breast/reduction/reduction-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.breast.breast07 {background:url(../../img/breast/correction/correction-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.breast.breast08 {background:url(../../img/breast/nipple/nipple-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.breast.breast09 {background:url(../../img/breast/da-premium-care/da-premium-care-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.breast.breast10 {background:url(../../img/breast/da-glam-body-fit/da-glam-body-fit-visual.jpg) no-repeat 50% 50%;}


.subcontent .subVisual.breast .titleWrap .subTitle h1, .subcontent .subVisual.breast .titleWrap .subTitle span{color:#fc039d;}
.subcontent .subVisual.breast .titleWrap .subTitle h2, .subcontent .subVisual.breast .titleWrap .subTitle span{color:#fc039d;}
.subcontent .subVisual.breast .five_box li:first-child{background:url(../../img/contouring/cleft_box6_1.png) no-repeat 50% 0;}
.subcontent .subVisual.breast .five_box li:nth-child(2){background:url(../../img/contouring/cleft_box6_2.png) no-repeat 50% 0;}
.subcontent .subVisual.breast .five_box li:nth-child(3){background:url(../../img/contouring/cleft_box6_3.png) no-repeat 50% 0;}
.subcontent .subVisual.breast .five_box li:nth-child(4){background:url(../../img/contouring/cleft_box6_4.png) no-repeat 50% 0;}
.subcontent .subVisual.breast .five_box li:nth-child(5){background:url(../../img/contouring/cleft_box6_5.png) no-repeat 50% 0;}
.subcontent .wrapper .sTitle.breast{color:#282828;}
.subcontent .wrapper .methodlist.breast{background:#f1f2f3;}
.subcontent .wrapper .methodlist.breast li .title{background:#fc039d}
.subcontent .wrapper .methodlist.breast li .thumb img{width:100%;}

.subcontent .wrapper .liststyle.breastpoint li span.num{background:#fc039d; width:30px; height:30px; border-radius:30px; color:#fff; margin:0 auto; font-weight:600; font-size:15px; line-height:30px; margin-bottom:10px;}
.subcontent .wrapper .liststyle.breastpoint li span.title{color:#282828;}
.subcontent .wrapper .liststyle.breastpoint li span.thumb{margin-top:20px;}

.tablelist{position:relative;  overflow:hidden; padding-bottom:30px;}
.tablelist table{width:100%; border:1px solid #ededed; margin-top:30px; border-spacing:0;}
.tablelist table tbody th{padding:10px 0; border-bottom:1px solid #ededed; border-right:1px solid #ededed; background:#f1f2f3;}
.tablelist table tbody td{padding:10px 0; border-right:1px solid #ededed;}
.tablelist table tbody th.last, .tablelist table tbody td.last{border-right:0;}
.tablelist table tbody th.first, .tablelist table tbody td.first{background:#ffaec1;}
.tablelist .caution{position:absolute; bottom:15px; left:0;}
.tablelist .largealert{width:37.5%; height:25px; line-height:25px; background:#fb7192; color:#fff; text-align:center; position:absolute; bottom:5px; right:0;}

.subcontent .wrapper .liststyle.breastpoint li span.num{background:#fc039d; width:30px; height:30px; border-radius:30px; color:#fff; margin:0 auto; font-weight:600; font-size:15px; line-height:30px; margin-bottom:10px;}
.subcontent .wrapper .liststyle.breastpoint li span.title{color:#282828;}

.subcontent .wrapper  .methodlist.list2.breast li .five_box{margin:20px 0;}
.subcontent .wrapper  .methodlist.list2.breast li .five_box ul{overflow:hidden; width:100%;}
.subcontent .wrapper  .methodlist.list2.breast li .five_box li{width:32%; margin: 0 0.5%; float:left; padding:80px 0 0; height:85px; font-size:12px; color:#fff5e7; line-height:18px;}
.subcontent .wrapper  .methodlist.list2.breast li .five_box li strong{color:#fff;}
.subcontent .wrapper  .methodlist.list2.breast li .five_box li:first-child{background:url(../../img/contouring/cleft_box6_1.png) no-repeat 50% 0;}
.subcontent .wrapper  .methodlist.list2.breast li .five_box li:nth-child(2){background:url(../../img/contouring/cleft_box6_2.png) no-repeat 50% 0;}
.subcontent .wrapper  .methodlist.list2.breast li .five_box li:nth-child(3){background:url(../../img/contouring/cleft_box6_5.png) no-repeat 50% 0;}






.subcontent .subVisual.men .titleWrap .subTitle h1, .subcontent .subVisual.men .titleWrap .subTitle span{color:#282828;}
.subcontent .subVisual.men .titleWrap .subTitle h2, .subcontent .subVisual.men .titleWrap .subTitle span{color:#282828;}

.subcontent .wrapper .sTitle.men{color:#282828;}
.subcontent .wrapper .methodlist.men{background:#f1f2f3;}
.subcontent .wrapper .methodlist.men li .title{background:#282828; margin-bottom:20px;}
.subcontent .wrapper .methodlist.men li .desc{color:#282828; font-size:12px; margin-bottom:20px;}
.subcontent .wrapper .methodlist.men li .thumb img{width:100%;}
.subcontent .wrapper .methodlist.twothumb.men li {margin-bottom:20px;}
.subcontent .wrapper .methodlist.twothumb.men li .thumb img{width:49%; float:left; margin:0 0.5%;}
.subcontent .wrapper .men.newliststyle li.last span.num{color:#282828; border-top:1px dotted #282828;}
.subcontent .wrapper .Benefit.men li{margin-bottom:0;}
.subcontent .wrapper .thumblist.men{background:#f1f2f3;}
.subcontent .wrapper .thumblist.men  li .toparea{background:#282828;}
.subcontent .wrapper .thumblist.men  li .toparea .title{color:#fff;}
.subcontent .wrapper .thumblist.men li .bottomarea{background:#dcd2c9;}
.subcontent .wrapper .thumblist.men li .bottomarea dl dd{color:#282828;}
.subcontent .wrapper .thumblist.men li .bottomarea dl dd:after{background:#282828;}
.subcontent .wrapper .thumblist.men li .bottomarea.center_b dl dd {text-align:center;padding:0;}
.subcontent .wrapper .thumblist.men li .bottomarea.center_b dl dd:after {content:"";width:0;height:0;}
.subcontent .wrapper .thumblist.men li .img_top {}
.subcontent .wrapper .thumblist.men li .img_top img {width:100%;}
/*����*/

/*����*/
.subcontent .subVisual.body.body01 {background:url(../../img/body/da-liposuction/da-liposuction-visual.jpg?ver=2017) no-repeat 50% 50%;}
.subcontent .subVisual.body.body02 {background:url(../../img/body/mini-liposuction/mini-liposuction-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.body.body03 {background:url(../../img/body/arm-thigh-lifting/arm-thigh-lifting-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.body.body04 {background:url(../../img/body/abdominoplasty/abdominoplasty-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.body.body05 {background:url(../../img/body/diet-attack/diet-attack-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.body.body06 {background:url(../../img/body/non-surgical-body-contouring/liposonix-max-slim/liposonix-max-slim-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.body.body07 {background:url(../../img/body/non-surgical-body-contouring/max-5-slim/max-5-slim-visual.jpg) no-repeat 50% 50%;}



.subcontent .subVisual.body .titleWrap .subTitle h1, .subcontent .subVisual.body .titleWrap .subTitle span{color:#ff3703;}
.subcontent .subVisual.body .titleWrap .subTitle h2, .subcontent .subVisual.body .titleWrap .subTitle span{color:#ff3703;}
.subcontent .subVisual.body .five_box li:first-child{background:url(../../img/contouring/cleft_box6_1.png) no-repeat 50% 0;}
.subcontent .subVisual.body .five_box li:nth-child(2){background:url(../../img/contouring/cleft_box6_2.png) no-repeat 50% 0;}
.subcontent .subVisual.body .five_box li:nth-child(3){background:url(../../img/contouring/cleft_box6_3.png) no-repeat 50% 0;}
.subcontent .subVisual.body .five_box li:nth-child(4){background:url(../../img/contouring/cleft_box6_4.png) no-repeat 50% 0;}
.subcontent .subVisual.body .five_box li:nth-child(5){background:url(../../img/contouring/cleft_box6_5.png) no-repeat 50% 0;}
.subcontent .wrapper .methodlist.body li .title{background:#fcfc9b; color:#282828; margin-bottom:20px;}
.subcontent .wrapper .methodlist.body{background:#f1f2f3;}
.subcontent .wrapper .methodlist.body li .desc{color:#282828; font-size:12px; margin-bottom:20px;}
.subcontent .wrapper .methodlist.body li .thumb img{width:100%;}
.subcontent .wrapper .methodlist.twothumb.body li {margin-bottom:20px;}
.subcontent .wrapper .methodlist.twothumb.body li .thumb img{width:49%; float:left; margin:0 0.5%;}
.subcontent .wrapper .methodlist.body ul{width:90%;}

/*���*/
.subcontent .subVisual.ameteur.ameteur01 {background:url(../../img/jaw/smile-double-Jaw-surgery/smile-double-Jaw-surgery-visual.jpg?ver=2018) no-repeat 50% 50%;}
.subcontent .subVisual.ameteur.ameteur02 {background:url(../../img/jaw/protruding-lip-surgery/protruding-lip-surgery-visual.jpg?ver=2017) no-repeat 50% 50%;}
.subcontent .subVisual.ameteur.ameteur03 {background:url(../../img/jaw/smile-triple-jaw-surgery/smile-triple-jaw-surgery-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.ameteur.ameteur04 {background:url(../../img/jaw/da-double-jaw-revision/da-double-jaw-revision-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.ameteur.ameteur05 {background:url(/common/img/sub/ameteur/visual_05.jpg) no-repeat 50% 50%;}

.proescar_c01 {}
.proescar_c01 h3 {font-size:15px;}
.proescar_list {overflow:hidden;text-align:center;margin-bottom:30px;padding-bottom:30px;}
.proescar_list ul {display:inline-block;}
.proescar_list ul li {float:left;width:150px;height:150px;border-radius:150px;line-height:150px;font-size:15px;color:#fff;padding:0 3%;box-sizing:border-box;vertical-align:middle;position:relative;}
.proescar_list ul li b {color:#6bc4f0;}
.proescar_list ul li span {position:absolute;top:155px;display:block;width:100%;left:0;line-height:1;font-size:13px;}
.proescar_list ul li:first-child {background:#1e5c7b;margin-right:30px;}
.proescar_list ul li:last-child {background:#0f2a37;}

@media (max-width: 680px){
	.proescar_list ul li {width:100px;height:100px;line-height:100px;margin-bottom:0;}
	.proescar_list ul li span {top:105px;}
}
.proescar_c03 {text-align:center;margin-top:5%;}
.proescar_c04 {margin-top:5%;}
.subcontent .wrapper .proescar_c03 .diamondlist li {margin-bottom:3%;}

.subcontent .subVisual.ameteur .titleWrap .subTitle h1, .subcontent .subVisual.ameteur .titleWrap .subTitle span{color:#0244a1;}
.subcontent .subVisual.ameteur .titleWrap .subTitle h2, .subcontent .subVisual.ameteur .titleWrap .subTitle span{color:#0244a1;}
.subcontent .subVisual.ameteur .five_box li:first-child{background:url(../../img/contouring/cleft_box6_1.png) no-repeat 50% 0;}
.subcontent .subVisual.ameteur .five_box li:nth-child(2){background:url(../../img/contouring/cleft_box6_2.png) no-repeat 50% 0;}
.subcontent .subVisual.ameteur .five_box li:nth-child(3){background:url(../../img/contouring/cleft_box6_3.png) no-repeat 50% 0;}
.subcontent .subVisual.ameteur .five_box li:nth-child(4){background:url(../../img/contouring/cleft_box6_4.png) no-repeat 50% 0;}
.subcontent .subVisual.ameteur .five_box li:nth-child(5){background:url(../../img/contouring/cleft_box6_5.png) no-repeat 50% 0;}
.subcontent .wrapper .sTitle.ameteur{color:#282828;}

.subcontent .wrapper .Candidates.ameteur.type06 li.first{top:18.5%; right:72%;}
.subcontent .wrapper .Candidates.ameteur.type06 li.second{top:45%; right:75%;}
.subcontent .wrapper .Candidates.ameteur.type06 li.third{top:70%; right:72%;}
.subcontent .wrapper .Candidates.ameteur.type06 li.fourth{top:30%; left:71%;}
.subcontent .wrapper .Candidates.ameteur.type06 li.fiveth{top:55%; left:73%;}
.subcontent .wrapper .Candidates.ameteur.type06 li.sixth{top:80%; left:72%;}

.subcontent .wrapper .liststyle.ameteurpoint li span.num{background:#0244a1; width:30px; height:30px; border-radius:30px; color:#fff; margin:0 auto; font-weight:600; font-size:15px; line-height:30px; margin-bottom:10px;}
.subcontent .wrapper .liststyle.ameteurpoint li span.title{color:#282828;}
.subcontent .wrapper .liststyle.ameteurpoint li span.thumb{margin-top:20px;}
.ameteurtable{width:100%; border:1px solid #ededed; border-spacing:0; margin-top:30px;}
.ameteurtable td{padding:15px 10px; text-align:Center; border-bottom:1px solid #ededed; border-right:1px solid #ededed; color:#282828;}
.ameteurtable td.whitesec{background:#f1f2f3;}
.ameteurtable td.bluesec{background:#0244a1; color:#fff; border-right:0;}
.ameteurtable tr.last td{border-bottom:0;}

.proveameteurelist{width:90%; margin:0 auto; overflow:hidden;}
.proveameteurelist li{width:48%; margin:0 1%; height:30px; line-height:30px; border-radius:5px; background:#80dcc2; color:#fff; margin-bottom:10px; float:left;}
/*���*/


/*������*/
.subcontent .subVisual.lifting.lifting01 {background:url(../../img/lifting/2030-dual-v-lifting/2030-dual-v-lifting-visual.jpg?ver=2017) no-repeat 50% 50%;}
.subcontent .subVisual.lifting.lifting02 {background:url(../../img/lifting/4060-double-lifting/4060-double-lifting-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.lifting.lifting03 {background:url(../../img/lifting/da-thread-lifting/da-thread-lifting-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.lifting.lifting04 {background:url(../../img/lifting/endotine-lifting/endotine-lifting-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.lifting.lifting05 {background:url(../../img/lifting/da-scalp-incision-forehead-lifting/da-scalp-incision-forehead-lifting-visual.jpg) no-repeat 50% 50%;}


.subcontent .subVisual.lifting .titleWrap .subTitle h1, .subcontent .subVisual.lifting .titleWrap .subTitle span{color:#282828;}
.subcontent .subVisual.lifting .titleWrap .subTitle h2, .subcontent .subVisual.lifting .titleWrap .subTitle span{color:#282828;}
.subcontent .subVisual.lifting .five_box li:first-child{background:url(../../img/contouring/cleft_box6_1.png) no-repeat 50% 0;}
.subcontent .subVisual.lifting .five_box li:nth-child(2){background:url(../../img/contouring/cleft_box6_2.png) no-repeat 50% 0;}
.subcontent .subVisual.lifting .five_box li:nth-child(3){background:url(../../img/contouring/cleft_box6_3.png) no-repeat 50% 0;}
.subcontent .subVisual.lifting .five_box li:nth-child(4){background:url(../../img/contouring/cleft_box6_4.png) no-repeat 50% 0;}
.subcontent .subVisual.lifting .five_box li:nth-child(5){background:url(../../img/contouring/cleft_box6_5.png) no-repeat 50% 0;}
.subcontent .wrapper .sTitle.lifting{color:#282828;}
/*������*/

/*��*/
.subcontent .subVisual.petit.petit01 {background:url(../../img/petit/fat-grafting/fat-grafting/fat-grafting-visual.jpg?ver=2017) no-repeat 50% 50%;}
.subcontent .subVisual.petit.petit02 {background:url(../../img/petit/fat-grafting/stem-cell-fat-grafting/stem-cell-fat-grafting-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.petit.petit03 {background:url(../../img/petit/petit-surgery/botox/botox-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.petit.petit04 {background:url(../../img/petit/petit-surgery/filler/filler-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.petit.petit05 {background:url(../../img/petit/petit-surgery/da-noble-surgery/da-noble-surgery-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.petit2.petit06 {background:url(../../img/petit/lip-surgery/lip-petit-surgery/lip-petit-surgery-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.petit2.petit07 {background:url(../../img/petit/lip-surgery/mouth-corner-surgery/mouth-corner-surgery-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.petit2.petit08 {background:url(../../img/petit/lip-surgery/lip-surgery/lip-surgery-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.petit2.petit09 {background:url(../../img/petit/lip-surgery/philtrum-reduction/philtrum-reduction-visual.jpg) no-repeat 50% 50%;}



.subcontent .subVisual.petit .titleWrap .subTitle h1, .subcontent .subVisual.petit .titleWrap .subTitle span{color:#da35d7;}
.subcontent .subVisual.petit .titleWrap .subTitle h2, .subcontent .subVisual.petit .titleWrap .subTitle span{color:#da35d7;}
.subcontent .subVisual.petit .five_box li:first-child{background:url(../../img/contouring/cleft_box6_1.png) no-repeat 50% 0;}
.subcontent .subVisual.petit .five_box li:nth-child(2){background:url(../../img/contouring/cleft_box6_2.png) no-repeat 50% 0;}
.subcontent .subVisual.petit .five_box li:nth-child(3){background:url(../../img/contouring/cleft_box6_3.png) no-repeat 50% 0;}
.subcontent .subVisual.petit .five_box li:nth-child(4){background:url(../../img/contouring/cleft_box6_4.png) no-repeat 50% 0;}
.subcontent .subVisual.petit .five_box li:nth-child(5){background:url(../../img/contouring/cleft_box6_5.png) no-repeat 50% 0;}
.subcontent .subVisual.petit2 .titleWrap .subTitle h2, .subcontent .subVisual.petit2 .titleWrap .subTitle span{color:#df4649;}
.subcontent .subVisual.petit2 .five_box li:first-child{background:url(../../img/contouring/cleft_box6_1.png) no-repeat 50% 0;}
.subcontent .subVisual.petit2 .five_box li:nth-child(2){background:url(../../img/contouring/cleft_box6_2.png) no-repeat 50% 0;}
.subcontent .subVisual.petit2 .five_box li:nth-child(3){background:url(../../img/contouring/cleft_box6_3.png) no-repeat 50% 0;}
.subcontent .subVisual.petit2 .five_box li:nth-child(4){background:url(../../img/contouring/cleft_box6_4.png) no-repeat 50% 0;}
.subcontent .subVisual.petit2 .five_box li:nth-child(5){background:url(../../img/contouring/cleft_box6_5.png) no-repeat 50% 0;}


.subcontent .subVisual.skin.skin01 {background:url(../../img/skin/porescar/porescar-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.skin.skin02 {background:url(../../img/skin/dualtoning/dual_visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.skin.skin03 {background:url(../../img/skin/sface/sface_visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.skin.skin04 {background:url(../../img/skin/subcision/subcision_visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.skin.skin05 {background:url(../../img/skin/agnes/agnes_visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.skin.skin06 {background:url(../../img/skin/einxel/einxel_visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.skin.skin07 {background:url(../../img/skin/acua/acua-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.skin.skin08 {background:url(../../img/skin/acure/acure-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.skin.skin09 {background:url(../../img/skin/acne/acne-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.skin.skin10 {background:url(../../img/skin/vline/vline-visual.jpg) no-repeat 50% 50%;}
.subcontent .subVisual.skin.skin11 {background:url(../../img/skin/whitening/whitening-visual.jpg) no-repeat 50% 50%;}

.subcontent .subVisual.skin .five_box li:first-child{background:url(../../img/contouring/cleft_box6_1.png) no-repeat 50% 0;}
.subcontent .subVisual.skin .five_box li:nth-child(2){background:url(../../img/contouring/cleft_box6_2.png) no-repeat 50% 0;}
.subcontent .subVisual.skin .five_box li:nth-child(3){background:url(../../img/contouring/cleft_box6_5.png) no-repeat 50% 0;}

.subcontent .subVisual.skin07 .five_box li:first-child{background:url(../../img/contouring/cleft_box6_1.png) no-repeat 50% 0;}
.subcontent .subVisual.skin07 .five_box li:nth-child(2){background:url(../../img/contouring/cleft_box6_2.png) no-repeat 50% 0;}
.subcontent .subVisual.skin07 .five_box li:nth-child(3){background:url(../../img/contouring/cleft_box6_4.png) no-repeat 50% 0;}
.subcontent .subVisual.skin07 .five_box li:nth-child(4){background:url(../../img/contouring/cleft_box6_5.png) no-repeat 50% 0;}
.subcontent .subVisual.skin07 .five_box li:nth-child(5){background:url(../../img/contouring/cleft_box6_3.png) no-repeat 50% 0;}

.subcontent .wrapper .sTitle.petit{color:#282828;}
.subcontent .wrapper .Candidates.petit ul li{color:#6c3c0e;}
.subcontent .wrapper .Benefit.petit li span:after{background:#bc722b;}
.subcontent .wrapper .Benefit.nonspan.petit li strong:after{background:#bc722b;}
.subcontent .wrapper .Benefit.petit img{position:absolute; top:0; right:0;}
.subcontent .wrapper .Benefit.petit.face03 img{position:absolute; top:20%; right:0;}
.subcontent .wrapper .case.petit ul li strong{color:#6c3c0e;}
.subcontent .wrapper .circletype.petit li span{background:#da35d7;}
.subcontent .wrapper .methodlist.petit{background:#d6f2ed;}
.subcontent .wrapper .methodlist.petit li .title{background:#1aae93}

.subcontent .wrapper .liststyle.petitpoint li span.num{background:#80dcc2; width:30px; height:30px; border-radius:30px; color:#fff; margin:0 auto; font-weight:600; font-size:15px; line-height:30px; margin-bottom:10px;}
.subcontent .wrapper .liststyle.petitpoint li span.title{color:#282828;}
.subcontent .wrapper .liststyle.petitpoint li span.thumb{margin-top:20px;}

.subcontent .wrapper .thumblist.petit{background:#2e2d33;}
.subcontent .wrapper .thumblist.petit li .toparea{background:#fff;}
.subcontent .wrapper .thumblist.petit li .toparea .num{background:#2e2d33;}
.subcontent .wrapper .thumblist.petit li .toparea .title{color:#2e2d33;}
.subcontent .wrapper .thumblist.petit li .bottomarea{background:#f0edf4;}
.subcontent .wrapper .thumblist.petit li .bottomarea dl dd{color:#282828;}
.subcontent .wrapper .thumblist.petit li .bottomarea dl dd:after{background:#282828;}

.subcontent .wrapper .thumblist.petit2{background:#efb1b2;}
.subcontent .wrapper .thumblist.petit2 li .toparea{background:#fff;}
.subcontent .wrapper .thumblist.petit2 li .toparea .num{background:#fa6669;}
.subcontent .wrapper .thumblist.petit2 li .toparea .title{color:#fff;}
.subcontent .wrapper .thumblist.petit2 li .bottomarea{background:#fa6669;}
.subcontent .wrapper .thumblist.petit2 li .bottomarea dl dd{color:#282828;}
.subcontent .wrapper .thumblist.petit2 li .bottomarea dl dd:after{background:#282828;}
/*��*/

/*intro*/
.introbox{overflow:hidden; position:relative;}
.introbox ul{display:block; text-align:center; position:absolute; top:75%; width:100%; font-size:0;}
.introbox ul li{width:90px; height:90px; display:inline-block; border-radius:90px; line-height:90px; background:#5db3de; font-size:12px; margin:0 10px; color:#fff; text-align:center;}
.subcontent .wrapper .liststyle.intro li span.thumb{margin-bottom:0;}
.subcontent .wrapper .liststyle.intro li span.title{margin-top:0; text-align:center; line-height:25px; font-size:15px; color:#fff; background:#2a2b2c;}
.doc_title{margin-bottom:30px;}
.doc1{background:#eff2f3; padding:30px 0;}
.doc1 .doc_title{width:56.363636%;}
.doc1 .wrapper, .doc2 .wrapper{margin:0 auto;}
.doc2{background:#e1e9e8; padding:30px 0;}
.doc2 .doc_title{width:42.54545454545455%;}
.doc_list_box {overflow:hidden;}
.doc_list_box li{width:calc(20% - 10px); float:left; margin:0 5px; margin-bottom:10px;}
.doc_list_box li img{width:100%; vertical-align:bottom;}
.history{width:100%; max-width:1100px; margin:0 auto; overflow:hidden; margin-top:-24px; position:relative; z-index:1000;}
.history ul.tab{font-size:0; width:calc(100% - 2px); border-left:1px solid #1d2834; border-right:1px solid #1d2834; border-top:1px solid #1d2834; overflow: hidden; background:#1d2834;}
.history ul.tab li{list-style-type:none; width:20%; height:45px; line-height:45px; float:left; margin:0; padding:0;}
.history ul.tab li a{outline:none; position:relative; font-size:16px; font-weight:bold; height:45px; display:block; line-height:45px; text-align:center;  color:#d1d2d4;}
.history ul.tab li a img{vertical-align:middle; margin-top:35px;}
.history ul.tab li a:hover{text-decoration:none;}
.history ul.tab li a:after{content:''; width:1px; height:10px; position:absolute; top:17px; right:0; background:#fff;}
.history ul.tab li:last-child a:after{display:none;}
.history ul.tab li a.selected{text-decoration:none; color:#1d2834; background:#fff; cursor:default; outline:none; overflow: hidden;}
.history ul.tab li a.selected:after{display:none;}
.history .tab_content{clear:both;}
.history .tab_content .title img {vertical-align: middle;}

.bytraffic{width:100%; max-width:1100px; margin:0 auto; overflow:hidden; margin-top:-24px; position:relative; z-index:1000; margin-top:20px}
.bytraffic ul.tab{font-size:0; width:calc(100% - 2px); border-left:1px solid #121212; border-right:1px solid #121212; border-top:1px solid #121212; overflow: hidden; background:#121212;}
.bytraffic ul.tab li{list-style-type:none; width:33.333%; height:35px; line-height:35px; float:left; margin:0; padding:0;}
.bytraffic ul.tab li a{outline:none; position:relative; font-size:15px; font-weight:bold; height:35px; display:block; line-height:35px; text-align:center;  color:#d1d2d4;}
.bytraffic ul.tab li a img{vertical-align:middle; margin-top:35px;}
.bytraffic ul.tab li a:hover{text-decoration:none;}
.bytraffic ul.tab li:last-child a:after{display:none;}
.bytraffic ul.tab li a.selected{text-decoration:none; color:#1d2834; background:#fff; cursor:default; outline:none; overflow: hidden;}
.bytraffic .tab_content{clear:both; padding:10px; border:1px solid #121212; border-top:0;}
.bytraffic .tab_content .title img {vertical-align: middle;}
.bytraffic .tab_content ul li{font-size:13px; margin-bottom:10px;}
.bytraffic .tab_content ul li:last-child{margin-bottom:0;}
.bytraffic .tab_content ul li span{display:inline-block; margin-right:15px; text-align:center; padding:5px 10px; color:#fff;}
.bytraffic .tab_content ul li span.greenbox{background:#45bf1f;}
.bytraffic .tab_content ul li span.lightbluebox{background:#1f85bf;}
.bytraffic .tab_content ul li span.redbox{background:#bf1f1f;}
.bytraffic .tab_content ul li span.bluebox{background:#1b32bc;}
.bytraffic .tab_content ul li span.orangebox{background:#ec7d06;}
.bytraffic .tab_content ul li span.darkgreenbox{background:#4b6c41;}
.bytraffic .tab_content ul li span.creambox{background:#b6925b;}
.bytraffic .tab_content #tab3 ul li span{display:block; margin-bottom:10px;}

.btn_section_box { margin:30px 15px; }
.btn_section_box li a img { width:195px; height:64px; }
.btn_section_box ul { width:100%; font-size:0; text-align:center;}
.btn_section_box li { display:inline-block; width:auto; margin:0 10px;  text-align:center; }
.top_imagebox{position:relative;}
.top_imagebox a{position:absolute; top:50%; margin-top:-30px;}
.top_imagebox a.btn_prev { left:20px; }
.top_imagebox a.btn_next { right:20px;}
.top_imagebox a img {height:59px; }
/*intro*/



@media (max-width: 1024px) {
	.subcontent .subVisual .titleWrap {
		width: 100%;
	}
	.subcontent .wrapper .liststyle{margin-top:0; padding-bottom:0;}
	.subcontent .wrapper .liststyle.list4 li {
		width: calc(50% - 22px);
		padding: 10px 5px 20px 5px;
		text-align: center;
		margin-bottom: 10px!important;
		float:left;
	}
	.subcontent .wrapper .liststyle.box li {width:calc(50% - 22px); margin:0 5px 10px;}
	.subcontent .wrapper .howtoinfo {padding:10px;}
	.subcontent .wrapper .howtoinfo ul li {vertical-align:top;}
	.subcontent .wrapper .howtoinfo ul li .infowrap div {display:block;}

	.subcontent .wrapper .howtoinfo ul li .thumb {width:auto;}
	.subcontent .wrapper .howtoinfo ul li .info {width:auto;}

	.mt30{margin-top:15px!important;}
	.subcontent .wrapper .sTitle{font-size:17px; padding:20px 0 10px;}
	.subcontent .wrapper .sTitle span{font-size:12px;}
	.subcontent .wrapper .Benefit li strong, .subcontent .wrapper .Benefit span{margin-bottom:0; font-size: 14px;}
	.subcontent .wrapper .Benefit li span:after, .subcontent .wrapper .Benefit.nonspan li strong:after{top:20px;}
	.subcontent .wrapper .Candidates img{width:100%;}
	.subcontent .wrapper img{max-width:100%;}

	.introbox ul{display:block; text-align:center; position:relative; top:0; width:100%; max-width:400px; margin:0 auto; font-size:0; margin-top:20px;}
	.introbox ul li{margin-bottom:10px;}
	.subcontent .wrapper .liststyle li span.title{font-size:15px;}
	.subcontent .wrapper .Normaldesc{font-size:13px;}
}

@media (max-width: 900px) {
	.subcontent .wrapper .prove{overflow:hidden; margin-top:20px;}

	.subcontent .wrapper .prove .conright{top:15px; right:10px; width:auto; left:10px; z-index:1;}
	.subcontent .wrapper .prove .conleft{top:15px; left:10px; right:10px; width:auto; z-index:1;}
	.subcontent .wrapper .prove:after{content:''; position:Absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); top:0; left:0; z-index:0;}
	.subcontent .wrapper .prove.eyes:after{background:rgba(0, 0, 0, 0.5); }
	.subcontent .wrapper .prove.tc p, .subcontent .wrapper .prove.tc h3{position:relative; z-index:10; padding:0 10px;}

	.subcontent .wrapper .prove h3{margin-top:0; font-size:19px;}
	.subcontent .wrapper .prove p{margin-top:10px;}
	.subcontent .wrapper .prove p span{margin-bottom:10px;}
	.subcontent .wrapper .prove ul{margin-top:15px;}
	.subcontent .wrapper .prove ul li{margin-bottom:10px;}
	.subcontent .wrapper .Benefit img{opacity:0.2; transform:translate(-50%, -40%); top:50%!important; left:50%!important;}
	.subcontent .wrapper .Benefit li{margin-bottom:10px;}
	.subcontent .wrapper .liststyle.list4.normalimg li{width:calc(50% - 10px);}
	.subcontent .wrapper .liststyle.list5 li{width:calc(50% - 32px);}
	.subcontent .wrapper .newliststyle{margin-top:10px;}
	.subcontent .wrapper .newliststyle.list5 li{width:calc(33.333% - 20px);}
	.subcontent .wrapper .diamondlist{position:relative; margin-top:-30px}

	.subcontent .wrapper .methodlist ul{width:100%;}
	.subcontent .wrapper .methodlist.list2 li{width:calc(50% - 10px); padding:0 5px;}
	.subcontent .wrapper .methodlist.specialmethod.list2 li{width:calc(100% - 10px); padding:0 5px;}
	.subcontent .wrapper .methodlist.list4 li{width:calc(50% - 10px); padding:0 5px;}
	.subcontent .wrapper .methodlist.list3 li{width:calc(33.333% - 10px); padding:0 5px;}
	.subcontent .wrapper .methodlist.specialmethodlist.list3 li{width:calc(100% - 10px);}
	.subcontent .wrapper .prove .concenter{position:absolute; top:15px; }
	.subcontent .wrapper .thumblist{padding:10px;}
	.subcontent .wrapper .liststyle.list3 li{width:calc(100% - 20px);}
	.subcontent .wrapper .newliststyle.list4 li{width:calc(50% - 20px);}
	.subcontent .wrapper .thumblist.list4 li{width:calc(50% - 10px);}
	.subcontent .wrapper .thumblist.specialthumblist.list3 li{width:100%; margin-bottom:10px;}
	.subcontent .wrapper .liststyle.box li.none span.thumb{display:none;}
}

@media (max-width: 800px){
	.leftBg {background-position: 62% 50%!important;}
	.rightBg {background-position: 40% 50%!important;}
	.subcontent .subVisual .titleWrap.left .subTitle {float:none; width:100%;}
	.subcontent .subVisual .titleWrap.left .subTitle p img {width:200px;}
	.subcontent .subVisual .titleWrap.left .subTitle .subtopTitle {position: absolute; left: 15px; width:50%;}

	.subcontent .subVisual .titleWrap.right .subTitle {float:none; width:100%;}
	.subcontent .subVisual .titleWrap.right .subTitle p img {width:200px;}
	.subcontent .subVisual .titleWrap.right .subTitle .subtopTitle {position: absolute; right: 15px; width:50%;}
	.subcontent .subVisual .titleWrap .subTitle .subtopTitle h2 {font-size:16px;}
	.subcontent .subVisual .titleWrap .subTitle .subtopTitle h2.small {font-size:16px;}
	.subcontent .subVisual.nose .titleWrap .subTitle h2, .subcontent .subVisual.nose .titleWrap .subTitle span {font-size:13px;}
	.subcontent .subVisual .titleWrap {width:100%;}
	.subcontent .subVisual {position:relative;}
	.subcontent .subVisual .titleWrap .five_box {position:absolute; bottom:30px; width:100%;}
	.subcontent .subVisual .titleWrap .five_box li {
		height: 70px;
		font-size:11px;
		line-height:15px;
	}
	.bytraffic .tab_content ul li span{display:block; margin-right:5px; text-align:center; padding:5px 10px; color:#fff; margin-bottom:10px}
	.subcontent .subVisual .titleWrap .caution {position:absolute; width:100%; bottom:10px;}
	.doc_list_box li{width:calc(33.333% - 20px); float:left; margin:0 10px; margin-bottom:20px;}
	.history{margin-top:0;}
	.history ul.tab li{height:35px; line-height:35px;}
	.history ul.tab li a{font-size:12px; font-weight:normal; height:35px; line-height:35px;}
	.history ul.tab li a:after{top:12px; right:0; background:#fff;}
	.btn_section_box li { display:inline-block; width:calc(33.333% - 10px); margin:0 5px;  text-align:center; }
	.btn_section_box li a img{max-width:100%; height:auto;}
	.top_imagebox a{margin-top:-15px;}
	.top_imagebox a img {height:30px; }
	.subcontent .wrapper .diamondlist li{vertical-align:top; margin-bottom:20px;}
	.subcontent .wrapper .diamondlist li .diamondlistwrap{position:relative; top:auto; left:auto; transform:translate(0, 0);}
	.subcontent .wrapper .diamondlist li img{display:none;}
	.subcontent .wrapper .thumblist.list2 li{width:calc(100% - 10px);}
	.subcontent .wrapper .thumblist.list2 li:first-child{margin-bottom:10px;}
	.subcontent .wrapper .methodlist.list2 li{width:calc(100% - 10px);}
	.subcontent .wrapper .Candidates ul{font-size:0; margin-top:10px;}
	.subcontent .wrapper .Candidates li{position:relative; font-size:12px; text-align:left; width:calc(50% - 14px); display:inline-block; vertical-align:top; margin-bottom:15px; padding:0 7px;}
	.subcontent .wrapper .Candidates li.right{text-align:left;}
	.subcontent .wrapper .Candidates li:after{content:''; position:absolute; top:7px; left:0; width:3px; height:3px; background:#6c3c0e;}
	.subcontent .wrapper .Candidates.type03 li.first{top:auto; right:auto;}
	.subcontent .wrapper .Candidates.type03 li.second{top:auto; right:auto;}
	.subcontent .wrapper .Candidates.type03 li.third{top:auto; right:auto;}

	.subcontent .wrapper .Candidates.type04 li.first{top:auto; right:auto;}
	.subcontent .wrapper .Candidates.type04 li.second{top:auto; right:auto;}
	.subcontent .wrapper .Candidates.type04 li.third{top:auto; left:auto;}
	.subcontent .wrapper .Candidates.type04 li.fourth{top:auto; left:auto;}

	.subcontent .wrapper .Candidates.type05 li.first{top:auto; right:auto;}
	.subcontent .wrapper .Candidates.type05 li.second{top:auto; right:auto;}
	.subcontent .wrapper .Candidates.type05 li.third{top:auto; right:auto;}
	.subcontent .wrapper .Candidates.type05 li.fourth{top:auto; left:auto;}
	.subcontent .wrapper .Candidates.type05 li.fiveth{top:auto; left:auto;}

	.subcontent .wrapper .Candidates.type06 li.first{top:auto; right:auto;}
	.subcontent .wrapper .Candidates.type06 li.second{top:auto; right:auto;}
	.subcontent .wrapper .Candidates.type06 li.third{top:auto; right:auto;}
	.subcontent .wrapper .Candidates.type06 li.fourth{top:auto; left:auto;}
	.subcontent .wrapper .Candidates.type06 li.fiveth{top:auto; left:auto;}
	.subcontent .wrapper .Candidates.type06 li.sixth{top:auto; left:auto;}
	.subcontent .wrapper .prove p.brown{color:#fff!important;}

	.subcontent .wrapper .Candidates.ameteur.type06 li.first{top:auto; right:auto;}
	.subcontent .wrapper .Candidates.ameteur.type06 li.second{top:auto; right:auto;}
	.subcontent .wrapper .Candidates.ameteur.type06 li.third{top:auto; right:auto;}
	.subcontent .wrapper .Candidates.ameteur.type06 li.fourth{top:auto; left:auto;}
	.subcontent .wrapper .Candidates.ameteur.type06 li.fiveth{top:auto; left:auto;}
	.subcontent .wrapper .Candidates.ameteur.type06 li.sixth{top:auto; left:auto;}
	
		.subcontent .wrapper .circletype.type04 li.first{top:auto; right:auto; width:calc(50% - 14px);}
	.subcontent .wrapper .circletype.type04 li.second{top:auto; right:auto; width:calc(50% - 14px);}
	.subcontent .wrapper .circletype.type04 li.third{top:auto; left:auto; width:calc(50% - 14px);}
	.subcontent .wrapper .circletype.type04 li.fourth{top:auto; left:auto; width:calc(50% - 14px);}

	.subcontent .wrapper .circletype.type05 li.first{top:auto; right:auto; width:calc(50% - 14px);}
	.subcontent .wrapper .circletype.type05 li.second{top:auto; right:auto; width:calc(50% - 14px);}
	.subcontent .wrapper .circletype.type05 li.third{top:auto; right:auto; width:calc(50% - 14px);}
	.subcontent .wrapper .circletype.type05 li.fourth{top:auto; left:auto; width:calc(50% - 14px);}
	.subcontent .wrapper .circletype.type05 li.fiveth{top:auto; left:auto; width:calc(50% - 14px);}

	.subcontent .wrapper .circletype ul{font-size:0; margin-top:10px; text-align:left;}
	.subcontent .wrapper .circletype li{position:relative; font-size:12px; text-align:left; width:calc(50% - 14px); display:inline-block; vertical-align:top; margin-bottom:15px; padding:0 7px;}
	.subcontent .wrapper .circletype li.left{text-align:left;}

	.subcontent .wrapper .circletype li.right{text-align:left;}


	
}

@media (max-width: 640px){
	.subcontent .wrapper .liststyle.box li{width:calc(100% - 22px);}
	.subcontent .wrapper .liststyle.box.list3 li{width:calc(100% - 22px); display:block;}
	.proveameteurelist{width:95%;}
	.proveameteurelist li{width:100%; margin:0; font-size:10px;}
	.proveameteurelist li:nth-child(2){line-height:inherit;}
	.subcontent .wrapper .methodlist.list3 li{width:calc(100% - 10px); margin-bottom:10px;}
	.subcontent .newdepth{display:none;}
	.subcontent .wrapper .howtoinfo.list2 ul li{width:100%; padding:0;}
	.subcontent .wrapper .howtoinfo.list3 ul li{width:100%; padding:0; margin-bottom:10px;}
	.subcontent .wrapper .howtoinfo.list4 ul li{width:100%; padding:0; margin-bottom:10px;}
	.subcontent .wrapper .howtoinfo.list2 ul li:first-child{margin-bottom:10px;}
	.subcontent .wrapper .howtoinfo.list3 ul li:last-child{margin-bottom:0;}
	.subcontent .wrapper .howtoinfo.list4 ul li:last-child{margin-bottom:0;}
	.subcontent .wrapper .howtoinfo ul li .thumb span.sectiondesc1{top:20%; left:11%;}
	.subcontent .wrapper .howtoinfo ul li .thumb span.sectiondesc2{top:42%; left:11%;}
	.black{color:#fff!important;}
	.subcontent .wrapper .newliststyle li span.title.black{color:#282828!important;}
	.subcontent .wrapper .thumblist.list3 li{width:100%; margin:0; margin-bottom:10px;}
	.subcontent .wrapper .thumblist.list3 li:last-child{margin-bottom:0;}
	.subcontent .wrapper .thumblist.list4 li{width:100%; margin:0; margin-bottom:10px;}
	.subcontent .wrapper .thumblist.list4 li:last-child{margin-bottom:0;}
	.subcontent .wrapper .newliststyle.list3 li{width:100%; padding:0; margin-bottom:10px;}
	.subcontent .wrapper .methodlist.body li dl dt.black{color:#282828!important;}
	.subcontent .wrapper .methodlist.men li .title{margin-bottom:10px;}
	.subcontent .wrapper .methodlist.men li dl dt.black{color:#282828!important;}
	.subcontent .wrapper .methodlist.body li dl dd.black{color:#282828!important;}
	.subcontent .subVisual .titleWrap .subTitle .subtopTitle span{font-size:12px;}
	.subcontent .wrapper .methodlist li dl dd{margin:5px 0;}
	.subcontent .wrapper .prove .concenter dl dd{color:#fff;}

	.subcontent .wrapper .newliststyle.list2{width:100%;}
	.tablelist{padding-bottom:70px;}
	.tablelist .caution {bottom:30px;}
	.tablelist .largealert{width:100%; bottom:0;}
}